:root{--background:#F6FAF9;--paper:#FFFEFB;--surface:#fff;--surface-soft:#EDF5F4;--cyan:#277E90;--cyan-deep:#1C6170;--cyan-soft:#E2F2F3;--coral:#D85E78;--coral-soft:#FAE7EC;--grape:#6B5196;--grape-soft:#F0EBF8;--orange:#D9963A;--mint:#4E987D;--ink:#263343;--body:#455465;--muted:#6A7887;--border:#DAE5E5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--body);background:var(--background);font-family:system-ui,-apple-system,'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan-deep)}h1,h2,h3{color:var(--ink);line-height:1.35;margin:.3em 0 .65em}h1{font-size:clamp(30px,4vw,46px)}h2{font-size:clamp(24px,2.7vw,30px)}h3{font-size:19px}p{margin:.7em 0 1.25em}img{max-width:100%;display:block;object-fit:cover}.container{width:min(1340px,calc(100% - 64px));margin-inline:auto}.section{padding-top:65px;padding-bottom:65px}.site-header{position:sticky;z-index:30;top:0;background:rgba(255,254,251,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}.header-inner{max-width:1340px;margin:auto;padding:0 30px;height:76px;display:flex;align-items:center;gap:32px}.brand{font-size:22px;font-weight:800;white-space:nowrap;color:var(--cyan-deep)}.main-nav{display:flex;align-items:center;gap:clamp(12px,2vw,30px);margin:auto;font-size:14px;font-weight:650}.main-nav a:hover{color:var(--coral)}.header-search{border:1px solid var(--border);border-radius:40px;padding:7px 16px;font-size:14px}.mobile-toggle{display:none}.eyebrow,.section-heading>span{display:block;color:var(--cyan);font-weight:800;font-size:12px;letter-spacing:.18em}.hero{min-height:410px;display:grid;grid-template-columns:42% 58%;align-items:center;gap:10px;padding-top:50px;padding-bottom:52px}.hero h1{font-weight:850;line-height:1.22}.hero h1 em{font-style:normal;color:var(--coral)}.hero p{max-width:470px}.btn{background:var(--cyan-deep);color:#fff!important;border:0;border-radius:12px;padding:11px 22px;display:inline-block;cursor:pointer;font-size:15px;font-weight:700;min-height:44px}.btn:hover{background:#124853}.text-link{color:var(--cyan-deep);font-weight:700;margin-left:16px}.hero-art{width:100%;height:370px;border-radius:25px;background:linear-gradient(145deg,#d4edef,#f6d5e1 55%,#eee2f7);}.image-fallback{display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--grape);background:linear-gradient(135deg,#dff3f4,#f9e1e9 52%,#eee8fb);font-size:clamp(16px,2vw,24px);font-weight:800;border:1px dashed rgba(39,126,144,.22);overflow-wrap:anywhere}.section-heading{max-width:800px;margin-bottom:25px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-tile{position:relative;overflow:hidden;background:#fff;border-radius:18px;border:1px solid var(--border);transition:transform .2s}.category-tile:hover,.poster-card:hover{transform:translateY(-3px)}.category-image{height:130px;width:100%;border-radius:0;font-size:16px}.category-tile>div:last-child{padding:14px 18px 19px}.category-tile h3{margin:4px 0}.category-tile p{font-size:13px;margin:0;line-height:1.7}.tile-1{margin-top:18px}.tile-2{margin-top:7px}.tile-3{margin-top:24px}.feature-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:16px}.poster-card{display:block;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .2s;min-width:0}.poster-art{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:0;background:#e7eff3}.poster-copy{padding:16px}.poster-copy small{color:var(--cyan);font-weight:700}.poster-copy p{font-size:13px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.status{display:inline-block;border-radius:6px;background:var(--coral-soft);padding:4px 8px;color:#9b3c54;font-size:12px;font-weight:700}.wide-band{background:#e8f2f0;padding:44px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split-art{width:100%;aspect-ratio:16/9;border-radius:22px}.reverse>div:first-child{order:2}.reverse>.split-art{order:1}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clue-grid,.topics-grid,.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.clue-grid>a,.topics-grid>a,.character-grid>a,.character-grid>div{display:block;padding:25px;border:1px solid var(--border);background:#fff;border-radius:16px}.clue-grid>a:nth-child(2){background:#e9e9f6}.clue-grid>a:nth-child(3){background:#fbeee8}.wander{text-align:center;background:linear-gradient(130deg,#e4f0f1,#f8e5ef);border-radius:25px;margin-bottom:70px}.quick-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.quick-links a,.pill{border:1px solid var(--border);background:#fff;padding:8px 14px;border-radius:30px;font-size:14px}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}.pill.active,.pagination .active{background:var(--cyan-deep);color:#fff}.library-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px}.filters{padding:22px;background:#fff;border-radius:17px;border:1px solid var(--border);height:max-content}.filters label{display:block;font-weight:700;font-size:13px;margin:14px 0 4px}.filters input,.filters select{display:block;width:100%;padding:11px;border:1px solid #cbd9db;border-radius:9px;background:white;min-width:0}.filters .btn{margin-top:20px;width:100%}.reset{display:block;text-align:center;font-size:13px;margin-top:8px}.result-line{padding:0 0 17px;color:var(--muted)}.pagination{display:flex;gap:8px;justify-content:center;padding:28px 0}.pagination a{border:1px solid var(--border);border-radius:7px;padding:5px 13px}.empty{padding:44px;background:white;border-radius:16px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:25px}.series-hero{display:grid;grid-template-columns:300px minmax(0,1fr);gap:38px;padding:30px;background:#fff;border:1px solid var(--border);border-radius:20px}.series-poster{width:100%;aspect-ratio:2/3;border-radius:13px}.fact-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.fact-list span{background:var(--surface-soft);padding:5px 12px;border-radius:6px;font-size:13px}.anchor-nav{position:sticky;top:76px;z-index:10;display:flex;flex-wrap:wrap;gap:18px;padding:12px 16px;background:#f6faf9ee;border-bottom:1px solid var(--border);margin:22px 0}.anchor-nav a{font-size:14px;color:var(--cyan-deep)}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.detail-panel{background:#fff;border:1px solid var(--border);padding:30px;border-radius:18px;margin-bottom:24px;scroll-margin-top:145px}.detail-panel li{padding:6px 0}.note{color:var(--muted);font-size:13px}.screening{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.screening-panel{background:var(--ink);color:white;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px;border-radius:18px}.screening-panel h2{color:white}.screening-panel>span{font-size:45px}.screening-panel p{max-width:520px}.screening-notes,.calendar-layout aside{background:#fff;padding:30px;border-radius:18px;border:1px solid var(--border)}.world-feature{display:grid;grid-template-columns:40% 60%;gap:28px;align-items:center;padding:30px 25px 30px 0;border-bottom:1px solid var(--border)}.world-art{aspect-ratio:16/10;width:100%;border-radius:18px}.world-feature:nth-of-type(even)>div:first-child{order:2}.world-feature:nth-of-type(even)>div:last-child{order:1}.mini-links{display:flex;flex-wrap:wrap;gap:9px}.mini-links a{font-size:14px;padding:5px 12px;border:1px solid var(--border);border-radius:20px;background:white}.calendar-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.calendar-empty{text-align:center;padding:60px 35px;background:linear-gradient(120deg,#e1f2f5,#f9e5ec);border-radius:20px}.calendar-empty>span{font-size:56px}.about{max-width:900px}.about h2{margin-top:38px}.footer{background:var(--ink);color:#dce5e9;margin-top:35px;padding:42px 0}.footer strong{color:white}.footer-content{display:flex;justify-content:space-between;gap:30px}.footer-content>div:last-child{display:flex;flex-wrap:wrap;gap:20px}.mobile-bottom{display:none}@media(max-width:1100px){.main-nav{gap:10px}.header-inner{gap:15px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.container{width:calc(100% - 34px)}.header-inner{padding:0 17px;height:68px}.mobile-toggle{display:block;margin-left:auto;background:none;border:0;font-size:24px;cursor:pointer;min-width:44px;min-height:44px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;box-shadow:0 14px 24px #11223322;flex-direction:column;align-items:stretch;padding:16px 24px;gap:0}.main-nav.open{display:flex}.main-nav a{padding:11px}.menu-open{overflow:hidden}.header-search{padding:7px 10px}.hero,.split,.reverse,.series-hero,.screening,.calendar-layout,.detail-columns,.world-feature,.library-layout{grid-template-columns:1fr}.hero{padding-top:38px}.hero-art{height:260px}.reverse>div:first-child,.reverse>.split-art,.world-feature:nth-of-type(even)>div:first-child,.world-feature:nth-of-type(even)>div:last-child{order:initial}.cards-grid,.clue-grid,.character-grid,.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{margin-top:0}.section{padding-top:40px;padding-bottom:40px}.series-hero{padding:18px}.series-poster{max-width:350px}.anchor-nav{top:68px}.footer{padding-bottom:75px}.footer-content{display:block}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:24;justify-content:space-around;background:#fff;border-top:1px solid var(--border);height:60px;align-items:center}.mobile-bottom a{font-size:13px;font-weight:700;min-width:44px;text-align:center}.world-feature{padding:20px 0}}@media(max-width:480px){.cards-grid,.clue-grid,.topics-grid,.character-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-image{height:100px}.category-tile>div:last-child{padding:12px}.category-tile h3{font-size:15px}.category-tile p{font-size:12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.poster-copy{padding:11px}.poster-copy h3{font-size:15px}.poster-copy p{font-size:12px}.hero h1{font-size:30px}.btn{padding:10px 14px}.screening-panel{aspect-ratio:auto;min-height:280px}.footer-content>div:last-child{gap:8px}}