:root{--background:#F6FAF9;--paper:#FFFEFB;--surface:#fff;--soft:#EDF5F4;--cyan:#277E90;--deep:#1C6170;--coral:#D85E78;--grape:#6B5196;--orange:#D9963A;--mint:#4E987D;--ink:#263343;--body:#455465;--muted:#637283;--border:#DAE5E5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--background);font-family:system-ui,-apple-system,'PingFang SC','Microsoft Yahei',sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:var(--deep)}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.025em}h2{font-size:clamp(25px,3vw,36px)}h3{font-size:20px}p{color:var(--body)}.wrap{width:min(1340px,calc(100% - 64px));margin-inline:auto}.section{padding-block:64px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:10px;z-index:200;background:white}.site-head{position:sticky;top:0;background:rgba(255,254,251,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(14px);z-index:30}.head-inner{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;font-size:21px;line-height:1.2;font-weight:850;white-space:nowrap;letter-spacing:.02em}.brand small{display:block;font-size:9px;letter-spacing:.25em;color:var(--muted);margin-top:5px}.brand-mark{color:var(--coral);font-size:44px;margin-right:10px}.nav{display:flex;gap:clamp(12px,2vw,31px);margin-left:auto;align-items:center}.nav a{font-weight:650;font-size:14px;white-space:nowrap}.head-search{font-size:32px;color:var(--cyan)}.menu-button,.bottom-nav{display:none}.eyebrow{display:inline-block;color:var(--cyan);font-weight:800;letter-spacing:.13em;font-size:12px;text-transform:uppercase;margin-bottom:13px}.btn{background:var(--cyan);color:#fff;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cyan);padding:12px 24px;border-radius:12px;font-weight:700;min-height:46px}.btn:hover{background:var(--deep);color:white}.btn.ghost{background:white;color:var(--deep)}.btn.ghost:hover{background:#E2F2F3}.text-link{font-size:14px;color:var(--deep);font-weight:750}.hero{display:grid;grid-template-columns:42% 58%;min-height:460px;align-items:center;padding-top:40px}.hero-copy{padding:20px 42px 20px 0;z-index:1}.hero h1{font-size:clamp(35px,4vw,55px);letter-spacing:-.05em}.hero h1 em{font-style:normal;color:var(--coral)}.hero-copy>p{max-width:480px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:13px;margin-top:22px}.hero-art{min-height:410px;position:relative;background:radial-gradient(circle at 24% 20%,#F9DCE7,transparent 45%),radial-gradient(circle at 80% 75%,#BDECEB,transparent 45%),linear-gradient(140deg,#F6EAF9,#E7F5F7);border-radius:35px 90px 30px 85px;overflow:hidden;display:grid;place-items:center}.hero-art img,.hero-art .image-fallback{width:100%;height:100%;object-fit:cover}.hero-sticker{position:absolute;right:24px;bottom:24px;background:#fff;border-radius:50px;padding:7px 16px;color:var(--grape);font-size:13px;font-weight:800;box-shadow:0 10px 35px #2f45521a}.image-fallback{min-height:160px;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;color:#536978;background:repeating-linear-gradient(-35deg,#eaf3f2 0 14px,#f3f8f7 14px 29px);font-size:14px;font-weight:700}.hero-art .image-fallback{min-height:410px;background:transparent;font-size:24px;color:var(--grape)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.section-heading h2{margin:0}.section-heading>p{max-width:310px;margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-tile{position:relative;min-height:220px;background:#EFF7F6;border:1px solid #e1efec;padding:22px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.category-tile:nth-child(4n + 2){background:#F6EAF6}.category-tile:nth-child(4n + 3){background:#FCF1EB}.category-tile:nth-child(4n + 4){background:#E9F0FA}.tile-emoji{font-size:33px;margin-bottom:auto}.category-tile strong{font-size:21px;position:relative;z-index:1}.category-tile small{font-size:12px;color:var(--body);position:relative;z-index:1;max-width:85%}.category-image{position:absolute;inset:0;opacity:.19;pointer-events:none}.category-image img{width:100%;height:100%;object-fit:cover}.category-image .image-fallback{display:none}.arrow{position:absolute;right:20px;bottom:16px;font-size:22px;color:var(--cyan)}.featured-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:18px}.work-card{background:white;border:1px solid var(--border);border-radius:18px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:transform .2s}.work-card:hover{transform:translateY(-3px)}.poster{display:block;aspect-ratio:2/3;overflow:hidden;background:#eef4f4}.poster img,.poster .image-fallback{width:100%;height:100%;object-fit:cover}.card-body{padding:17px;flex:1}.card-body h3{font-size:19px;margin:0 0 8px}.card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.75}.card-body .eyebrow{font-size:10px}.split-spot{background:#E6F1EF;border-radius:25px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.spot-copy h2{max-width:480px}.spot-list{display:grid;gap:13px}.spot-list>a{display:flex;align-items:center;justify-content:space-between;padding:20px;background:white;border-radius:15px;font-size:19px}.spot-list>a span{color:var(--coral)}.horizontal-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wide-feature{display:grid;grid-template-columns:35% 65%;background:white;border:1px solid var(--border);overflow:hidden;border-radius:18px}.wide-visual img,.wide-visual .image-fallback{height:100%;width:100%;object-fit:cover}.wide-feature>div{padding:20px}.wide-feature h3{font-size:19px}.wide-feature p{font-size:13px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.editorial-grid>article,.topic{background:white;border:1px solid var(--border);padding:26px;border-radius:16px;min-height:240px}.editorial-index{color:var(--coral);font-size:24px;font-weight:900}.editorial-grid p{font-size:14px}.mystery-section{background:#24324D;color:white;padding:44px;border-radius:25px}.mystery-section h2,.mystery-section p{color:white}.clue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.clue-grid a{padding:24px;background:#344361;border:1px solid #4c6381;border-radius:14px}.clue-grid a:hover{color:white;background:#405576}.clue-grid a span,.clue-grid a small{font-size:12px;color:#c2d5e6}.colorful article:nth-child(1){background:#FFF6D9}.colorful article:nth-child(2){background:#F0EBF9}.colorful article:nth-child(3){background:#E5F6EB}.big-emoji{font-size:38px;color:var(--orange)}.character-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.character-strip>div{background:white;padding:24px;border-radius:16px;border:1px solid var(--border)}.avatar{display:grid;place-items:center;background:#F8E3EC;color:var(--coral);border-radius:50%;height:60px;width:60px;font-size:28px;margin-bottom:16px}.character-strip p{font-size:14px}.workshop{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center}.workshop ol{padding-left:26px}.workshop li{margin:8px 0}.workshop li span{display:block;color:var(--body);font-size:13px}.workshop-image img,.workshop-image .image-fallback{border-radius:22px;height:250px;width:100%;object-fit:cover}.topic{display:block;background:#F2F0FA}.topic:nth-child(2){background:#E9F5F4}.topic:nth-child(3){background:#FDF0E8}.topic span:last-child{font-size:13px;font-weight:750;color:var(--cyan)}.last-section{text-align:center;background:#E5F0F0;border-radius:22px;margin-bottom:60px}.last-links{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.last-links a{padding:12px 20px;border-radius:10px;background:white;font-weight:700}.site-footer{background:#1E3040;color:#F3FAFB;padding-top:50px}.site-footer p{color:#CBD8DE;max-width:600px}.foot-grid{display:flex;justify-content:space-between;gap:30px}.foot-grid>div:last-child{display:grid;grid-template-columns:repeat(2,auto);gap:8px 25px}.foot-end{padding:22px 0;margin-top:22px;border-top:1px solid #3a4b59;font-size:12px;color:#ced7df}.page-intro{background:linear-gradient(110deg,#E6F3F1,#FAEEF3);padding:55px;border-radius:24px;margin-bottom:30px}.page-intro h1{font-size:clamp(32px,4vw,49px)}.page-intro p{max-width:680px}.category-pills{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.category-pills a{padding:7px 14px;border:1px solid var(--border);background:white;border-radius:50px;font-size:13px}.category-pills .active,.category-pills a:hover{background:var(--cyan);color:white}.search-box{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:16px}.search-box label{display:grid;gap:6px;font-size:12px;font-weight:750}.search-box input,.search-box select{width:100%;min-height:46px;padding:8px 12px;border:1px solid #ccdadd;border-radius:9px;background:#fff;color:var(--ink)}.search-box button{align-self:end}.results-head{display:flex;justify-content:space-between;align-items:center;margin:32px 0 18px;gap:20px}.results-head h2{font-size:22px;margin:0}.results-head span,.hint{font-size:13px;color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards-grid .work-card{display:grid;grid-template-columns:34% 66%}.cards-grid .poster{height:100%;aspect-ratio:auto}.cards-grid .card-body p{-webkit-line-clamp:4}.pagination{display:flex;gap:8px;margin:25px 0;justify-content:center}.pagination a{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid var(--border)}.pagination a[aria-current]{background:var(--cyan);color:#fff}.empty{background:#fff;border:1px dashed #bad3d7;padding:60px 20px;border-radius:18px;text-align:center;margin-block:22px}.empty p{max-width:600px;margin-inline:auto}.breadcrumbs{font-size:13px;margin-bottom:24px;color:var(--muted)}.series-hero{display:grid;grid-template-columns:32% 1fr;gap:50px;align-items:center;background:#EAF3F1;padding:30px;border-radius:24px}.series-cover{max-width:330px}.series-cover img,.series-cover .image-fallback{border-radius:18px;width:100%;aspect-ratio:2/3;object-fit:cover}.series-intro h1{font-size:clamp(30px,4vw,52px)}.series-lede{font-size:18px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tags span{padding:6px 11px;background:#fff;border-radius:8px;font-size:12px}.local-tabs{position:sticky;top:76px;background:var(--background);padding:15px 4px;display:flex;flex-wrap:wrap;gap:19px;border-bottom:1px solid var(--border);z-index:9}.local-tabs a{font-size:14px;font-weight:700;color:var(--deep)}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:38px;padding-top:25px}.detail-block{padding:25px 0;border-bottom:1px solid var(--border)}.detail-block p{max-width:800px}.detail-block blockquote{border-left:4px solid var(--coral);margin:25px 0;padding:16px 24px;background:#FCEEF1;color:var(--ink)}.characters{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.characters article{background:#fff;border:1px solid var(--border);padding:25px;border-radius:16px}.detail-side{align-self:start;position:sticky;top:150px;background:#fff;border-radius:14px;padding:23px;border:1px solid var(--border)}.detail-side p{border-bottom:1px solid var(--border);font-size:13px;padding-bottom:15px}.detail-side strong,.detail-side span{display:block}.beats{padding-left:26px}.beats li{margin:14px 0;padding-left:9px}.worlds-layout{display:grid;gap:23px}.world-panel{display:grid;grid-template-columns:36% 1fr;background:white;border:1px solid var(--border);border-radius:20px;overflow:hidden;min-height:240px}.world-panel:nth-child(even){grid-template-columns:1fr 36%}.world-panel:nth-child(even) .world-art{order:2}.world-art img,.world-art .image-fallback{height:100%;width:100%;min-height:240px;object-fit:cover}.world-content{padding:25px 34px}.world-content p{font-size:14px}.world-links{display:flex;gap:8px;flex-wrap:wrap}.world-links a{background:#eaf5f5;color:var(--deep);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700}.calendar-board{text-align:center;padding:60px 20px;background:white;border-radius:22px;border:1px solid var(--border)}.calendar-board p{max-width:580px;margin-inline:auto}.calendar-symbol{font-size:60px;color:var(--coral)}.about-content{max-width:850px;margin-inline:auto}.about-content section{padding:20px 0;border-bottom:1px solid var(--border)}:focus-visible{outline:3px solid #C65D77;outline-offset:3px}@media(max-width:1100px){.nav{gap:12px}.nav a{font-size:12px}.featured-grid{grid-template-columns:repeat(2,1fr)}.horizontal-track{grid-template-columns:1fr}.wide-feature{grid-template-columns:140px 1fr}.workshop{grid-template-columns:1fr 1fr}.workshop-image{grid-column:1/-1}.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:calc(100% - 34px)}.section{padding-block:42px}.head-inner{height:68px}.brand{font-size:18px}.head-search{margin-left:auto}.menu-button{display:block;border:0;background:#E7F2F2;border-radius:9px;padding:7px 10px;order:3;font-size:13px}.nav{display:none;position:fixed;top:68px;left:0;right:0;padding:20px;background:white;box-shadow:0 15px 25px #0002;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:9px;font-size:16px}.nav-open::before{content:'';position:fixed;inset:68px 0 0;background:#0006;z-index:20}.head-search{order:2}.hero{grid-template-columns:1fr;padding-top:25px}.hero-copy{padding:0 0 26px}.hero-art{min-height:250px;border-radius:23px}.hero-art .image-fallback{min-height:250px}.hero h1{font-size:38px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{min-height:170px;padding:15px}.category-tile strong{font-size:17px}.category-tile small{font-size:11px}.featured-grid,.editorial-grid,.character-strip,.split-spot,.clue-grid,.workshop{grid-template-columns:1fr}.featured-grid{gap:12px}.split-spot,.mystery-section{padding:24px}.workshop-image{grid-column:auto}.search-box{grid-template-columns:1fr 1fr}.search-box label:first-child{grid-column:1/-1}.search-box button{grid-column:1/-1}.cards-grid{grid-template-columns:repeat(2,1fr)}.cards-grid .work-card{display:flex}.cards-grid .poster{aspect-ratio:2/3}.card-body{padding:12px}.card-body h3{font-size:16px}.card-body p{font-size:12px}.card-body .eyebrow{font-size:9px}.section-heading{align-items:start}.section-heading>p{display:none}.series-hero{grid-template-columns:1fr;gap:20px}.series-cover{max-width:250px}.detail-columns{grid-template-columns:1fr}.detail-side{position:static}.local-tabs{top:68px;gap:12px}.local-tabs a{font-size:12px}.world-panel,.world-panel:nth-child(even){grid-template-columns:1fr}.world-panel:nth-child(even) .world-art{order:0}.world-art img,.world-art .image-fallback{height:200px;min-height:200px}.world-content{padding:23px}.page-intro{padding:27px}.results-head{align-items:start;flex-direction:column}.foot-grid{display:block}.foot-grid>div:last-child{margin-top:20px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:#fff;border-top:1px solid var(--border);z-index:19;padding:9px 5px max(9px,env(safe-area-inset-bottom))}.bottom-nav a{font-size:12px;font-weight:750;color:var(--deep);padding:6px 12px}body{padding-bottom:52px}.site-footer{padding-bottom:25px}}@media(max-width:370px){.cards-grid{grid-template-columns:1fr}.category-tile{min-height:150px}.brand small{font-size:7px}.brand-mark{font-size:33px}.head-search{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}