:root{--cream:#FFFAEE;--cream-2:#FFF2CF;--white:#fff;--soft:#F8F4E9;--charcoal:#24282B;--ink:#41484C;--muted:#626C70;--yellow:#FFCD38;--yellow-soft:#FFE07A;--gold:#C99018;--orange:#EF9A43;--sage:#7B9873;--mint:#85BBB1;--violet:#998BB7;--line:rgba(77,67,41,.13);--shadow:0 14px 34px rgba(39,38,26,.09);--max:1240px}
*,*::before,*::after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-width:0;color:var(--ink);background:var(--cream);font:400 16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}body.overlay-open{overflow:hidden}img,video{display:block;max-width:100%;height:auto}img{object-fit:contain;object-position:center}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p,ul,ol{margin-top:0}h1,h2,h3{color:var(--charcoal);letter-spacing:-.03em}h1{font-size:clamp(26px,2.9vw,36px);line-height:1.23}h2{font-size:clamp(21px,2.3vw,26px);line-height:1.35}h3{font-size:17px;line-height:1.4}p{margin-bottom:14px}li{overflow-wrap:anywhere}a,button,input{outline-offset:3px}a:hover{color:#91600a}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.6;cursor:not-allowed}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.sr-only{position:absolute!important;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:absolute;z-index:200;left:12px;top:-60px;padding:9px 15px;border-radius:9px;background:var(--yellow)}.skip-link:focus{top:12px}
/* 页眉背景独立覆盖视口，内容内层才限制最大宽度 */
.site-header{position:sticky;top:0;z-index:50;width:100%;background:var(--white);box-shadow:0 2px 15px rgba(39,38,26,.045)}.mainbar{height:70px;width:100%;background:#fff;border-bottom:1px solid var(--line)}.nav-main{height:100%;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,1.7vw,22px)}.brand{display:flex;align-items:center;flex:0 0 auto;min-width:114px;height:44px}.brand-logo{display:block;width:auto;max-width:178px;max-height:36px;object-fit:contain}.brand-letters{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#202428;font-weight:900;font-size:25px;letter-spacing:-.07em;line-height:1}.brand-letters>span:last-child{color:#C99018;font-weight:900}.brand-dot{display:inline-block;width:18px;height:18px;border-radius:6px 6px 3px 6px;background:var(--yellow);transform:rotate(-14deg);margin-right:5px;box-shadow:4px 4px 0 #232729}.desktop-nav{display:flex;align-items:center;gap:clamp(9px,1.4vw,25px);min-width:0}.desktop-nav>a{display:inline-flex;align-items:center;height:46px;white-space:nowrap;font-size:14px;font-weight:650;color:#3c4346;position:relative}.desktop-nav>a:hover,.desktop-nav>a.is-current{color:#171c1e}.desktop-nav>a.is-current:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:3px;border-radius:2px;background:var(--yellow)}.nav-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:white;font-size:13px;font-weight:700;color:var(--charcoal);padding:0 12px}.icon-btn:hover,.icon-btn:focus-visible{background:#FFF3CB;color:#171c1e}.search-glass{position:relative;display:block;width:16px;height:16px;border:2px solid #333;border-radius:50%;margin-right:4px}.search-glass:after{content:"";position:absolute;width:7px;height:2px;background:#333;right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:18px;height:19px}.hamburger i{width:18px;height:2px;background:var(--charcoal);display:block;border-radius:4px}.app-link{display:inline-flex;align-items:center;justify-content:center;height:44px;white-space:nowrap;background:var(--yellow);color:#24282B;font-weight:750;font-size:13px;padding:0 15px;border-radius:10px}.app-link:hover{background:#f0bb1d;color:#16191c}.topicbar{background:#FFF6E2;height:44px;border-bottom:1px solid #eee3c7;width:100%}.topic-scroll{display:flex;align-items:center;gap:27px;height:44px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.topic-scroll::-webkit-scrollbar{display:none}.topic-heading{font-size:13px;color:#957d45;white-space:nowrap;border-right:1px solid #dfd0a9;padding-right:16px}.topic-item{display:inline-flex;align-items:center;height:44px;white-space:nowrap;flex:0 0 auto;font-size:13px;font-weight:620;position:relative}.topic-item.is-current:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold);border-radius:2px}
#mainContent{min-height:38vh}.page-shell{padding:40px 0 76px}.section{padding-block:48px}.section-sm{padding-block:30px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-top h2{margin:4px 0 0}.eyebrow{display:inline-block;font:800 13px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#846b26;text-transform:uppercase}.minor-link{font-size:13px;font-weight:750;color:#57471c;white-space:nowrap}.minor-link:hover,.text-link:hover{color:#b97e12}.lead{font-size:17px;color:#596062;max-width:800px}.muted{color:var(--muted)}.text-link{color:#6c5011;font-size:14px;font-weight:760;white-space:nowrap}.fine-print{color:var(--muted);font-size:13px}.rule{border:0;border-top:1px solid var(--line);margin:32px 0}.notice{border:1px solid #e7d39a;background:#FFF7DC;border-radius:13px;padding:16px 20px;font-size:14px;color:#5e4c2c}.notice-dark{background:#242a2d;border-color:#495054;color:#e8e5db}.notice-dark strong{color:#ffe07a}.pill,.tag{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:760;padding:4px 10px;border-radius:6px;background:#fff0bc;color:#61511c;white-space:nowrap}.tagline{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.availability{font-size:13px;color:#56695b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 19px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:760;line-height:1.3;white-space:nowrap;text-align:center}.btn-primary{background:var(--yellow);color:#202428}.btn-primary:hover{background:#efb925;color:#202428}.btn-secondary{background:#fff;border-color:#d7b74d;color:#2b2f32}.btn-secondary:hover{background:#fff5d5;color:#25292b}.btn-dark{background:#24282b;color:#fafaf5}.btn-dark:hover{background:#3b4449;color:white}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.btn-row a{min-width:148px}
/* 无图时以纯 CSS 排版维持视频/海报比例 */
.art-frame{border-radius:15px;overflow:hidden;position:relative;background:#F1E8D5;border:1px solid rgba(49,45,34,.05);min-width:0;aspect-ratio:16/9}.art-frame>img{height:100%;width:100%;object-fit:contain;object-position:center}.art-hero{max-height:390px;aspect-ratio:16/6.2}.art-app{aspect-ratio:3/4;max-height:420px}.art-square{aspect-ratio:1}.art-poster{aspect-ratio:3/4}.art-card{aspect-ratio:16/9;border-radius:12px 12px 0 0}.art-wide{aspect-ratio:16/8.1}.art-fallback{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;width:100%;height:100%;padding:clamp(20px,5%,46px);overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(255,205,56,.26) 0 13%,transparent 14%),linear-gradient(130deg,#F8EDCE 0%,#E4E8DD 50%,#F6DFC0 100%);color:#22282a}.art-fallback:before{content:"";position:absolute;width:44%;height:120%;top:-24%;right:2%;border:2px solid rgba(33,44,43,.12);transform:rotate(22deg);border-radius:42% 58% 31% 69%;z-index:-1}.art-fallback:after{content:"";position:absolute;width:19%;aspect-ratio:1;right:11%;bottom:6%;background:rgba(255,205,56,.55);border-radius:30% 70% 60% 40%;z-index:-1}.art-orbit{position:absolute;width:25%;aspect-ratio:1;border:12px solid rgba(255,255,255,.48);border-radius:50%;top:8%;right:10%;z-index:-1}.art-bracket{position:absolute;width:60px;height:8px;border-radius:3px;background:#252c2f;top:26px;left:clamp(20px,5%,46px)}.art-word{display:block;max-width:85%;font-weight:900;font-size:clamp(24px,3.6vw,46px);line-height:1.2;letter-spacing:-.05em;color:#292d2f;text-wrap:balance;overflow-wrap:anywhere}.art-mark{font:750 clamp(9px,1vw,12px)/1.4 Arial,sans-serif;letter-spacing:.16em;color:#5c665f}.art-hero .art-word{font-size:clamp(29px,4.4vw,62px)}.art-app .art-fallback{background:linear-gradient(150deg,#323a3c,#202427 60%,#756e45);color:white;justify-content:end}.art-app .art-word,.art-app .art-mark{color:#faf4e5}.art-app .art-bracket{background:var(--yellow)}.art-app .art-orbit{border-color:rgba(255,205,56,.17)}.art-square .art-word{font-size:clamp(22px,3vw,34px)}
.hero{padding-top:28px}.hero-visual{border-radius:18px;overflow:hidden}.hero-visual .art-frame{border-radius:18px}.hero-copy{padding:25px 2px 6px}.hero-copy h1{margin:8px 0 12px;font-size:clamp(27px,3.1vw,40px)}.hero-copy p{max-width:950px;font-size:16px;line-height:1.8}.hero-actions{margin-top:20px}.intro-tag{display:flex;align-items:center;gap:8px;font-size:13px;color:#8f711f;font-weight:900;letter-spacing:.07em}.intro-tag:before{content:"";width:22px;height:3px;background:var(--yellow);border-radius:2px}.hero-facts{display:flex;gap:12px;flex-wrap:wrap;color:#606966;font-size:13px;margin-top:18px}.hero-facts span{border-left:3px solid #e5c25d;padding-left:11px}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{min-width:0;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(39,38,26,.035)}.work-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);transition:box-shadow .2s,transform .2s}.work-card__body{display:flex;flex-direction:column;flex:1;padding:19px}.work-card h3{margin:10px 0 8px;font-size:18px}.work-card p{color:#515c5d;font-size:14px;line-height:1.72;flex:1;margin:0 0 16px}.card-foot{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}.featured-work{background:#fff;padding:0;border-radius:16px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.featured-work .art-frame{height:100%;aspect-ratio:auto;min-height:250px;border:0;border-radius:0}.featured-content{padding:clamp(20px,3.2vw,42px)}.featured-content h3{font-size:clamp(23px,2.2vw,29px);margin:12px 0}.featured-content p{max-width:490px}.featured-content .btn{margin-top:9px}.new-work-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:17px}.new-small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.new-small-grid .work-card__body{padding:15px}.new-small-grid .work-card h3{font-size:16px}.new-small-grid .work-card p{font-size:13px}
.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.genre-card{min-width:0;display:block;position:relative;background:white;border:1px solid var(--line);border-radius:14px;padding:23px;min-height:150px;overflow:hidden}.genre-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--gold)}.genre-card.tone-mint:before{background:var(--mint)}.genre-card.tone-sage:before{background:var(--sage)}.genre-card.tone-orange:before{background:var(--orange)}.genre-card.tone-violet:before{background:var(--violet)}.genre-card.tone-yellow:before{background:var(--yellow)}.genre-card h3{margin:0 0 12px}.genre-card p{font-size:14px;line-height:1.72;margin:0}.genre-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);color:var(--charcoal)}.number{font:800 clamp(22px,3vw,38px)/1 Arial,sans-serif;letter-spacing:-.06em;color:var(--gold)}.brief-card{background:white;border-radius:12px;border:1px solid var(--line);padding:23px;min-width:0}.brief-card .number{margin-bottom:13px}.brief-card p{font-size:14px}.split-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:32px;align-items:center}.split-feature.reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.split-feature.reverse>.art-frame{order:2}.split-feature .art-frame{width:100%}.section-copy h2{margin:6px 0 16px}.section-copy>p{max-width:680px}.list-rows{display:grid;gap:9px}.list-row{display:flex;align-items:center;gap:15px;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:10px}.list-row:hover{border-color:#c8aa55;background:#fffbf1}.list-row strong{flex:1;font-size:14px}.list-row span:last-child{font-size:13px;color:var(--muted)}.list-row .number{font-size:20px}.dark-feature{background:#15191c;border-radius:18px;color:#f5f5ef;padding:35px}.dark-feature h2,.dark-feature h3,.dark-feature a{color:#fff}.dark-feature p{color:#d8dfdc}.dark-feature .eyebrow,.dark-feature .number{color:var(--yellow-soft)}.dark-feature .list-row{background:#242b2e;color:#fafafa;border-color:#414c4f}.dark-feature .list-row:hover{background:#303a3d}.dark-feature .list-row span:last-child{color:#dbe0dc}.dark-feature .tag{background:#564b2d;color:#fff0b1}.dark-feature .art-fallback{background:radial-gradient(circle at 80% 35%,rgba(255,205,56,.25),transparent 40%),linear-gradient(125deg,#2b3436,#1f2427)}.dark-feature .art-word{color:#fafafa}.dark-feature .art-mark{color:#f0d17f}.dark-feature .art-bracket{background:var(--yellow)}.dual-feature{display:grid;grid-template-columns:1fr 1fr;gap:19px}.editorial-card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0}.editorial-card .art-frame{margin:-3px -3px 20px}.editorial-card h3{font-size:21px}.editorial-card p{font-size:15px}.wide-stripe{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:center;background:#E8EEE7;padding:28px;border-radius:18px}.wide-stripe.violet{background:#F0ECF5}.wide-stripe .art-frame{aspect-ratio:4/3}.timeline{position:relative;display:grid;gap:17px;padding-left:24px}.timeline:before{content:"";position:absolute;top:14px;bottom:14px;left:7px;width:2px;background:#e7cf81}.timeline-item{position:relative;background:white;border-radius:12px;border:1px solid var(--line);padding:18px 20px}.timeline-item:before{content:"";position:absolute;width:12px;height:12px;left:-23px;top:26px;border:3px solid var(--yellow);border-radius:50%;background:#fff}.timeline-item h3{margin-bottom:7px}.timeline-item p{margin-bottom:0}.section-muted{background:#FFF2CF}.section-deep{background:#F1F1E8}.editor-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pick-card{padding:22px;border-radius:14px;background:white;border:1px solid var(--line)}.pick-card strong{display:block;color:#20282b;margin:10px 0}.pick-card p{font-size:14px;margin:0}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step{padding:23px;border:1px solid var(--line);border-radius:13px;background:white}.step .number{color:#B1892B}.step h3{margin:12px 0}.step p{font-size:14px;margin:0}.mobile-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.6fr);gap:36px;align-items:center}.mobile-feature .art-frame{width:min(100%,290px);justify-self:center}.mobile-feature .icon-holder{display:inline-flex;align-items:center;vertical-align:middle;width:54px;height:54px;border:1px solid var(--line);border-radius:12px;margin:0 0 14px}.icon-holder .art-frame{width:100%;height:100%;border:0;border-radius:11px;aspect-ratio:1}.icon-holder .art-fallback{padding:0;align-items:center}.icon-holder .art-word{font-size:15px;max-width:100%}.icon-holder .art-bracket,.icon-holder .art-mark,.icon-holder .art-orbit{display:none}
/* 内页阅读、列表、详情 */
.page-intro{padding:28px 0 24px}.breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:#7c7c73;margin-bottom:19px}.breadcrumb a:hover{text-decoration:underline}.page-intro h1{margin:9px 0 18px}.page-intro .lead{line-height:1.82}.page-cover{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch;margin:18px 0 35px}.page-cover .art-frame{min-height:280px;aspect-ratio:16/9}.page-cover .cover-note{display:flex;flex-direction:column;justify-content:center;padding:25px;border-radius:15px;border:1px solid var(--line);background:white}.page-cover .cover-note h2{font-size:23px}.page-cover .cover-note p{font-size:15px}.prose-section{background:white;border:1px solid var(--line);padding:27px 31px;border-radius:14px;margin:18px 0;min-width:0}.prose-section h2{margin-bottom:15px}.prose-section p{font-size:16px;line-height:1.82;color:#434b4c}.prose-section p:last-child{margin-bottom:0}.prose-section ul{padding-left:21px}.prose-section li{margin-bottom:10px}.prose-section.tinted{background:#fff9e8}.prose-section.sage{background:#eef3ec}.prose-section.violet{background:#f5f1f8}.prose-section.dark{background:#20272a}.prose-section.dark h2,.prose-section.dark h3{color:#f8f8f4}.prose-section.dark p,.prose-section.dark li{color:#e3eae6}.read-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.read-grid .prose-section{margin-top:0}.aside-sticky{position:sticky;top:144px;padding:24px;border-radius:14px;background:#fff3d2;border:1px solid var(--line)}.aside-sticky h2{font-size:18px}.aside-sticky a{display:block;padding:11px 0;border-bottom:1px solid #e3d2a4;font-size:14px}.aside-sticky a:last-child{border-bottom:0}.feature-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.feature-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid #e0cfaa;background:white;border-radius:9px;font-size:14px;font-weight:680}.feature-links a:hover{border-color:#bb982e;background:#fff5d4}.related-area{margin-top:42px}.card-index{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.card-index .tag{font-weight:700}.category-filter{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 25px}.category-filter a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #ddcdad;border-radius:9px;background:white;font-size:14px;font-weight:690}.category-filter a.active{background:#FFCD38;border-color:#ffcd38;color:#202428}.wide-list{display:grid;gap:14px}.wide-list .work-card{display:grid;grid-template-columns:140px 1fr}.wide-list .work-card .art-frame{height:100%;aspect-ratio:1}.status-box{border:1px solid #e9cf82;background:#fff7da;border-radius:13px;padding:22px 24px;margin:16px 0}.status-box h2{font-size:21px}.status-box p{margin-bottom:0}.episode-index{display:grid;gap:12px}.episode-item{display:flex;gap:18px;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px 19px}.episode-item:hover{border-color:#cbb157}.episode-item .ep-num{min-width:58px;text-align:center;background:#fff0c0;font-size:13px;font-weight:800;padding:9px 8px;border-radius:9px}.episode-item .ep-text{flex:1;min-width:0}.episode-item h3{margin:0 0 5px}.episode-item p{font-size:13px;color:#626c70;margin:0}.episode-item .episode-state{font-size:13px;color:#6b6047;flex:0 0 auto}.detail-top{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;align-items:center}.detail-top .art-frame{aspect-ratio:3/4;max-height:490px}.detail-content h1{margin:10px 0 15px}.detail-content p{max-width:650px}.story-block{border-left:4px solid var(--yellow);padding:8px 0 8px 22px;max-width:920px;color:#3c4849}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.character-card{background:#fff;border-radius:12px;border:1px solid var(--line);padding:20px}.character-card strong{display:block;margin-bottom:8px}.character-card p{font-size:14px;margin:0}.theatre-player{border-radius:16px;overflow:hidden;background:#15191c;color:#fafaf5;padding:24px}.theatre-player video{background:#000;display:block;width:100%;max-height:min(70vh,600px);aspect-ratio:16/9;object-fit:contain;border-radius:10px}.theatre-player h2,.theatre-player h3{color:#fafaf5}.theatre-player p{color:#d0d8d6}.not-ready{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:260px;border:1px dashed #6b7371;border-radius:12px;background:radial-gradient(circle at 65% 15%,rgba(255,205,56,.12),transparent 36%),#252c30;text-align:center;padding:26px}.not-ready:before{content:"";width:50px;height:50px;border:3px solid #ffe07a;border-radius:50%;box-shadow:0 0 0 12px rgba(255,224,122,.07)}.not-ready strong{font-size:21px;color:#fff}.not-ready p{max-width:510px;font-size:14px}.ep-navigation{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:17px}.ep-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;background:#303b3e;border-radius:10px;color:#fff;font-size:14px}.ep-navigation a:hover{background:#4d585b}.search-page-form{display:flex;gap:10px;max-width:760px;margin:20px 0}.search-page-form input{flex:1;min-width:0;border:1px solid #d8c99d;background:white;border-radius:10px;padding:11px 16px;min-height:48px;color:#24282b}.search-page-form button{border:0}.faq-list{display:grid;gap:12px;margin:24px 0}.faq-item{background:#fff;border:1px solid var(--line);padding:23px 27px;border-radius:13px}.faq-item h2{font-size:18px}.faq-item p{font-size:15px;line-height:1.82;margin:0}
/* 页脚及浮层 */
.site-footer{background:#15191C;color:#e8e8df;padding:58px 0 25px;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ce991d,#ffcd38,#ffe6a0)}.footer-top{display:grid;grid-template-columns:290px minmax(0,1fr);gap:45px}.footer-brand{display:inline-flex;align-items:center;min-height:43px;color:white}.footer-brand .brand-letters{color:white}.footer-brand .brand-letters>span:last-child{color:#ffe07a}.footer-about>strong{display:block;font:700 11px/2 Arial,sans-serif;letter-spacing:.18em;color:#ffe07a;margin:10px 0}.footer-about p{color:#cbd0ca;font-size:13px;line-height:1.83}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.footer-links h2{font-size:14px;color:#fff0b9;margin-bottom:18px}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:10px}.footer-links a{font-size:13px;line-height:1.5;color:#d8dfd8}.footer-links a:hover{color:#ffdb73}.footer-bottom{border-top:1px solid #3d4848;padding-top:22px;margin-top:35px;color:#afb9b7}.footer-bottom p{font-size:13px;line-height:1.85;margin-bottom:9px}
.page-scrim{position:fixed;inset:0;z-index:70;background:rgba(15,20,20,.58);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}.page-scrim.is-open{opacity:1;visibility:visible;pointer-events:auto}.channel-drawer{position:fixed;right:0;top:0;bottom:0;z-index:80;width:380px;max-width:86vw;display:flex;flex-direction:column;background:#fffcf4;box-shadow:-14px 0 50px rgba(0,0,0,.25);transform:translateX(103%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s}.channel-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:16px 18px;background:white;border-bottom:1px solid var(--line)}.drawer-brand{display:flex;align-items:center;min-width:0}.drawer-brand .brand-letters{font-size:22px}.drawer-brand img{max-height:32px}.close-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:1px solid var(--line);background:white;border-radius:10px;font-size:26px;line-height:1;color:#31393a}.close-btn:hover{background:#fff0c7}.drawer-scroll{overflow-y:auto;overscroll-behavior:contain;padding:20px;flex:1;min-height:0}.drawer-intro{font-size:13px;color:#687270;margin-bottom:24px}.drawer-group{margin:0 0 27px}.drawer-group h2{font-size:15px;letter-spacing:.03em;margin:0 0 12px;padding-left:12px;border-left:4px solid var(--yellow)}.drawer-items{display:grid;gap:7px}.drawer-item{display:block;background:#fff;border:1px solid var(--line);padding:11px 14px;border-radius:11px;min-width:0}.drawer-item:hover,.drawer-item.is-current{background:#fff4d2;border-color:#d7bb66}.drawer-item-title{display:block;font-weight:750;font-size:14px;color:#252a2b}.drawer-item-desc{display:block;color:#616e6d;font-size:13px;line-height:1.5;margin-top:3px}.search-popover{position:fixed;z-index:85;top:82px;right:max(18px,calc((100vw - var(--max))/2));width:min(calc(100vw - 36px),540px);padding:25px;background:#fffdfa;border:1px solid var(--line);box-shadow:0 24px 65px rgba(16,23,25,.22);border-radius:15px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s}.search-popover.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.search-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.search-head h2{font-size:22px;margin:6px 0 18px}.search-form{display:flex;gap:9px;min-width:0}.search-form input{flex:1;min-width:0;height:47px;border:1px solid #d4c69d;border-radius:10px;padding:11px 12px;font-size:14px}.search-form .btn{flex:0 0 auto}.quick-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:13px}.quick-search a{background:#fff1c8;padding:5px 12px;border-radius:8px;font-size:13px}.quick-search a:hover{background:#ffdb76}.mobile-tabbar{display:none}
@media(max-width:1180px){.desktop-nav{gap:11px}.desktop-nav>a{font-size:13px}.app-link{padding-inline:11px}.nav-main{gap:10px}.footer-top{gap:22px}}@media(max-width:1020px){.desktop-nav{display:none}.nav-actions{margin-left:auto}.footer-top{grid-template-columns:1fr}.footer-about{max-width:620px}.footer-links{gap:18px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.new-work-layout{grid-template-columns:1fr}.new-small-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.new-small-grid .work-card{min-height:200px}.read-grid{grid-template-columns:1fr}.aside-sticky{position:static}.section{padding-block:38px}}@media(max-width:800px){.container{width:calc(100% - 36px)}.section{padding-block:34px}.hero{padding-top:22px}.card-grid,.card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.new-small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-feature,.split-feature.reverse,.featured-work,.page-cover,.detail-top{grid-template-columns:1fr}.split-feature.reverse>.art-frame{order:0}.featured-work .art-frame{min-height:215px;aspect-ratio:16/9}.editor-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-stripe{grid-template-columns:1fr}.mobile-feature{grid-template-columns:1fr 220px}.footer-links{grid-template-columns:repeat(4,minmax(0,1fr))}.page-cover .art-frame{min-height:0}.detail-top .art-frame{width:min(100%,430px);justify-self:center}.art-hero{aspect-ratio:16/7}.search-popover{top:75px}}@media(max-width:620px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.mainbar{height:68px}.nav-main{gap:6px}.brand{min-width:0}.brand-letters{font-size:22px}.brand-dot{width:15px;height:15px}.nav-actions{gap:6px}.icon-btn{min-width:44px;width:44px;padding:0}.hide-phone,.app-link{display:none}.topicbar{height:42px}.topic-scroll{height:42px;gap:20px}.topic-item{height:42px}.topic-heading{display:none}.container{width:calc(100% - 32px)}.page-shell{padding:26px 0 55px}.section{padding-block:29px}.section-top{align-items:start}.section-top h2{margin-top:3px}.section-top .minor-link{font-size:13px;margin-top:17px}.hero-copy{padding-top:22px}.hero-copy h1{font-size:27px}.hero-copy p{font-size:15px}.art-hero{aspect-ratio:16/9;max-height:300px}.art-hero .art-word{font-size:clamp(28px,7vw,43px)}.art-word{font-size:clamp(23px,5vw,31px)}.art-fallback{padding:22px}.art-bracket{left:22px}.card-grid,.card-grid.three,.card-grid.two{grid-template-columns:1fr}.new-small-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.new-small-grid .work-card__body{padding:14px}.new-small-grid .work-card h3{font-size:15px}.new-small-grid .card-foot{flex-wrap:wrap}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.genre-card{padding:16px;min-height:145px}.genre-card h3{font-size:16px}.genre-card p{font-size:13px}.dual-feature,.steps-grid,.editor-picks,.mobile-feature{grid-template-columns:1fr}.mobile-feature .art-frame{max-width:280px}.section-copy h2{font-size:23px}.dark-feature{padding:23px}.wide-stripe{padding:19px}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.site-footer{padding-top:45px}.footer-bottom{margin-top:25px}.mobile-tabbar{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:60;height:calc(59px + env(safe-area-inset-bottom,0px));padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#fff;border-top:1px solid #ece4d1;box-shadow:0 -6px 18px rgba(10,10,10,.08)}.mobile-tabbar a{min-height:49px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;border-radius:9px;color:#475153;font-size:13px;font-weight:750}.mobile-tabbar .tab-icon{font-size:20px;line-height:1.2}.mobile-tabbar a.is-current{background:#FFCD38;color:#202428}.page-intro{padding-top:18px}.page-intro h1{font-size:27px}.prose-section{padding:21px 19px}.prose-section p{font-size:15px}.read-grid{gap:14px}.search-popover{inset:0;width:100vw;height:100dvh;max-height:none;transform:none;border:0;border-radius:0;overflow-y:auto;padding:clamp(30px,8vh,70px) 20px;top:0;right:0;background:#f7f4ec}.search-popover.is-open{transform:none}.search-form{flex-direction:column}.search-form .btn{width:100%}.episode-item{flex-wrap:wrap;gap:10px}.episode-item .ep-text{flex-basis:calc(100% - 75px)}.episode-item .episode-state{margin-left:auto}.theatre-player{padding:13px}.not-ready{min-height:235px}.character-grid{grid-template-columns:1fr}.wide-list .work-card{display:flex}.wide-list .art-frame{aspect-ratio:16/9!important}.footer-brand .brand-letters{font-size:25px}}@media(max-width:360px){.brand-letters{font-size:20px}.nav-main{gap:4px}.genre-card{padding:14px}.genre-card h3{font-size:15px}.genre-card p{font-size:13px}.new-small-grid{grid-template-columns:1fr}.section-top h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

.margin-top-16{margin-top:16px}.margin-top-17{margin-top:17px}.margin-top-19{margin-top:19px}.margin-bottom-23{margin-bottom:23px}.margin-zero{margin:0}.light-link,.light-link:hover{color:#ffe07a!important}.editor-picks.two-picks{grid-template-columns:repeat(2,minmax(0,1fr))}