:root{--paper:#FFF9F1;--card:#fff;--apricot:#FFF1D2;--rose:#F9E8E6;--cinema:#19151C;--wine:#401B29;--winecard:#5C2738;--red:#A2243D;--bright:#C3324C;--redbutton:#751A32;--yellow:#F4C53E;--softyellow:#FFE6A0;--coral:#D98670;--green:#206E68;--bluegray:#6E9BB2;--lilac:#A895BC;--light:#F8F4F3;--lightbody:#E9DBDF;--heading:#292025;--body:#4A3C42}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--body);font:16px/1.78 system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}p{margin:.4rem 0 1rem}.container{width:min(1250px,calc(100% - 64px));margin:0 auto}.utility{background:var(--wine);color:var(--lightbody);font-size:12px}.utility-inner{min-height:30px;display:flex;justify-content:space-between;align-items:center;gap:12px}.site-header{background:#fffaf2;border-bottom:1px solid #efe1d0;position:relative;z-index:6}.main-nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;color:var(--heading);flex-shrink:0}.brand .logo{width:112px;max-height:45px;object-fit:contain}.brand b{font-size:23px;letter-spacing:.5px}.brand small{display:block;font-size:11px;color:#816470;line-height:1.2}.primary-nav{display:flex;align-items:center;gap:19px;font-size:14px;font-weight:700}.primary-nav a:hover,.topic-scroll a:hover{color:var(--red)}.nav-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.search-entry,.menu-toggle{border:1px solid #ead4be;background:white;color:var(--heading);padding:8px 12px;border-radius:9px;font-size:14px;min-height:44px}.menu-toggle{background:var(--redbutton);border-color:var(--redbutton);color:white}.topic-strip{background:var(--apricot);border-bottom:1px solid #efd9ac}.topic-scroll{display:flex;gap:29px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap;min-height:43px;font-size:14px;font-weight:650}.topic-scroll::-webkit-scrollbar{display:none}.drawer-overlay{position:fixed;inset:0;background:#1119;z-index:18}.drawer-overlay[hidden]{display:none}.site-drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,88vw);background:white;box-shadow:-12px 0 35px #1b101c45;z-index:19;transform:translateX(105%);transition:transform .22s ease;overflow-y:auto;padding:22px 25px}.site-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;font-size:23px}.drawer-head button{border:0;background:var(--apricot);height:44px;width:44px;border-radius:10px;font-size:30px}.drawer-content h2{font-size:16px;margin:25px 0 8px;border-bottom:1px solid #eadfdb;padding-bottom:5px;color:var(--red)}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 11px}.drawer-links a{font-size:14px;padding:7px 0}.hero{background:linear-gradient(116deg,#401b29,#641d32 72%,#19151c);border-radius:17px;color:var(--light);display:grid;grid-template-columns:44% 56%;overflow:hidden;min-height:355px}.hero-text{padding:40px 28px 38px 42px;align-self:center}.hero h1{font-size:clamp(28px,3.3vw,40px);line-height:1.25;margin:13px 0}.hero p{color:var(--lightbody);font-size:16px}.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:800;color:var(--red)}.hero .eyebrow,.dark-panel .eyebrow{color:var(--yellow)}.hero-visual{padding:25px;display:flex;align-items:center}.hero-visual img{width:100%;max-height:390px;object-fit:contain}.media-fallback{width:100%;min-height:135px;background:linear-gradient(135deg,#632b40,#2c1e2c);color:#fff4de;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;border-radius:10px;letter-spacing:.08em;font-size:20px;font-weight:800}.hero .media-fallback{height:290px;background:linear-gradient(145deg,#77213e,#341a29);border:1px solid #ffffff24}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:9px 18px;font-weight:800;font-size:14px;margin:8px 8px 0 0;background:var(--red);color:#fff}.btn:hover{color:white;background:var(--redbutton)}.btn.yellow{background:var(--yellow);color:var(--heading)}.btn.yellow:hover{background:#ffdd72;color:var(--heading)}.text-link,.reading-item a{color:var(--red);font-weight:700}.section{margin:55px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:20px}.section-heading h2{font-size:clamp(22px,2.2vw,27px);line-height:1.3;margin:3px 0}.section-heading p{font-size:14px;margin:4px 0}.section-heading>a{font-size:14px;color:var(--red);font-weight:700}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.work-card{background:#fff;border:1px solid #f0e3d9;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #2716220c}.work-visual{display:block;padding:10px;background:var(--rose)}.work-visual img{aspect-ratio:16/10;object-fit:contain;width:100%}.work-visual .media-fallback{min-height:150px}.work-info{padding:15px 17px 19px}.work-info h3{color:var(--heading);font-size:18px;line-height:1.4;margin:7px 0}.work-info p{font-size:14px;line-height:1.65;color:#65545c}.feature-split{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;background:#fff;padding:22px;border-radius:15px;align-items:center;border:1px solid #f1e4d8}.feature-split.reverse .feature-image{order:2}.feature-image img{width:100%;max-height:275px;object-fit:contain}.feature-image .media-fallback{min-height:235px}.feature-copy{padding:10px 15px}.feature-copy h2{color:var(--heading);font-size:26px;line-height:1.4;margin:4px 0 10px}.feature-copy p{line-height:1.77}.dark-panel{background:var(--cinema);color:var(--lightbody);border-radius:16px;padding:28px}.dark-panel h2,.dark-panel h3{color:var(--light)}.dark-panel .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dark-panel .work-card{color:var(--body)}.notes-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.note-card{background:var(--apricot);padding:24px;border-radius:14px;border-top:4px solid var(--yellow)}.note-card h3{margin:7px 0;color:var(--heading)}.page-heading{padding:43px 0 28px}.page-heading h1,.detail-heading h1{font-size:clamp(28px,3vw,38px);line-height:1.35;color:var(--heading);margin:8px 0}.page-heading p{max-width:750px}.longform{max-width:760px;font-size:17px;line-height:1.82}.longform p{margin:0 0 22px}.article-body{background:#fff;border:1px solid #eee0d5;padding:35px;border-radius:15px}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.reading-item{padding:22px;background:white;border-radius:13px;border:1px solid #ebdacf}.reading-item h3{line-height:1.42;font-size:18px;margin:10px 0;color:var(--heading)}.reading-item p{font-size:14px}.story-timeline{display:grid;gap:12px}.timeline-step{border-left:4px solid var(--yellow);background:white;padding:15px 20px;border-radius:0 10px 10px 0}.timeline-step h3{font-size:17px;margin:0;color:var(--heading)}.timeline-step p{font-size:14px;margin:3px 0}.category-chips{display:flex;flex-wrap:wrap;gap:9px}.category-chips a{border:1px solid #e8d2bf;background:var(--apricot);padding:9px 14px;border-radius:30px;font-size:14px}.status-label{display:inline-block;padding:5px 10px;background:var(--apricot);border-radius:6px;font-size:12px;font-weight:700;color:#60422b}.detail-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:26px;align-items:start}.detail-media img{width:100%;object-fit:contain;max-height:350px}.detail-media .media-fallback{min-height:270px}.detail-section h2{font-size:24px;color:var(--heading)}.episode-list{display:grid;gap:12px}.episode{background:white;border:1px solid #e9ded5;border-radius:12px;padding:16px}.episode h3{margin:0;font-size:17px}.episode p{font-size:14px}.muted{color:#796872}.search-form{display:flex;gap:10px;max-width:700px}.search-form input{flex:1;min-width:0;padding:13px;border:1px solid #dcbdb1;border-radius:10px;background:white}.search-form button{background:var(--redbutton);color:white;border:0;padding:11px 21px;border-radius:10px;min-height:44px}.result-section{margin-top:26px}.site-footer{margin-top:65px;background:var(--cinema);color:var(--lightbody);padding:50px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-grid strong{color:white;font-size:21px}.footer-grid strong span{display:block;font-size:11px;letter-spacing:2px;color:var(--yellow)}.footer-grid p{max-width:480px}.footer-grid small{color:#d1bbc3}.footer-grid h3{font-size:15px;color:var(--yellow);margin:0 0 14px}.footer-grid a{display:block;font-size:14px;margin:6px 0}.mobile-bottom{display:none}.error-view{padding:60px 0}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tag{background:var(--rose);border-radius:8px;padding:4px 10px;font-size:13px}video{width:100%;background:#111;max-height:70vh;border-radius:12px} .process-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.process-grid span{background:var(--apricot);border-radius:8px;padding:12px 5px;text-align:center;font-size:13px;color:var(--heading);font-weight:700}
@media(max-width:1080px){.primary-nav{display:none}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.container{width:min(1250px,calc(100% - 44px))}}@media(max-width:720px){.container{width:calc(100% - 34px)}.main-nav{min-height:65px}.brand b{font-size:20px}.brand small{font-size:10px}.search-entry{display:none}.hero{grid-template-columns:1fr}.hero-text{padding:26px 23px 9px}.hero-visual{padding:16px 18px 24px}.hero .media-fallback{height:190px}.hero h1{font-size:29px}.section{margin:33px 0}.section-heading{align-items:start}.work-grid,.dark-panel .work-grid,.reading-grid{grid-template-columns:1fr}.feature-split{grid-template-columns:1fr;padding:14px;gap:8px}.feature-split.reverse .feature-image{order:0}.feature-copy{padding:8px}.notes-row{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:25px}.site-footer{padding-bottom:100px}.mobile-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9;background:#fffdf7;border-top:1px solid #e6d5c3;padding:6px 5px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -2px 16px #2114211a}.mobile-bottom a{min-height:44px;min-width:55px;display:grid;place-items:center;font-size:13px;font-weight:750}.article-body{padding:21px}.search-form{flex-wrap:wrap}.search-form input{width:100%}.process-grid{grid-template-columns:repeat(4,1fr)}.utility-inner{font-size:10px}}