:root{--login-bg:#d65f28;--login-ink:#fff}
.mobile-only{display:none}
.mobile-dialog{width:min(430px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line-strong);border-radius:12px;padding:22px;color:var(--text);background:var(--bg);font-family:var(--sans)}
.mobile-dialog::backdrop{background:#0b0b0c66}.mobile-dialog h2{font:500 23px var(--serif);margin:0 30px 16px 0}.mobile-dialog p{color:var(--muted)}.mobile-dialog .close{position:absolute;right:12px;top:10px;background:none;border:0;font:24px var(--sans);cursor:pointer;min-width:40px;min-height:40px}.mobile-dialog img{width:100%;border-radius:6px}.mobile-dialog label{display:block;margin:12px 0 5px}.mobile-dialog input{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:6px;background:var(--bg-raise);padding:10px;font:14px var(--sans)}.mobile-dialog .actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.mobile-dialog button{cursor:pointer}.mobile-dialog .status{font-size:13px;min-height:20px}.mobile-dialog video{width:100%;margin:10px 0}.mobile-dialog form{margin:0}
@media(max-width:900px){
 html{scroll-padding-top:130px;scroll-padding-bottom:90px}.mobile-only{display:block}.main{width:100%}.wrap{padding:0 16px 12px}.crumbbar,.subject-switch,.hero-entry,.paths,.reward,.wrap>.sech,.wrap>.rail{display:none}
 .mobile-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 16px 8px}.mobile-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--ink)}.mobile-brand img{width:32px;height:32px;object-fit:contain}
 .mobile-tools{display:flex;align-items:center;gap:8px;margin-top:6px}.mobile-search{position:relative;flex:1;min-width:0;display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:6px;background:var(--bg-raise);height:38px;padding:0 9px;gap:5px;color:var(--muted)}.mobile-search input{min-width:0;width:100%;border:0;outline:0;background:none;color:var(--ink);font:12px var(--sans)}.mobile-search input::placeholder{color:var(--muted)}.mobile-search:focus-within{border-color:var(--signal)}
 
 .hero{display:flex;flex-direction:column;gap:0;padding:14px 0 0;align-items:stretch}.hero>div:first-of-type{min-width:0}.kick{font-size:9px;letter-spacing:.04em;margin-bottom:5px}h1{font-size:clamp(21px,6.4vw,25px);line-height:1.28;margin:0 0 6px;letter-spacing:0}h1 br{display:none}h1 .q{margin:0 3px}.lead{font-size:12px;line-height:1.6;max-width:none;margin:0 0 10px}
 .mobile-subjects{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 0;margin:0 0 9px}.mobile-subjects::-webkit-scrollbar{display:none}.mobile-subjects button{flex:1;min-width:43px;min-height:40px;border:0;border-radius:6px;background:none;color:var(--muted);font:500 14px var(--sans);cursor:pointer;transition:background .15s,color .15s,transform .15s}.mobile-subjects button[aria-pressed=true]{color:var(--signal);background:var(--signal-soft)}.mobile-subjects button:hover{background:var(--bg-hover)}.mobile-subjects button:active{transform:scale(.96)}
 .showcase-head{height:20px;font-size:9px;letter-spacing:.04em}.model-window{aspect-ratio:1.5}.showcase{padding-bottom:0}.showcase-foot{position:absolute;left:10px;bottom:23px;z-index:5;max-width:calc(100% - 20px);min-height:0;padding:8px 11px;background:rgba(11,11,12,.84);border-radius:6px;pointer-events:none}.showcase-foot .label,.showcase-foot p,.showcase-count{display:none}.showcase-foot h2{font:500 14px/1.35 var(--sans);color:#fff;text-wrap:pretty}.showcase-meter{margin:8px 0 10px}
 .marquee{margin:0;padding:10px 0}.mq span{font-size:11px}.mq span b{font-size:11px}.mobile-catalog{margin:18px 0}.mobile-catalog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mobile-catalog-head h2{font:500 22px var(--serif);margin:0;color:var(--ink)}.mobile-catalog-head span{font:11px var(--mono);color:var(--muted)}.mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.mobile-grid .cc{display:block;min-width:0;width:100%;text-align:left;font-family:inherit;padding:0;cursor:pointer}.mobile-grid .cc .thumb{background:var(--bg-side);display:grid;place-items:center;color:var(--muted)}.mobile-grid .cc .thumb img{position:absolute;inset:0}.mobile-grid .cc .body{padding:9px 10px 11px}.mobile-grid .cc .t{font-size:15px;min-height:39px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mobile-grid .cc .s{font-size:10px;color:var(--muted)}.mobile-grid .cc .tags{flex-wrap:wrap}.mobile-grid .cc:active{transform:translateY(-2px);border-color:var(--signal)}.mobile-more{display:block;margin:18px auto 4px;background:transparent;border:1px solid var(--line-strong);border-radius:999px;padding:10px 20px;font:13px var(--sans);color:var(--ink);cursor:pointer}.mobile-empty{grid-column:1/-1;font-size:13px;color:var(--muted);padding:26px 0}.mobile-status{min-height:18px;color:var(--muted);font-size:12px}
 .mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line-strong);background:var(--bg);padding:5px 5px calc(5px + env(safe-area-inset-bottom));}.mobile-bottom button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:54px;padding:5px 0;border:0;border-radius:6px;background:none;color:var(--muted);font:10px var(--sans);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.mobile-bottom button[aria-current=true]{color:var(--signal);background:var(--signal-soft)}.mobile-bottom button:hover{background:var(--bg-hover)}.mobile-bottom button:active{transform:translateY(-2px)}.mobile-bottom svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.main>footer{padding-bottom:calc(95px + env(safe-area-inset-bottom))!important}button:focus-visible,a:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.mq,.rise{animation:none}.mq{overflow:auto;max-width:100%}.mobile-subjects button,.mobile-bottom button,.mobile-grid .cc{transition:none}html{scroll-behavior:auto}}
