*{box-sizing:border-box}:root{--ink:#272c35;--muted:#74766f;--line:#deded8;--paper:#faf9f6}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,"Microsoft Yahei",sans-serif}header,main,footer{max-width:1120px;margin:auto;padding-left:36px;padding-right:36px}header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.logo{color:inherit;text-decoration:none;font-size:23px;font-weight:850;letter-spacing:3px}.logo .logo-subtitle{display:block;font-size:10px;letter-spacing:1.5px;font-weight:500;margin-top:5px}.header-note{font-size:12px}.portal-account{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;font-size:12px}.portal-account a,.portal-account button{color:var(--ink);background:#fff;border:1px solid #d4d4cd;border-radius:99px;padding:8px 12px;text-decoration:none;font:inherit;cursor:pointer}.hero{text-align:center;padding:76px 0 30px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:750;color:#787a73}.hero h1{font-size:clamp(38px,6vw,66px);line-height:1.14;letter-spacing:-2.5px;margin:22px auto;max-width:900px}.lead{max-width:680px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.9}.search-shell{max-width:760px;margin:42px auto 0;text-align:left}.search-shell>label{display:block;font-weight:800;font-size:14px;margin:0 0 10px}.search-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #cfd0ca;border-radius:18px;padding:8px 12px;box-shadow:0 14px 36px #252b3410}.search-box:focus-within{border-color:#777b74;box-shadow:0 0 0 4px #292e370b}.search-box>span{font-size:27px;color:#767a73}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:17px;padding:11px 0;color:var(--ink)}.search-box button{border:0;background:#f0f0ec;border-radius:99px;padding:8px 12px;color:#555851;cursor:pointer}.search-shell>p{font-size:12px;color:#888a83;margin:10px 4px}.directory{margin:30px auto 0;max-width:850px}.directory-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px}.directory-head h2{margin:0;font-size:15px}.directory-head span{font-size:11px;color:var(--muted)}.results{display:grid;gap:10px;padding-top:12px}.result{--accent:#5c6370;display:grid;grid-template-columns:46px minmax(0,1fr) auto 36px;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e1e1dc;border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.result:hover,.result:focus-visible{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px #252b340d;outline:0}.result.pink{--accent:#a95378}.result.peach{--accent:#b5634d}.result.violet{--accent:#53509c}.result.amber{--accent:#946034}.result-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-size:23px}.result-copy{display:grid;gap:2px}.result-copy small{font-size:9px;letter-spacing:1.8px;color:var(--accent);font-weight:800}.result-copy strong{font-size:18px}.result-copy>span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match{font-size:10px;color:#888a83}.arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f3f3ef;font-size:18px}.empty{text-align:center;padding:36px 12px;color:#73766f}.empty p{font-size:12px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:70px 0 20px;padding-top:28px;border-top:1px solid var(--line)}.how div{display:grid;grid-template-columns:30px 1fr;gap:2px 10px}.how span{grid-row:1/3;font-size:10px;color:#93958e}.how strong{font-size:13px}.how p{font-size:11px;line-height:1.65;color:var(--muted);margin:4px 0}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:#87877f;margin-top:54px;padding-top:24px;padding-bottom:30px;border-top:1px solid var(--line)}@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}header{min-height:82px}.logo .logo-subtitle{display:none}.portal-account strong{display:none}.hero{padding-top:52px}.hero h1{letter-spacing:-1px}.lead{font-size:14px}.search-shell{margin-top:30px}.result{grid-template-columns:42px minmax(0,1fr) 34px}.match{display:none}.how{grid-template-columns:1fr;gap:18px}.result-copy>span{max-width:58vw}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.result{transition:none}}

/* Login and registration are explicit actions; selected/pressed controls have visible feedback. */
[hidden]{display:none!important}
.portal-account .portal-register{background:#f7dce9;color:#9e3c68;border-color:#e8adca;font-weight:750}
.portal-account a:hover,.portal-account button:hover,.search-box button:hover{border-color:#cb7098;background:#fff0f6;color:#97365f}
.portal-account a:focus-visible,.portal-account button:focus-visible,.result:focus-visible,.search-box button:focus-visible{outline:3px solid #c75c87;outline-offset:3px}
.portal-account a:active,.portal-account button:active,.result:active,.search-box button:active{background:#eed0df;filter:brightness(.96)}

/* Header account: avatar → settings → personal homepage (no standalone profile tab). */
.portal-account{position:relative;flex:0 0 auto;min-width:0}
.portal-guest{display:flex;align-items:center;gap:8px}
.account-loading{font-size:12px;color:#74766f}
.portal-retry{display:flex;align-items:center;gap:7px;font-size:12px;color:#99546e}
.avatar-menu{position:relative}
.avatar-trigger{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;border:1px solid #deded8;border-radius:99px;background:#fff;padding:4px 11px 4px 4px;min-height:43px;max-width:210px;color:#272c35}
.avatar-trigger::-webkit-details-marker,.settings-menu>summary::-webkit-details-marker{display:none}
.avatar-trigger:hover,.avatar-menu[open]>.avatar-trigger{background:#fff0f6;border-color:#cf7299;box-shadow:0 0 0 2px #f2d2e033}
.avatar-circle{width:34px;height:34px;border-radius:50%;background:#f6e3ec;color:#9e3c68;display:grid;place-items:center;flex:0 0 34px;font-size:17px;font-weight:800;overflow:hidden}
.avatar-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.avatar-username{font-size:12px;font-weight:750;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.avatar-chevron{font-size:18px;color:#97677c}
.avatar-popover{position:absolute;z-index:50;right:0;top:calc(100% + 9px);width:min(290px,calc(100vw - 30px));border:1px solid #edd0df;border-radius:16px;padding:11px;background:#fff;box-shadow:0 15px 45px #33212e20}
.avatar-greeting{font-size:12px;color:#806878;padding:7px 9px 10px;margin:0;border-bottom:1px solid #f6e4ec;overflow-wrap:anywhere}
.settings-menu{margin-top:7px}
.settings-menu>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;border-radius:10px;padding:11px;font-size:13px;font-weight:750;color:#924564}
.settings-menu>summary:hover,.settings-menu[open]>summary{background:#f7e2ed;color:#8e345c}
.settings-menu>summary span:first-child{transform:none;white-space:nowrap}
.settings-menu>summary span[aria-hidden="true"]{display:inline-block;transform:rotate(0);transition:transform .14s ease}
.settings-menu[open]>summary span[aria-hidden="true"]{transform:rotate(90deg)}
.settings-links{display:grid;gap:3px;padding:6px 0 2px 12px}
.settings-links a,.settings-links button{display:block;width:100%;text-align:left;background:#fff!important;color:#655364!important;border:0!important;border-radius:9px!important;padding:10px 12px!important;text-decoration:none;cursor:pointer;font:inherit;font-size:12px!important}
.settings-links a:hover,.settings-links button:hover,.settings-links a:focus-visible,.settings-links button:focus-visible{background:#fff0f6!important;color:#963a64!important}
.menu-error{padding:8px 9px;font-size:11px;color:#a64368;margin:0}
@media(max-width:700px){.avatar-username{max-width:80px}.avatar-trigger{padding-right:8px}}

/* Full-width top bar: brand on the left edge, account/actions on the right edge.
   Main content deliberately retains its centered max-width. */
header{width:100%;max-width:none;margin:0;padding-left:clamp(14px,1.5vw,24px);padding-right:clamp(14px,1.5vw,24px)}
header .logo{flex:0 0 auto}
header .portal-account{margin-left:auto}

/* V12.5 first-visit role selection. The fan directory remains at /?browse=1. */
[hidden]{display:none!important}.entry-choice{text-align:center;max-width:800px;margin:60px auto 80px;padding:42px 24px;background:#fff;border:1px solid #edd0df;border-radius:25px;box-shadow:0 18px 42px #2412210b}.entry-choice h1{font-size:clamp(34px,5vw,54px);margin:14px 0}.entry-choice>p{color:#856c7c}.entry-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.entry-links a{display:flex;flex-direction:column;gap:11px;align-items:center;justify-content:center;text-decoration:none;font-size:24px;font-weight:800;min-height:140px;border:1px solid #ecc5d7;border-radius:19px;color:#913a63;background:#fff2f8}.entry-links a.entry-fan{color:#3f5363;background:#f4f8fc;border-color:#dce5eb}.entry-links a span{font-size:13px;font-weight:500}.entry-login{font-size:13px}.entry-login a{color:#a94771}@media(max-width:550px){.entry-choice{margin:27px auto;padding:28px 17px}.entry-links{grid-template-columns:1fr}.entry-links a{min-height:110px}}

/* Platform console entry, visible only after the account permission check. */
.platform-console-shortcut{font-size:12px;color:#a34876;text-decoration:none;border:1px solid #efc3d8;border-radius:99px;background:#fff2f8;padding:10px 13px;font-weight:750;white-space:nowrap;margin-left:auto}.platform-console-shortcut:hover{background:#ffe2ef}.platform-console-shortcut[hidden]{display:none!important}@media(max-width:650px){.platform-console-shortcut{font-size:11px;padding:8px}}

/* V12.14: modern pink/white homepage, accessible language switch and dropdown. */
:root{--paper:#fffdfd;--line:#f0e0e8;--muted:#736672}body{background:var(--paper)}
.logo{font-weight:780;letter-spacing:0;font-size:21px}.logo .logo-name{font-size:inherit;letter-spacing:0;font-weight:780}.logo .logo-subtitle{font-size:10px;letter-spacing:.4px;color:#866e7b;font-weight:500}
header{border-color:#f5dce8;gap:14px}.platform-console-shortcut{margin-left:auto}.locale-switch{position:relative;margin-left:auto}.locale-button{display:grid;place-items:center;width:39px;height:39px;background:#fff;border:1px solid #e9cddd;color:#884561;border-radius:12px;cursor:pointer}.locale-button:hover,.locale-button[aria-expanded="true"]{background:#fff0f6;border-color:#c46c97}.locale-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:100;min-width:152px;padding:6px;background:#fff;border:1px solid #ecd1df;border-radius:12px;box-shadow:0 15px 35px #6b325024}.locale-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 11px;background:none;border:0;border-radius:8px;text-align:left;color:#463543;cursor:pointer;font:inherit;font-size:13px}.locale-menu button:hover,.locale-menu button[aria-pressed="true"]{background:#fff1f7}.locale-menu button span{visibility:hidden}.locale-menu button[aria-pressed="true"] span{visibility:visible}
.entry-choice{margin:clamp(28px,5vw,64px) auto 76px;box-shadow:0 15px 38px #4c24330d}.entry-choice h1{font-weight:730;font-size:clamp(32px,4.3vw,46px);letter-spacing:-.02em;line-height:1.3}.entry-tagline{font-size:16px;color:#6d5563!important;margin:8px 0 20px}.entry-links a{min-height:135px;transition:background .16s,border-color .16s,transform .16s}.entry-links a:hover{transform:translateY(-2px);border-color:#cb80a7}.entry-links a strong{font-size:23px}.entry-links a span{font-size:13px;line-height:1.55}.entry-login{margin-top:19px!important}
.hero{padding:55px 0 16px}.hero h1{font-size:clamp(33px,4.6vw,49px);letter-spacing:-.02em;font-weight:750;margin:15px auto}.lead{max-width:610px}.search-shell{position:relative;margin-top:28px}.search-box{border-color:#e4ced9}.search-box svg{flex:0 0 22px;color:#9e5979}.search-box input{font-size:16px}.search-box:focus-within{border-color:#c75c87;box-shadow:0 0 0 3px #f7d5e6}.search-status{font-size:13px!important;color:#935070!important;margin:10px 4px}.search-suggestions{position:absolute;left:0;right:0;top:calc(100% - 10px);z-index:40;background:#fff;border:1px solid #efd7e3;border-radius:15px;padding:12px;box-shadow:0 14px 36px #65304820;max-height:min(440px,52vh);overflow:auto}.suggest-head{display:flex;align-items:center;justify-content:space-between;padding:1px 5px 10px;border-bottom:1px solid #f6e8ef}.suggest-head strong{font-size:13px;color:#7a4160}.suggest-head button{background:none;border:0;color:#995473;font-size:12px;cursor:pointer;padding:6px}.suggest-results{display:grid;gap:4px;margin-top:6px}.result.suggestion{border:0;border-radius:10px;box-shadow:none;padding:10px 8px;grid-template-columns:38px minmax(0,1fr) 25px}.result.suggestion .result-mark{width:36px;height:36px;font-size:18px}.result.suggestion .result-copy strong{font-size:14px}.result.suggestion .result-copy>span{font-size:11px}.result.suggestion .arrow{width:24px;height:24px;font-size:14px}.suggest-results .result:hover,.suggest-results .result:focus-visible{transform:none;background:#fff2f8}.recent-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center}.recent-row .result{min-width:0}.remove-recent{border:0;background:none;color:#99617a;border-radius:7px;cursor:pointer;font:inherit;font-size:19px;min-height:34px}.remove-recent:hover,.remove-recent:focus-visible{background:#fff1f7;outline:2px solid #c75c87}#suggestEmpty{font-size:13px;color:#7b7277;padding:12px}
.directory{margin-top:35px}.result{grid-template-columns:46px minmax(0,1fr) 36px;border-color:#ecdce5}.result-copy strong{font-size:16px}.result-copy>span{white-space:normal}.how{border-color:#f0dfe7}.entry-links a:focus-visible,.locale-button:focus-visible,.locale-menu button:focus-visible,.suggest-head button:focus-visible,.entry-login a:focus-visible,.search-box input:focus-visible{outline:3px solid #c75c87;outline-offset:3px}
@media(max-width:700px){header{gap:7px}.logo{font-size:18px}.platform-console-shortcut{font-size:10px}.locale-button{width:34px;height:34px}.entry-choice{padding:34px 18px}.entry-links a{min-height:116px}.search-suggestions{max-height:40vh}.result-copy>span{max-width:100%}}
@media(max-width:390px){header{flex-wrap:wrap;padding-top:9px;padding-bottom:9px}.logo{flex-basis:100%!important}.platform-console-shortcut{margin-left:0}.locale-switch{margin-left:auto}.portal-account{margin-left:0!important}}
@media(prefers-reduced-motion:reduce){.entry-links a{transition:none}.entry-links a:hover{transform:none}}


/* V12.15 · unified search suggestions; search box + panel form a single component. */
.search-shell{isolation:isolate;overflow:visible}
.search-combo{position:relative;background:#fff;border:1px solid #e4ced9;border-radius:18px;box-shadow:0 9px 24px #6530480d;transition:border-color .18s ease,box-shadow .18s ease}
.search-combo:focus-within{border-color:#c75c87;box-shadow:0 0 0 3px #f7d5e6,0 12px 27px #65304816}
.search-combo:is(.is-open,.is-closing){z-index:45;border-radius:18px 18px 0 0;border-color:#e3bed1;box-shadow:0 8px 25px #65304815}
.search-combo.is-open:focus-within{border-color:#c75c87;box-shadow:0 0 0 2px #f7d5e6,0 10px 27px #65304818}
.search-combo .search-box,.search-combo .search-box:focus-within{border:0;border-radius:inherit;background:transparent;box-shadow:none;min-height:54px}
.search-combo .search-box input:focus-visible{outline:none}
.search-combo .search-box:focus-within{box-shadow:none}
.search-combo .search-suggestions{position:absolute;top:calc(100% - 1px);left:-1px;right:-1px;z-index:1;border:1px solid #e3bed1;border-top:0;border-radius:0 0 18px 18px;background:#fff;padding:7px 10px 10px;max-height:min(355px,calc(100dvh - 165px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 30px #65304815;opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;transition:opacity .16s ease-in,transform .16s ease-in,visibility 0s linear .16s}
.search-combo .search-suggestions:before{content:"";position:sticky;top:-7px;display:block;height:1px;background:#f3e7ed;z-index:2}
.search-combo.is-open .search-suggestions{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s}
.search-combo .suggest-head{padding:7px 7px 5px;border:0}
.search-combo .suggest-head strong,.search-combo .suggest-subhead{font-size:12px;color:#8c506e;letter-spacing:0;font-weight:700}
.search-combo .suggest-subhead{margin:8px 7px 3px;padding-top:9px;border-top:1px solid #f5e9ef}
.search-combo .suggest-results{display:grid;gap:0;margin:0}
.search-combo .suggest-group{display:grid;gap:1px}
.search-combo .suggest-group-list{display:grid;gap:1px}
.search-combo .result.suggestion{min-height:55px;padding:7px 8px;gap:10px;grid-template-columns:38px minmax(0,1fr) 23px;border-radius:9px;align-items:center}
.search-combo .result.suggestion .result-mark{height:34px;width:34px;border-radius:10px}
.search-combo .result.suggestion .result-copy{min-width:0;gap:1px}
.search-combo .result.suggestion .result-copy strong{font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-combo .result.suggestion .result-copy>span{font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-combo .result.suggestion .arrow{background:none;font-size:15px;color:#90647c}
.search-combo .recent-row{grid-template-columns:minmax(0,1fr) 35px;min-height:55px}
.search-combo .recent-row .result{min-width:0}
.search-combo .remove-recent{min-height:37px;min-width:34px}
.search-combo .suggest-state{font-size:12px;color:#8a506d;margin:2px 7px 6px;line-height:1.55}
.search-combo #suggestEmpty{margin:2px 7px 8px;padding:12px 4px;font-size:13px}
.search-shell:focus-within{z-index:2}
/* Preserve the original directory's space while the dropdown is open: no layout jump or duplicate rows. */
.directory.is-suggestion-open{visibility:hidden;pointer-events:none}
@media(max-width:700px){.search-combo .search-suggestions{max-height:min(290px,calc(100dvh - 190px))}.search-combo .result.suggestion{min-height:55px}.search-shell{width:100%;max-width:100%}}
@media(max-width:390px){.search-combo .search-suggestions{max-height:min(270px,calc(100dvh - 155px));padding-left:7px;padding-right:7px}}
@media(prefers-reduced-motion:reduce){.search-combo,.search-combo .search-suggestions{transition:none!important;transform:none!important}}

/* V12.16 · tiny discovery shortcuts + history-only search dropdown. */
.directory{max-width:760px;margin:19px auto 0;position:relative;z-index:0}
.directory-head{border:0;padding:0;justify-content:flex-start}
.directory-head h2{font-size:13px;font-weight:680;color:#866474}
.directory #resultCount{display:none!important}
.creator-chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;align-items:center;min-height:46px}
.creator-chip{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:8px 15px;border:1px solid #ecd4df;border-radius:999px;background:#fff;color:#87506a;text-decoration:none;font-size:14px;font-weight:600;line-height:1.3;max-width:100%;overflow-wrap:anywhere;transition:background .16s ease,border-color .16s ease,color .16s ease}
.creator-chip:hover{background:#fff0f6;border-color:#d99ab9;color:#8e305d}
.creator-chip:focus-visible{outline:3px solid #c75c87;outline-offset:2px}
.creator-chip:active{background:#f5dce8}
/* Keep shortcuts visible and in their normal position while the menu overlays them. */
.directory.is-suggestion-open{visibility:visible;pointer-events:auto}
.hero{position:relative;z-index:1}
.search-combo .search-suggestions{max-height:min(355px,calc(100dvh - 165px))}
@media(max-width:700px){.directory{margin-top:16px}.creator-chips{gap:7px}.creator-chip{min-height:39px;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.creator-chip{transition:none}}