/* Light reading surfaces. The device shell owns safe areas. */
.su-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sf-app,.xh-app{background:#fff;color:#202124;color-scheme:light}
.sf-app button,.xh-app button{color:inherit}
.sf-app input,.xh-app input{font-size:16px;color:#242427;background:transparent;min-width:0}
.sf-app input::placeholder,.xh-app input::placeholder{color:#9b9b9f;opacity:1}
.sf-scroll{padding:0!important;min-height:0}
.sf-search-list{padding:4px 19px 18px}
.sf-search-row{display:flex;align-items:center;min-height:51px;gap:9px}
.sf-record{min-width:0;flex:1;display:flex;align-items:center;gap:13px;text-align:left;min-height:51px;font-size:16px;line-height:1.4;padding:0}
.sf-record>.su-icon{width:21px;height:21px;color:#262628}
.sf-record>span{overflow-wrap:anywhere}
.sf-fill{width:38px;min-height:44px;display:grid;place-items:center;color:#a1a1a6!important;flex:none}
.sf-fill .su-icon{width:20px;height:20px;stroke-width:1.5}
.sf-record:active,.sf-fill:active{opacity:.45}
.sf-bottom{flex:none;padding:9px 12px calc(6px + var(--shell-bottom));background:#fafafbdd;border-top:1px solid #ededf0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.sf-address-form{display:flex;gap:8px;align-items:center;margin:0;width:100%}
.sf-address{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:47px;background:#ececef;border-radius:24px;padding:0 13px;box-shadow:inset 0 1px 1px #fff9}
.sf-address>.su-icon{color:#87878b;width:17px;height:17px}
.sf-address input{width:100%;height:44px;outline:0;padding:0;flex:1;border:0;box-shadow:none;font-size:16px;letter-spacing:-.3px}
.sf-address>button{width:24px;height:40px;display:grid;place-items:center;color:#77777c}
.sf-address>button .su-icon{width:18px;height:18px}
.sf-cancel{width:47px;height:47px;border-radius:50%;background:#ececef;display:grid;place-items:center;flex:none}
.sf-cancel .su-icon{width:23px;height:23px}
.sf-toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:3px;color:#007aff}
.sf-toolbar>button{width:44px;height:40px;display:grid;place-items:center;color:#007aff}
.sf-toolbar>button:disabled{color:#c5c5cb}
.sf-toolbar .app-home{padding:11px}
.sf-start{padding:22px 20px}
.sf-start-heading,.sf-section-title{display:flex;align-items:center;justify-content:space-between}
.sf-start h1{font-size:25px;letter-spacing:-.7px;margin:5px 0 18px}
.sf-start-search{width:44px;height:44px;display:grid;place-items:center}
.sf-favorites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:8px 0 30px}
.sf-favorites button{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}
.sf-favorites span{width:60px;height:60px;border-radius:16px;background:#f1f2f5;display:grid;place-items:center;color:#7089aa}
.sf-favorites small{font-size:11px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-section-title h2{font-size:19px;margin:0}
.sf-section-title>button{font-size:13px;color:#007aff;min-height:44px}
.sf-book-tabs{display:flex;background:#e9e9ed;border-radius:9px;padding:3px;margin:8px 0 18px}
.sf-book-tabs button{flex:1;padding:9px;border-radius:7px;font-size:13px}
.sf-book-tabs .active{background:white;box-shadow:0 1px 5px #0001}
.sf-book-row{display:flex;width:100%;align-items:center;gap:11px;min-height:58px;border-bottom:1px solid #e2e2e7;text-align:left}
.sf-book-row>span{flex:1;min-width:0;font-size:15px}
.sf-book-row>small{font-size:10px;color:#929299;white-space:nowrap}
.sf-book-row .su-icon{width:19px;height:19px;color:#8a8a90}
.sf-clear{color:#007aff;display:block;margin:18px 0 0 auto;min-height:44px}
.sf-tab-preview{width:100%;display:flex;gap:15px;align-items:center;min-height:80px;padding:15px;background:white;border-radius:14px}
.sf-empty{padding:40px 10px;text-align:center;color:#8a8a91;font-size:14px}
.sf-empty>button{display:block;color:#007aff;margin:10px auto;padding:8px}
.sf-results{padding:17px 20px}
.sf-engine{font-size:26px;font-weight:700;color:#2468e9;margin-bottom:17px}
.sf-engine>span{font-size:12px;font-weight:400;margin-left:4px;color:#929299}
.sf-result-query{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f4f5f7;border-radius:22px;font-size:14px}
.sf-result-query .su-icon{width:18px;height:18px;color:#7c7c85}
.sf-result-tabs{display:flex;justify-content:space-between;padding:19px 3px 12px;border-bottom:1px solid #eee;color:#6f6f77;font-size:14px}
.sf-result-tabs strong{color:#2468e9;font-weight:500}
.sf-results h2{font-size:20px;line-height:1.5;margin:25px 0 22px}
.sf-related-title{font-size:17px;font-weight:600;margin:20px 0 15px}
.sf-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sf-related button{display:flex;gap:7px;text-align:left;align-items:center;padding:10px;background:#f5f6f8;border-radius:8px;font-size:13px;line-height:1.6;min-height:48px}
.sf-related .su-icon{width:15px;height:15px;color:#929299}
.sf-saved{padding:25px 22px;font-size:16px;line-height:1.85}
.sf-saved>small{color:#8a8a91}.sf-saved>svg{display:block;width:100%;height:auto;margin-top:20px;border-radius:10px}.sf-saved h1{font-size:27px;line-height:1.5;margin:20px 0 12px}
/* Account and collection. */
.xh-app{font-family:var(--font-ios);font-size:15px;font-weight:400;letter-spacing:0;-webkit-font-smoothing:antialiased}
.xh-app .su-icon{stroke-width:1.8}
.xh-scroll{padding:0!important;min-height:0;background:#f7f7f8}
.xh-profile-cover{position:relative;padding:0 16px 15px;background:#eeefef;isolation:isolate}
.xh-profile-art{position:absolute;z-index:-1;inset:0;overflow:hidden;background:#e8edef}
.xh-profile-art>svg{display:block;width:100%;height:100%;object-fit:cover;opacity:.23;filter:saturate(.4)}
.xh-profile-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f4f5f51a,#ecededc4 75%,#eeefeff5)}
.xh-profile-toolbar{display:flex;align-items:center;gap:2px;height:52px;margin:0 -7px 16px}
.xh-profile-toolbar>span{flex:1}
.xh-control{display:grid;place-items:center;width:44px;min-height:44px;flex:none;padding:0}
.xh-control .su-icon{width:24px;height:24px}
.xh-profile-toolbar .app-home,.xh-search-header .app-home,.xh-post-header .app-home,.xh-feed-header .app-home,.xh-simple-header .app-home{color:#34363b;margin:0;width:36px;padding:8px}
.xh-profile-toolbar .xh-edit{display:flex;align-items:center;gap:4px;font-size:13px;border:1px solid #9b9da54a;border-radius:20px;padding:6px 9px;margin-right:2px;white-space:nowrap}
.xh-edit .su-icon{width:14px;height:14px}
.xh-identity{display:flex;align-items:center;gap:15px;margin:0 0 22px}
.xh-avatar{width:78px;height:78px;border:2px solid #fff9;border-radius:50%;overflow:hidden;flex:none;background:#e7d6c8}
.xh-avatar>svg{width:100%;height:100%;display:block}
.xh-identity h1{font-size:25px;line-height:1.3;letter-spacing:-.4px;margin:0 0 7px;font-weight:600}
.xh-identity p{font-size:12px;color:#74747a;margin:0}
.xh-stats{display:flex;gap:21px;align-items:center;font-size:13px;color:#696a71}
.xh-stats b{font-size:18px;font-weight:600;letter-spacing:-.2px;color:#26262a}
.xh-bio{font-size:15px;line-height:1.7;margin:17px 0 14px}
.xh-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.xh-shortcuts>button{display:flex;gap:8px;text-align:left;align-items:flex-start;border-radius:10px;padding:11px 12px;background:#ffffff8c;border:1px solid #fff6}
.xh-shortcuts .su-icon{width:21px;height:21px;margin-top:1px;color:#595c63}
.xh-shortcuts span{font-size:14px;line-height:1.5}.xh-shortcuts small{display:block;font-size:11px;color:#81828a;white-space:nowrap;margin-top:2px}
.xh-profile-content{background:#fff;border-radius:18px 18px 0 0;position:relative;margin-top:-1px;min-height:300px}
.xh-profile-tabs{display:flex;align-items:center;justify-content:space-between;height:54px;border-bottom:1px solid #f0f0f3;padding:0 13px}
.xh-profile-tabs>button:not(.xh-control){display:flex;gap:3px;align-items:center;justify-content:center;height:54px;position:relative;font-size:16px;color:#939398;white-space:nowrap}
.xh-profile-tabs .su-icon{width:14px;height:14px}.xh-profile-tabs>.xh-control .su-icon{width:24px;height:24px}
.xh-profile-tabs>button.active{color:#232327;font-weight:600}
.xh-profile-tabs>button.active:after{content:'';position:absolute;bottom:5px;left:calc(50% - 10px);width:20px;height:3px;border-radius:2px;background:#ff2442}
.xh-subtabs{display:flex;align-items:center;gap:20px;height:43px;padding:0 18px;font-size:14px;color:#95959a}
.xh-subtabs>button{min-height:43px;white-space:nowrap}
.xh-subtabs>button.active{color:#303035}
.xh-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:start;padding:0 5px 8px;background:#f5f5f6}
.xh-column{min-width:0}
.xh-card{display:block;vertical-align:top;break-inside:avoid;width:100%;border-radius:7px;overflow:hidden;background:#fff;text-align:left;padding:0;margin:0 0 7px}
.xh-cover{width:100%;aspect-ratio:3/4;display:block;overflow:hidden;background:#ebe7df}
.xh-cover-1{aspect-ratio:4/5}.xh-cover-2{aspect-ratio:1}
.xh-cover>svg{width:100%;height:100%;display:block;object-fit:cover}
.xh-card>strong{display:block;font-size:15px;font-weight:500;line-height:1.5;padding:8px 9px 5px;overflow-wrap:anywhere}
.xh-card-meta{display:flex;gap:5px;align-items:center;padding:3px 9px 10px;min-width:0;color:#88888d}
.xh-card-meta>i{display:grid;place-items:center;background:#eae6e0;width:22px;height:22px;border-radius:50%;font-size:10px;font-style:normal;flex:none;color:#9a8373}
.xh-card-meta>small{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}
.xh-card-meta>.su-icon{width:18px;height:18px;stroke-width:1.6;color:#96969b}
.xh-bottom{display:flex;align-items:center;justify-content:space-around;border-top:1px solid #eeeef1;background:#fff;padding:4px 7px calc(3px + var(--shell-bottom));height:calc(53px + var(--shell-bottom));flex:none}
.xh-bottom>button{display:grid;place-items:center;min-height:44px;min-width:44px;color:#909097;font-size:17px;letter-spacing:0}
.xh-bottom>button.active{color:#222226;font-weight:600}
.xh-bottom>.xh-publish{min-height:32px;height:32px;width:44px;background:#ff2442;border-radius:9px;color:white;margin:0 8px}
.xh-publish .su-icon{width:27px;height:27px;stroke-width:2.5}
.xh-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:15px;color:#aaaab0;padding:25px 18px}
.xh-empty>.su-icon{width:39px;height:39px;color:#c7c7cd;stroke-width:1.1}
.xh-empty p{margin:15px 0 5px}.xh-empty small{font-size:13px}
/* Mobile Safari supplies the keyboard for these real inputs. */
.xh-search-header{display:flex;align-items:center;gap:0;min-height:62px;padding:4px 7px 7px;border-bottom:1px solid transparent;flex:none}
.xh-search-header>.xh-control{width:31px}.xh-search-header>.xh-control .su-icon{width:23px;height:23px}
.xh-search-header form{display:flex;align-items:center;min-width:0;flex:1;gap:8px}
.xh-input-wrap{display:flex;align-items:center;min-width:0;flex:1;background:#f3f3f5;border-radius:21px;padding:0 10px 0 12px;height:40px}
.xh-input-wrap input{flex:1;width:100%;border:0;outline:0;padding:0;height:40px;line-height:40px;letter-spacing:-.2px}
.xh-input-wrap>.su-icon{width:18px;height:18px;color:#9a9aa0}
.xh-input-wrap>.xh-control{width:21px;min-height:36px}.xh-input-wrap .xh-control .su-icon{width:15px;height:15px;color:#95959a}
.xh-search-submit{font-size:15px;min-height:44px;white-space:nowrap;padding:0 2px}
.xh-search-header .app-home{width:29px;padding:5px;margin-left:3px}.xh-search-header .app-home svg{width:19px;height:19px}
.xh-search-scroll{padding:8px 16px 20px!important;min-height:0}
.xh-section-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:7px}
.xh-section-heading h2{font-size:17px;font-weight:550;margin:0;color:#323237}
.xh-section-heading>.su-icon{width:18px;height:18px;color:#9d9da2;margin-right:5px}
.xh-section-heading .xh-control{color:#aaaab0;width:32px}.xh-section-heading .xh-control .su-icon{width:18px;height:18px;stroke-width:1.5}
.xh-chips{display:flex;flex-wrap:wrap;gap:9px 8px;align-items:center}
.xh-chips>button{border:1px solid #ededf0;background:#f7f7f8;border-radius:20px;padding:8px 12px;font-size:15px;line-height:1.4;min-height:38px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.xh-chips>.xh-control{padding:7px 11px;width:42px}.xh-chips .su-icon{width:17px;height:17px;color:#8c8c93}
.xh-suggest{margin-top:21px}.xh-suggest .xh-section-heading{margin-bottom:1px}
.xh-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}
.xh-suggestions button{text-align:left;min-height:52px;font-size:15px;line-height:1.5;overflow-wrap:anywhere;padding:8px 0}
.xh-history-empty{font-size:14px;color:#a0a0a7;padding:15px 0}.xh-history-empty>button{color:#ff2442;padding:5px;margin-left:10px}
.xh-results-tabs{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:42px;padding:0 21px;border-bottom:1px solid #efeff2;font-size:15px;color:#939399}
.xh-results-tabs>strong{color:#25252a;font-weight:550;position:relative}.xh-results-tabs>strong:after{content:'';height:3px;border-radius:3px;background:#ff2442;position:absolute;bottom:-12px;width:16px;left:calc(50% - 8px)}
.xh-results-tabs>span{display:flex;align-items:center;gap:3px}.xh-results-tabs .su-icon{width:14px;height:14px}
.xh-results-scroll{padding:8px 0 0!important;background:#f5f5f6}
.xh-post-header{display:flex;align-items:center;gap:8px;min-height:59px;padding:4px 9px;border-bottom:1px solid #f0f0f3}
.xh-post-header>.xh-control{width:26px}
.xh-author-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ebe7df;font-size:12px;color:#9a8373;flex:none}
.xh-post-header>strong{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.xh-following{font-size:12px;color:#b0b0b4;border:1px solid #e6e6eb;border-radius:15px;padding:6px 8px;white-space:nowrap}
.xh-post-scroll{padding:0!important;min-height:0}
.xh-post-cover{aspect-ratio:1;overflow:hidden;background:#eae5df}
.xh-post-cover>svg{width:100%;height:100%;display:block}
.xh-post-copy{padding:18px 17px 25px}
.xh-post-copy h1{font-size:20px;line-height:1.5;margin:0 0 13px;font-weight:600}
.xh-post-copy p{font-size:16px;line-height:1.75;white-space:pre-line;margin:0 0 25px}
.xh-post-copy>small{font-size:12px;color:#a5a5aa}
.xh-post-footer{display:flex;align-items:center;gap:22px;min-height:calc(55px + var(--shell-bottom));padding:9px 16px calc(9px + var(--shell-bottom));border-top:1px solid #f0f0f3;font-size:13px;flex:none}
.xh-post-footer>span:first-child{background:#f5f5f6;border-radius:20px;color:#9c9ca2;padding:10px 14px;flex:1;font-size:14px}
.xh-post-footer>strong{display:flex;gap:5px;align-items:center;color:#eebd47;font-size:12px;font-weight:400;white-space:nowrap}
.xh-post-footer>strong>.su-icon{fill:#eebd47;width:22px;height:22px}
.xh-feed-header,.xh-simple-header{display:flex;align-items:center;gap:22px;min-height:58px;padding:4px 16px;font-size:17px}
.xh-feed-header>strong{position:relative;font-weight:600}.xh-feed-header>span{color:#92929a}
.xh-feed-header>.xh-control{margin-left:auto}.xh-simple-header>h1{font-size:17px;font-weight:600;margin:0;flex:1}
.xh-menu-row{width:100%;display:flex;align-items:center;gap:15px;min-height:56px;border-bottom:1px solid #e7e7ed;text-align:left}
.xh-account-row{display:flex;align-items:center;justify-content:space-between;min-height:55px;border-bottom:1px solid #e7e7ed;font-size:14px}
.xh-account-row small{color:#9999a0}.xh-account-row strong{font-weight:400}
@media(max-width:350px){.sf-search-list{padding-left:16px;padding-right:12px}.sf-record{font-size:15px;gap:10px}.sf-fill{width:30px}.xh-profile-cover{padding-left:14px;padding-right:14px}.xh-stats{gap:13px}.xh-shortcuts>button{padding:10px 9px}.xh-profile-tabs{padding:0 10px}.xh-profile-tabs>button:not(.xh-control){font-size:15px}.xh-subtabs{gap:17px}.xh-search-scroll{padding-left:14px!important;padding-right:14px!important}.xh-suggestions{column-gap:12px}.xh-card>strong{font-size:14px}.xh-chips{gap:8px 6px}.xh-chips>button{font-size:14px;padding:8px 10px}.xh-bottom>button{font-size:16px}.xh-post-footer{gap:14px}}
/* Image-backed themed notes, with the original light XHS account shell. */
.xh-profile-art>img{width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(.65)}
.xh-avatar>img,.xh-author-avatar>img{display:block;width:100%;height:100%;object-fit:cover}.xh-author-avatar{overflow:hidden}
.xh-cover{position:relative;container-type:inline-size;aspect-ratio:3/4;background:#eeeff0}
.xh-cover>img{display:block;width:100%;height:100%;object-fit:cover}.xh-cover.xh-art-product>img,.xh-cover.xh-art-toy>img{object-fit:contain}
.xh-cover .xh-multiple{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;background:#0004;z-index:3}.xh-multiple .su-icon{width:14px;height:14px}
/* Covers are individual creator edits, mixed with uncaptioned photos. */
.xh-poster{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;text-align:left;padding:10% 8%;pointer-events:none;color:#fff}
.xh-poster b{display:block;font-size:clamp(22px,10.5cqw,45px);line-height:1.3;white-space:pre-line;letter-spacing:0;font-weight:800}
.xh-poster em{font-size:clamp(11px,4.5cqw,18px);font-style:normal;line-height:1.7;white-space:pre-line;margin-top:auto}
.xh-poster small{font-size:clamp(10px,4cqw,16px)}
.xh-art-jewelry{background:#fcfcfc;position:relative}.xh-art-jewelry>img{object-fit:contain!important;padding:13% 1% 28%;background:#fff}
.xh-art-jewelry .xh-poster{color:#373333;justify-content:flex-end;padding:8% 9%}.xh-art-jewelry .xh-poster b{font-size:clamp(23px,11cqw,45px);color:#bd4d59;transform:rotate(-4deg)}.xh-art-jewelry .xh-poster em{margin-top:5%;font-size:clamp(10px,4cqw,16px);color:#777}
.xh-art-id-list{background:#e6dcf1;position:relative}.xh-art-id-list>img{opacity:.12;filter:grayscale(1);object-fit:cover!important}.xh-art-id-list .xh-poster{color:#343044;padding:11% 8%}.xh-art-id-list .xh-poster b{font-size:clamp(24px,11.3cqw,45px);color:#514068}.xh-art-id-list .xh-poster em{font-weight:600;line-height:2.35;font-size:clamp(10px,4.4cqw,18px);border-top:2px dashed #ac96bb;padding-top:8%;margin-top:12%}
.xh-art-memo{background:#fffaf0;position:relative}.xh-art-memo>img{opacity:.1;object-fit:cover!important}.xh-art-memo .xh-poster{color:#554c44;padding:14% 8%}.xh-art-memo .xh-poster b{font-size:clamp(23px,10cqw,43px);color:#a75d40}.xh-art-memo .xh-poster em{line-height:2.3;font-size:clamp(11px,4.6cqw,19px);padding-top:9%;border-top:1px solid #c8b29d}
.xh-art-game-tip{background:#172333;position:relative}.xh-art-game-tip>img{opacity:.6;object-fit:cover!important}.xh-art-game-tip .xh-poster{justify-content:center;padding:8%;text-align:center}.xh-art-game-tip .xh-poster b{color:#ffe66a;text-shadow:2px 3px #192330;font-style:italic;font-size:clamp(22px,10.5cqw,45px)}.xh-art-game-tip .xh-poster em{margin-top:13%;color:#fff;font-size:clamp(10px,4.5cqw,18px)}
.xh-art-star-talk{position:relative;background:#182439}.xh-art-star-talk>img{opacity:.65;object-fit:cover!important}.xh-art-star-talk .xh-poster{justify-content:center;text-align:center;padding:10% 7%}.xh-art-star-talk .xh-poster b{font-size:clamp(22px,10.5cqw,45px);line-height:1.7;text-shadow:0 2px 8px #0006;font-family:ui-serif,"Songti SC",serif}.xh-art-star-talk .xh-poster em{margin-top:13%;font-size:clamp(10px,4.2cqw,16px)}
.xh-art-beijing,.xh-art-london{position:relative;background:#d4dfeb}.xh-art-beijing>img,.xh-art-london>img{object-fit:cover!important}.xh-art-beijing .xh-poster{padding:9% 5%}.xh-art-beijing .xh-poster b{font-size:clamp(23px,10.8cqw,45px);color:#fff5a4;text-shadow:1px 2px 2px #65280a,-1px -1px 2px #65280a}.xh-art-beijing .xh-poster em{margin-top:auto;text-align:center;color:#fff;background:#753a25bb;border-radius:4px;padding:4% 2%;font-weight:600;font-size:clamp(10px,4.7cqw,18px)}
.xh-art-london .xh-poster{padding:9% 6%;color:#15384c}.xh-art-london .xh-poster b{font-size:clamp(20px,9cqw,39px);background:#fffaf1ed;padding:4% 3%;border-radius:2px;transform:rotate(-3deg);box-shadow:0 1px 5px #0002}.xh-art-london .xh-poster em{align-self:flex-start;line-height:1.8;background:#fffaf1ed;padding:3% 5%;margin-top:3%;font-size:clamp(10px,4.5cqw,18px)}
.xh-card-meta{padding-left:8px;padding-right:8px;gap:4px}.xh-card-meta>.xh-author-avatar{width:20px;height:20px;flex:none}.xh-card-meta>small{font-size:11px;min-width:0}
.xh-mini-likes{display:flex;align-items:center;gap:3px;font-size:10px;white-space:nowrap;flex:none}.xh-mini-likes .su-icon{width:15px;height:15px}
.xh-mini-likes.liked{color:#ff2442}.xh-mini-likes.liked .su-icon{fill:#ff2442}
.xh-post-header .xh-following{font-size:12px;color:#ff2442;border-color:#ff2442;padding:6px 12px;background:#fff;flex:none}.xh-post-header .xh-following.active{color:#999;border-color:#e7e7eb}
.xh-gallery-wrap{position:relative;background:#f7f7f7}
.xh-gallery{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:var(--xh-gallery-ratio,4/5);max-height:500px;overscroll-behavior-x:contain}
.xh-gallery::-webkit-scrollbar{display:none}.xh-gallery>.xh-slide{padding:0;flex:0 0 100%;width:100%;height:100%;position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;container-type:inline-size}
.xh-slide>img{width:100%;height:100%;object-fit:contain;display:block}.xh-slide.xh-art-game>img,.xh-slide.xh-art-travel>img,.xh-slide.xh-art-food>img,.xh-slide.xh-art-night>img{object-fit:cover}
.xh-page-count{position:absolute;right:15px;top:12px;color:#fff;background:#0005;font-size:11px;line-height:1;padding:6px 9px;border-radius:14px;z-index:4}
.xh-gallery-dots{display:flex;justify-content:center;gap:5px;padding:9px 0;background:#fff}.xh-gallery-dots>button{padding:0;width:6px;height:6px;background:#d9d9dd;border-radius:50%}.xh-gallery-dots>.active{background:#ff2442}
.xh-tags{color:#536a88;font-size:14px;line-height:1.9;margin:0 0 18px;display:flex;flex-wrap:wrap;column-gap:8px;row-gap:2px}.xh-reference{font-size:11px;line-height:1.7;color:#aaa;margin-top:13px}.xh-reference a{color:#7d8c9d;text-decoration:none}
.xh-post-copy{padding-bottom:20px}.xh-post-copy h1{font-size:19px}.xh-post-copy>p{margin-bottom:18px}
.xh-comments{border-top:7px solid #f7f7f8;padding:17px}.xh-comments h2{font-size:13px;color:#999;margin:0 0 21px;font-weight:400}
.xh-comment{display:flex;align-items:flex-start;gap:9px;margin:0 0 20px}.xh-comment-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#eee9e3;color:#998676;font-size:11px;flex:none;overflow:hidden}.xh-comment-avatar>img{width:100%;height:100%;object-fit:cover}
.xh-comment>div{min-width:0;flex:1}.xh-comment strong{font-size:12px;color:#999;font-weight:400}.xh-comment p{font-size:14px;line-height:1.7;margin:4px 0 5px;overflow-wrap:anywhere}.xh-comment small{font-size:10px;color:#aaa}.xh-comment>.su-icon{width:15px;height:15px;color:#ccc;margin-top:3px}
.xh-post-end{text-align:center;color:#ccc;font-size:11px;padding:8px 0 28px}
.xh-post-footer{gap:9px;padding-left:11px;padding-right:11px;min-height:calc(62px + var(--shell-bottom));background:#fff}
.xh-post-footer form{display:flex;align-items:center;gap:3px;min-width:0;flex:1;border-radius:22px;background:#f5f5f6;padding:0 7px 0 12px;height:37px}
.xh-post-footer input{width:100%;min-width:0;flex:1;font-size:13px;height:37px;border:0;outline:0}.xh-post-footer form>button{font-size:11px;color:#ff2442;white-space:nowrap;padding:5px 0;min-width:26px}
.xh-reaction{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:33px;padding:1px 0;font-size:10px;color:#333;flex:none}.xh-reaction .su-icon{width:22px;height:22px}.xh-reaction.liked{color:#ff2442}.xh-reaction.liked .su-icon{fill:#ff2442}.xh-reaction.saved{color:#dba324}.xh-reaction.saved .su-icon{fill:#f2bf45;stroke:#f2bf45}
.xh-viewer{position:absolute;inset:0;display:flex;flex-direction:column;background:#000;color:#fff;padding-top:var(--shell-top);padding-bottom:var(--shell-bottom)}
.xh-viewer>header{display:flex;align-items:center;justify-content:space-between;min-height:47px;padding:0 13px;font-size:12px;flex:none}
.xh-viewer-art{position:relative;container-type:inline-size;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.xh-viewer-art>img{width:100%;height:100%;object-fit:contain;display:block}
.xh-viewer-art:has(.xh-poster){flex:none;width:100%;aspect-ratio:3/4;margin:auto 0}.xh-viewer-art.xh-art-product>img,.xh-viewer-art.xh-art-toy>img{object-fit:contain}
.xh-viewer>nav{display:flex;justify-content:space-between;padding:0 20px;flex:none}
@container(max-width:350px){.xh-card-meta>small{max-width:66px}.xh-post-footer{gap:6px;padding-left:8px;padding-right:8px}.xh-reaction{min-width:30px}.xh-post-copy{padding-left:15px;padding-right:15px}.xh-post-header .xh-following{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.xh-gallery{scroll-behavior:auto}}

.xh-comment-invite{display:flex;align-items:center;gap:10px;margin:-3px 0 24px}.xh-comment-invite>img{width:30px;height:30px;border-radius:50%;background:#000}.xh-comment-invite>span{font-size:13px;color:#aaa;background:#f7f7f7;padding:9px 13px;border-radius:18px;flex:1}
.xh-comment strong i{font-size:10px;font-style:normal;margin-left:5px;background:#f6f6f6;color:#999;padding:1px 4px;border-radius:3px}.xh-reply-label{font-size:11px;color:#999;margin-left:10px}.xh-comment-heart{display:flex;flex-direction:column;align-items:center;gap:4px;color:#aaa;margin-top:3px;min-width:19px}.xh-comment-heart>.su-icon{width:15px;height:15px;stroke-width:1.4}.xh-comment-heart>small{font-size:10px}.xh-comment-reply{margin-left:38px;margin-top:-9px}.xh-comment-reply .xh-comment-avatar{width:24px;height:24px}.xh-comment-reply p{font-size:13px}.xh-comments{border-top:1px solid #f2f2f2}.xh-post-copy h1{font-size:18px;margin-bottom:9px}.xh-post-copy>p{line-height:1.7;margin-bottom:12px}.xh-profile-cover .xh-avatar{background:#000}