@media(max-width:900px){#mq{display:none}#mobile-count-track{display:flex}.model-scene[data-mobile-only-scene]{filter:none!important}}

@media(max-width:900px){.hero .kick,.hero .lead{display:none}.mobile-brand{gap:5px;white-space:nowrap}.mobile-tagline{font:9px var(--sans);color:var(--muted);font-weight:400}.mobile-catalog-head h2{font:11px var(--mono)}}

@media(max-width:900px){.mobile-bottom button.is-guest{background:var(--login-bg);color:var(--login-ink)}.mobile-bottom button.is-guest:hover{background:var(--login-bg)}}
/* 账号弹窗沿用网站的字体、细线和橙色强调。 */
.mobile-dialog.auth-dialog{padding:26px 24px 22px;border-radius:12px;max-height:calc(100dvh - 32px)}
.auth-brand{display:flex;align-items:center;gap:7px;margin-bottom:18px;font:500 11px var(--sans);color:var(--muted)}.auth-brand img{width:28px;height:28px;object-fit:contain}.auth-dialog h2{font:400 30px/1.25 var(--serif);margin:0 28px 7px 0;color:var(--ink)}.auth-dialog .auth-intro{font-size:12px;margin:0 0 23px;color:var(--muted);line-height:1.6}.auth-dialog label{font:500 12px var(--sans);margin:15px 0 7px}.auth-dialog input:not([type=checkbox]){height:46px;min-height:46px;border:1px solid var(--line-strong);border-radius:6px;padding:11px 12px;font:14px var(--sans);color:var(--ink);background:var(--bg-raise)}.auth-dialog input::placeholder{color:var(--muted)}.auth-dialog input:focus{outline:2px solid var(--signal-soft);border-color:var(--signal)}.auth-input-wrap{position:relative}.auth-input-wrap input{padding-right:48px!important}.auth-eye{position:absolute;right:5px;top:3px;width:40px;height:40px;display:grid;place-items:center;background:none;border:0;color:var(--muted);border-radius:6px;cursor:pointer}.auth-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.auth-dialog .auth-consent{display:flex;align-items:flex-start;gap:8px;font:11px/1.7 var(--sans);margin:18px 0;color:var(--muted)}.auth-consent input[type=checkbox]{width:16px;height:16px;min-height:16px;margin:2px 0 0;flex:none;accent-color:var(--signal)}.auth-consent a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.auth-submit{width:100%;min-height:46px;border:0;border-radius:6px;background:var(--login-bg);color:var(--login-ink);font:500 14px var(--sans);cursor:pointer;transition:transform .15s var(--ease),filter .15s}.auth-submit:hover{filter:brightness(.95)}.auth-submit:active{transform:translateY(1px)}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-links{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:17px;font-size:11px;color:var(--muted)}.auth-links button{border:0;padding:4px 0;background:none;font:inherit;color:inherit;cursor:pointer}.auth-links .auth-accent{color:var(--signal);font-weight:500}.auth-dialog .status:empty{display:none}.auth-dialog .status{font-size:12px;margin:10px 0 0;line-height:1.5}.auth-code-row{display:flex;gap:8px}.auth-code-row input{min-width:0;flex:1}.auth-code-row button{flex:none;border:1px solid var(--line-strong);border-radius:6px;background:var(--bg-raise);color:var(--ink);padding:0 12px;font:12px var(--sans)}.auth-policy{font-size:13px;line-height:1.8}.auth-policy h3{font:500 15px var(--sans);margin:20px 0 6px}.auth-policy .btn{margin-top:12px}
@media(max-width:360px){.mobile-dialog.auth-dialog{padding:23px 18px 20px}.auth-dialog h2{font-size:27px}.auth-links{font-size:10px}}

.auth-links button{min-height:40px}.auth-submit{color:var(--login-ink)}
/* 桌面与手机共用分类、目录和账号状态。 */
#seg[hidden]{display:none!important}
@media(min-width:901px){
 .desktop-nav{display:grid;gap:4px}.desktop-nav button{display:flex;align-items:center;gap:11px;min-height:42px;width:100%;padding:8px 11px;border:0;border-radius:6px;text-align:left;background:none;color:var(--muted);font:500 13px var(--sans);cursor:pointer;transition:background .15s,color .15s,transform .15s}.desktop-nav button i{width:23px;height:23px;display:grid;place-items:center;border-radius:5px;background:var(--bg-active);font:500 10px var(--sans)}.desktop-nav button:hover{background:var(--bg-hover);color:var(--ink)}.desktop-nav button[aria-current=true]{color:var(--signal);background:var(--signal-soft)}.desktop-nav button:active{transform:translateX(2px)}.desktop-cloud{display:block;padding:18px 11px;font-size:11px;color:var(--muted)}.desktop-cloud:hover{color:var(--signal)}
 .crumbbar{gap:24px;min-height:74px}.desktop-search{display:flex;align-items:center;gap:9px;max-width:450px;flex:1;height:39px;border:1px solid var(--line-strong);background:var(--bg-raise);padding:0 12px;border-radius:6px}.desktop-search input{width:100%;min-width:0;border:0;outline:0;background:none;color:var(--ink);font:12px var(--sans)}.desktop-search input::placeholder{color:var(--muted)}.desktop-search kbd{font:10px var(--mono);white-space:nowrap;color:var(--muted)}.desktop-search:focus-within{border-color:var(--signal)}.crumbbar .acc{flex:none;gap:12px}.desktop-login{min-height:35px;min-width:62px;padding:7px 15px;border:1px solid var(--line-strong);border-radius:999px;background:var(--ink);color:#fff;font:12px var(--sans);cursor:pointer;transition:transform .15s,background .15s}.desktop-login:hover{transform:translateY(-1px)}.desktop-login.is-guest{background:var(--login-bg);color:var(--login-ink);border-color:var(--login-bg)}
 .hero{grid-template-columns:.68fr 1.32fr;grid-template-rows:auto;gap:16px;padding:8px 0 10px;align-items:start}.hero>div:first-of-type{grid-column:1;grid-row:1;align-self:start;margin-bottom:0}.hero-entry,.paths,.wrap>.sech,.wrap>.rail,.reward{display:none}.hero .kick{display:flex}.hero .lead,.subject-switch{display:block}.hero h1{font-size:clamp(32px,3.5vw,50px);line-height:1.09;margin:0 0 10px;max-width:none}.hero h1 br{display:inline}
 .mobile-subjects.mobile-only{display:none}
 .showcase{grid-column:2;grid-row:1}.showcase-foot{position:static;display:flex;justify-content:space-between;gap:12px;align-items:end;max-width:none;min-height:83px;padding:4px 0 2px;background:transparent;pointer-events:auto}.showcase-foot .label{display:block}.showcase-foot p{display:block}.showcase-count{display:inline}.showcase-foot h2{font:500 23px/1.1 var(--serif);color:var(--ink)}.showcase-meter{margin:6px 0 2px}

 #mq{display:none}#mobile-count-track.mobile-only{display:flex}.marquee{margin:0}.mq span,.mq span b{font-size:12px}
 .mobile-catalog.mobile-only{display:block;margin:28px 0 10px}.mobile-catalog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:var(--muted)}.mobile-catalog-head h2,.mobile-catalog-head span{margin:0;font:12px var(--mono);color:var(--muted)}.mobile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 16px}.mobile-grid .cc{display:block;min-width:0;width:100%}.mobile-grid .cc .thumb{display:grid;place-items:center;background:var(--bg-side);color:var(--muted);font-size:12px}.mobile-grid .cc .thumb img{position:absolute;inset:0}.mobile-grid .cc .t{min-height:42px;font-size:16px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mobile-grid .cc .s{color:var(--muted);font-size:10px}.mobile-more{display:block;margin:25px auto 9px;padding:10px 23px;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-raise);font:12px var(--sans);color:var(--ink);cursor:pointer}.mobile-status{font:11px var(--sans);color:var(--muted)}.mobile-grid .cc:hover .t{color:var(--signal)}.mobile-more:hover{background:var(--bg-hover)}
}
@media(min-width:901px) and (max-width:1199px){.wrap,.crumbbar{padding-left:26px;padding-right:26px}.mobile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 13px}.desktop-search{max-width:330px}.crumbbar{gap:15px}}
@media(prefers-reduced-motion:reduce){.desktop-nav button,.desktop-login,.mobile-subjects button{transition:none}}

.mobile-more[hidden]{display:none}
@media(min-width:901px){.sb-top .nm small{display:block;margin-top:3px;font:9px var(--sans);color:var(--muted)}}

@media(min-width:901px){
 .site-sidebar i{font-style:normal}.catalog-view .hero,.catalog-view .wrap>.marquee{display:none}.catalog-view .mobile-catalog{margin-top:22px}.catalog-view .mobile-catalog-head h2{font:500 24px var(--serif);color:var(--ink)}
}
