@charset "UTF-8";
:root{--yellow:#FFC83D;--orange:#F58A24;--gold:#DEA447;--ink:#292826;--body:#403D38;--muted:#706B62;--border:#EAE5DC;--white:#FFFDF8;--purple:#9787D8;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--body);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:#B55308}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1300px,calc(100% - 64px));margin-inline:auto}.section{padding-block:65px}.narrow-top{padding-top:35px}h1,h2,h3{line-height:1.28;letter-spacing:-.025em;color:var(--ink)}h1{font-size:clamp(30px,3.6vw,48px);margin:.28em 0 .45em}h2{font-size:clamp(24px,2.4vw,34px);margin:.3em 0 .7em}h3{font-size:19px;margin:.3em 0 .5em}p{margin:.55em 0 1em}small{font-size:13px}.eyebrow{display:inline-block;color:#98500E;font-weight:750;letter-spacing:.12em;font-size:12px;text-transform:uppercase}.skip,.sr-only{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:white;padding:8px}.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid var(--border)}.top{height:74px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:850;line-height:1.2;white-space:nowrap;color:#292826}.brand small{display:block;font-size:8px;letter-spacing:.22em;color:#746c60;font-weight:700;margin-top:5px}.brand-mark{background:linear-gradient(140deg,var(--yellow),var(--orange));border-radius:13px;width:43px;height:43px;display:grid;place-items:center;color:#37240a;font-size:23px;font-weight:900}.brand-logo{max-height:45px;max-width:130px;object-fit:contain}.brand-logo+.brand-mark{display:none}.desktop-nav{display:flex;align-items:center;gap:clamp(12px,2.1vw,31px);font-size:15px;font-weight:700}.desktop-nav a{padding:22px 0;border-bottom:3px solid transparent}.desktop-nav a[aria-current=page],.desktop-nav a:hover{border-color:var(--orange);color:#8D4200}.header-actions{display:flex;gap:15px;align-items:center}.search-icon{font-size:33px;line-height:1}.menu-toggle{display:none;background:transparent;border:0;font-size:26px}.category-strip{border-top:1px solid #f1ede6;background:#fffaf2}.category-inner{display:flex;gap:25px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;height:43px;align-items:center;font-size:13px;font-weight:650}.category-inner a:hover{color:#a24d09}.mobile-drawer,.drawer-shade,.mobile-bottom{display:none}.hero{padding-block:44px 25px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:stretch}.hero-copy{padding:30px 0}.hero h1{font-size:clamp(33px,3.7vw,52px)}.hero h1 em{font-style:normal;color:#d46c1b}.hero-copy>p{font-size:17px;color:#665c51;max-width:510px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;min-height:45px;padding:10px 22px;font-weight:780;font-size:14px;border:1px solid var(--ink)}.btn.primary{background:var(--yellow);border-color:var(--yellow);color:#302509}.btn.outline{background:transparent;border-color:#cebca4}.btn.dark{background:var(--ink);color:white}.btn.yellow{background:var(--yellow);color:#241c11;border-color:var(--yellow)}.btn:hover{transform:translateY(-1px);filter:brightness(.97)}.hero-facts{display:flex;flex-wrap:wrap;gap:18px;margin-top:35px;color:#7c7268;font-size:12px}.hero-facts strong{font-size:21px;color:#332a22}.hero-visual{position:relative;min-height:370px;border-radius:22px;overflow:hidden;background:#352a28}.art{position:relative;overflow:hidden;background:linear-gradient(135deg,#dba847,#e8b48b 45%,#6d5f66);min-height:100%;isolation:isolate}.art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}.art-line{position:absolute;z-index:0;inset:10%;border:1px solid #ffffff55;border-radius:40% 10% 45% 10%;transform:rotate(-10deg)}.hero-art{height:100%;background:radial-gradient(circle at 70% 35%,#db944b,#5b4548 45%,#23272d 80%)}.hero-overlay{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:50px 28px 23px;color:white;background:linear-gradient(transparent,#201c1bd9)}.hero-overlay h2{color:white;font-size:25px;margin:6px 0}.hero-overlay a{color:#ffd265;font-weight:700}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{margin-bottom:0}.subtle-link{font-size:14px;font-weight:720;white-space:nowrap}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.type-item{padding:22px;border-radius:13px;min-height:132px;display:flex;flex-direction:column;background:#fff0d2}.type-item:nth-child(2n){background:#eef3fc}.type-item:nth-child(3n){background:#efeafe}.type-item:nth-child(4n){background:#e7f4ea}.type-item span{color:#8e7354;font-size:12px;font-weight:800}.type-item strong{margin:8px 0;font-size:18px;color:#292826}.type-item small{margin-top:auto;color:#73695a}.feature-story{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;background:#fcf1e4;padding:25px;border-radius:22px;align-items:center}.feature-art{min-height:400px;border-radius:14px;background:linear-gradient(130deg,#2e3c49,#9d876a)}.feature-copy{padding:15px 24px 15px 0}.feature-copy h2{font-size:34px}.feature-copy p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;color:#514b44}.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.poster-card{display:block;background:#fff;border:1px solid #eee8df;border-radius:14px;overflow:hidden;transition:transform .18s,box-shadow .18s}.poster-card:hover{transform:translateY(-3px);box-shadow:0 9px 30px #261c1415}.poster-art{aspect-ratio:2/3;min-height:auto;background:linear-gradient(145deg,#c69165,#4c4f64)}.poster-card:nth-child(3n) .poster-art{background:linear-gradient(145deg,#718ab0,#dacac3)}.poster-card:nth-child(4n) .poster-art{background:linear-gradient(145deg,#b99fb9,#e5b76e)}.poster-body{padding:14px 15px 18px}.poster-body small{color:#8c5b2f;font-weight:700}.poster-body h3{font-size:17px;margin:7px 0}.poster-body p{font-size:13px;color:#70685d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;margin-bottom:0}.ink-section{background:#29282a;color:#eee7e0}.ink-section h2{color:#fff;font-size:38px}.ink-section p{color:#d6cbbd}.ink-section .eyebrow{color:#ffca57}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.landscape-art{aspect-ratio:16/9;min-height:auto;border-radius:17px;background:linear-gradient(120deg,#a37d58,#3d4f63)}.editorial-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.editorial-grid>div{border-radius:18px;padding:27px;background:#fae6c8;min-height:220px}.editorial-grid .editorial-small{background:#e9f1f6}.editorial-grid .editorial-small:last-child{background:#f0e9f1}.editorial-grid p{font-size:14px}.editorial-grid a,.duo strong{font-size:14px;font-weight:750;color:#98510b}.warm-section{background:#fff5e4}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-grid article{background:white;padding:22px;border:1px solid #f5e2c1;border-radius:14px}.process-grid span{font-size:25px;color:#de8924;font-weight:900}.process-grid h3{margin-top:18px}.process-grid p{font-size:14px;color:#625b51}.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.duo>a{border-radius:18px;padding:27px;background:#ffe7d8}.duo>a+ a{background:#f0ebfa}.duo-mark{width:56px;height:56px;background:#efae77;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:800}.duo-mark.purple{background:#bcb0df}.note-list a{display:grid;grid-template-columns:65px 1fr 30px;align-items:center;border-bottom:1px solid var(--border);padding:22px 8px;gap:15px}.note-list a>span{font-size:26px;font-weight:800;color:#e9a65c}.note-list h3{margin:2px 0}.note-list p{margin:0;color:#777;font-size:13px}.theme-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.theme-tiles h3{margin:13px 0 4px}.theme-tiles p{font-size:14px;color:#6f675f}.search-band{background:#fff0d3;border-radius:20px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.search-band h2{margin:0}.search-band p{margin-bottom:0}.search-band form{display:flex;flex:0 1 450px}.search-band input,.search-page-form input{width:100%;min-width:0;border:1px solid #ddd0bb;border-radius:10px 0 0 10px;padding:12px 14px;outline-color:#f2af36;background:#fff}.search-band button,.search-page-form button{background:#2c2925;color:white;border:0;border-radius:0 10px 10px 0;padding:8px 20px;white-space:nowrap}.tiny-services{display:flex;align-items:center;justify-content:space-between;gap:35px}.tiny-services>div{max-width:740px}.tiny-services a{font-weight:750;color:#9b4e0a}.site-footer{background:#242426;color:#e8e1d9;padding-top:52px}.site-footer h2,.site-footer h3{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer-grid p{max-width:420px;color:#c1b6aa;font-size:14px}.footer-grid a{display:block;margin:8px 0;font-size:14px;color:#e3d6c6}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #484644;margin-top:37px;padding:18px 0;color:#bdb4aa;font-size:12px}.crumbs{font-size:13px;color:#7b7165;margin-bottom:28px}.crumbs span{margin:0 8px}.page-heading{margin-bottom:30px;max-width:780px}.page-heading p{color:#6a635b;font-size:17px}.filter-strip{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.filter-strip a{padding:8px 15px;background:#f6efe6;border:1px solid transparent;border-radius:24px;font-size:14px}.filter-strip a.selected{background:#fcca4d;border-color:#dba747;color:#33250a;font-weight:800}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:20px}.library-toolbar select{border:1px solid #d8d1c7;border-radius:7px;background:white;padding:7px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:35px}.pagination a{padding:7px 14px;border:1px solid var(--border);border-radius:9px}.pagination a[aria-current=page]{background:var(--yellow);color:#241f14}.below-reading{border-top:1px solid var(--border);margin-top:52px;padding-top:28px;max-width:850px}.below-reading a,.longform a{color:#aa570c;text-decoration:underline;text-underline-offset:3px}.detail-hero{display:grid;grid-template-columns:340px 1fr;gap:40px;align-items:center;background:#f9f0e5;border-radius:18px;padding:28px}.detail-cover{aspect-ratio:2/3;min-height:auto;border-radius:14px}.detail-hero .lede{font-size:20px;max-width:700px}.detail-hero h2{margin-top:20px;font-size:20px}.info-chips{display:flex;gap:10px;flex-wrap:wrap}.info-chips span{background:#fff;padding:5px 11px;font-size:13px;border-radius:20px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:55px;margin-top:50px}.longform{max-width:820px}.longform section{margin-bottom:46px}.longform p{line-height:1.85}.character-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.character-list>div{background:#f9f3eb;border-radius:13px;padding:20px}.episode-list details{border-bottom:1px solid #ded6cc;padding:13px 0}.episode-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:17px;padding:7px}.episode-list summary::-webkit-details-marker{display:none}.episode-list summary>span:first-child{font-size:13px;color:#a46927;font-weight:800}.episode-list summary strong{flex:1}.episode-list .plus{font-size:23px}.episode-list details[open] .plus{transform:rotate(45deg)}.episode-list p{padding:5px 16px 14px 55px;color:#5d5650}.detail-aside{align-self:start;position:sticky;top:20px}.aside-block{background:#f8f0e7;padding:21px;border-radius:14px;margin-bottom:18px}.aside-block a{display:block;border-top:1px solid #e1d9ce;padding:10px 0;font-size:14px}.aside-block p{font-size:14px}.theme-row{display:grid;grid-template-columns:1fr 1fr;gap:37px;align-items:center;padding:32px 0;border-bottom:1px solid var(--border)}.theme-row.reverse>div:first-child{order:2}.theme-row p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.theme-detail-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:36px;align-items:center}.studio-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:70px}.studio-hero p,.article-head p{font-size:18px}.studio-articles{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.studio-articles a{padding:24px;border-radius:15px;border:1px solid var(--border);background:#fff}.studio-articles span{float:right;font-size:26px;color:#e1a04b;font-weight:900}.studio-articles small{color:#925a23}.studio-articles p{font-size:14px;color:#6a655d}.studio-articles strong{color:#a6530d;font-size:14px}.article-head{max-width:800px;margin:38px auto 45px}.article-reading{max-width:780px;margin:auto}.article-reading section{margin-bottom:37px}.article-reading p{font-size:17px;line-height:1.9}.notice{background:#f8f1e7;border-radius:12px;padding:16px}.search-page-form{max-width:800px}.search-page-form label{display:block;font-weight:700;margin-bottom:10px}.search-page-form>div{display:flex}.search-count{font-size:22px}.search-results>a{display:block;border-bottom:1px solid var(--border);padding:19px 5px}.search-results small{color:#a56828}.search-results h3{margin:5px 0}.search-results p{font-size:14px;color:#6d655f}.search-results span{font-size:13px;color:#b46219}.empty-state{padding:42px;background:#f7f0e6;border-radius:15px}.about-hero{background:#fff0da;padding:48px;border-radius:20px}.about-hero p{max-width:740px;font-size:18px}.about-layout{display:grid;grid-template-columns:220px 1fr;gap:45px;margin-top:45px}.about-links{position:sticky;top:20px;align-self:start;background:#fff6e9;border-radius:12px;padding:14px}.about-links a{display:block;padding:10px;border-bottom:1px solid #e9ddce;font-size:14px}
@media(max-width:1050px){.container{width:min(100% - 42px,1300px)}.desktop-nav{gap:12px}.hero{grid-template-columns:1fr 1fr}.hero-visual{min-height:310px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{grid-template-columns:290px 1fr}.editorial-grid{grid-template-columns:1fr 1fr}.editorial-large{grid-column:1/-1}.theme-tiles{gap:13px}}
@media(max-width:760px){body{padding-bottom:62px}.container{width:calc(100% - 34px)}.section{padding-block:43px}.top{height:68px}.desktop-nav{display:none}.menu-toggle{display:block}.brand{font-size:19px}.category-inner{gap:20px}.hero{grid-template-columns:1fr;padding-top:18px;gap:15px}.hero-copy{padding:16px 0}.hero h1{font-size:34px}.hero-visual{min-height:290px}.hero-facts{margin-top:23px}.type-grid{grid-template-columns:repeat(2,1fr)}.type-item{min-height:115px;padding:17px}.feature-story,.split,.theme-detail-hero,.studio-hero{grid-template-columns:1fr}.feature-art{min-height:300px}.feature-copy{padding:10px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.poster-body{padding:11px}.poster-body h3{font-size:15px}.poster-body p{font-size:12px}.ink-section h2{font-size:29px}.editorial-grid{grid-template-columns:1fr}.editorial-large{grid-column:auto}.duo{gap:10px}.duo>a{padding:18px}.theme-tiles{grid-template-columns:1fr}.theme-tiles .art{max-height:240px}.search-band,.tiny-services{flex-direction:column;align-items:stretch}.search-band form{flex:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:7px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;justify-content:space-around;background:white;border-top:1px solid #ddd4c8;padding:9px 4px max(9px,env(safe-area-inset-bottom));font-size:13px;font-weight:750}.mobile-bottom a{padding:4px 7px}.drawer-shade:not([hidden]){display:block;position:fixed;inset:0;background:#0009;z-index:40}.mobile-drawer{display:flex;flex-direction:column;gap:8px;position:fixed;right:0;top:0;bottom:0;background:#fffaf3;width:min(310px,85vw);z-index:41;padding:24px;transform:translateX(110%);transition:transform .2s}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer>a{font-weight:750;padding:12px 5px;border-bottom:1px solid var(--border)}.drawer-close{border:0;background:var(--yellow);border-radius:9px;padding:10px;align-self:end}.detail-hero{grid-template-columns:1fr}.detail-hero>div:first-child{max-width:280px;margin:auto;width:100%}.detail-layout,.about-layout{grid-template-columns:1fr}.detail-aside{position:static;order:-1}.aside-block{margin-bottom:10px}.theme-row{grid-template-columns:1fr;gap:14px}.theme-row.reverse>div:first-child{order:0}.studio-articles{grid-template-columns:1fr}.about-links{position:static;display:flex;overflow:auto}.about-links a{white-space:nowrap}.article-reading p{font-size:16px}.character-list{grid-template-columns:1fr}.crumbs{margin-bottom:20px}}
@media(max-width:390px){.container{width:calc(100% - 32px)}.hero h1{font-size:30px}.hero-visual{min-height:250px}.type-item strong{font-size:16px}.process-grid{grid-template-columns:1fr 1fr;gap:9px}.process-grid article{padding:12px}.duo{grid-template-columns:1fr}.brand small{font-size:7px}.detail-hero{padding:17px}.hero-facts{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* 新版布局补充：原有黄橙配色、图片尺寸与响应式断点保持不变 */
.reading-banner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:25px 30px;margin:20px 0 30px;background:linear-gradient(110deg,#fff0d7,#f5eee7);border-left:5px solid var(--orange);border-radius:15px}
.reading-banner h2{font-size:23px;margin:5px 0}.reading-banner p{max-width:760px;margin:0;font-size:14px}.reading-banner a{font-weight:800;color:#915013;white-space:nowrap}.turn-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.turn-list article{border:1px solid var(--border);background:#fff7eb;border-radius:13px;padding:18px}.turn-list small{color:#98602a;font-weight:800}.turn-list p{font-size:14px}
@media(max-width:760px){.reading-banner{flex-direction:column;align-items:start;padding:21px}.turn-list{grid-template-columns:1fr}}
