@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0a10;--panel:#19141f;--line:rgba(255,255,255,.12);--txt:#fcf6f6;--muted:#bcb3c2;--pink:#e9a5bf;--gold:#e3c49b;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.8 'Noto Sans SC',system-ui,sans-serif;overflow-x:hidden}body.drawer-open{overflow:hidden}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(39px,5.5vw,76px);letter-spacing:-.035em;line-height:1.18}h2{font-size:clamp(27px,3.2vw,43px);line-height:1.32;letter-spacing:-.025em}h3{font-size:21px;line-height:1.42}p{color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{height:78px;position:sticky;top:0;z-index:90;background:rgba(10,9,14,.84);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:19px;white-space:nowrap}.brand img{width:44px;height:44px;border-radius:12px;object-fit:contain}.nav{display:flex;gap:clamp(7px,1.5vw,24px);margin:auto}.nav a{font-size:14px;color:#c8c0cd;white-space:nowrap}.nav a.active,.nav a:hover{color:#f2b2c9}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.btn{border:1px solid var(--line);background:rgba(255,255,255,.055);color:#fff;border-radius:12px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;min-height:44px;white-space:nowrap}.btn-primary{background:linear-gradient(125deg,#f3b9cb,#deb18b);color:#231419;border:0;box-shadow:0 8px 35px #d978a62b}.btn:hover{transform:translateY(-2px)}.qr-wrap{position:relative;display:inline-flex}.qr-panel{position:absolute;left:50%;bottom:calc(100% + 13px);transform:translate(-50%,8px);opacity:0;pointer-events:none;transition:.22s;background:white;color:#292027;padding:10px 10px 6px;border-radius:15px;box-shadow:0 17px 40px #0008;z-index:120;min-width:154px;text-align:center;font-size:12px;line-height:1.5}.qr-panel img{display:block;width:134px;height:134px;object-fit:contain;margin:auto}.qr-down .qr-panel{top:calc(100% + 13px);bottom:auto}.qr-wrap:hover .qr-panel,.qr-wrap:focus-within .qr-panel{opacity:1;transform:translate(-50%,0);pointer-events:auto}.drawer-overlay{position:fixed;inset:0;background:#0009;opacity:0;visibility:hidden;transition:.25s;z-index:100}.drawer{position:fixed;right:0;top:0;height:100dvh;max-width:100%;width:390px;z-index:110;background:#1b1420;border-left:1px solid #ffffff18;transform:translateX(103%);transition:transform .35s;display:flex;flex-direction:column;padding:28px;overflow:auto}.drawer-open .drawer-overlay{opacity:1;visibility:visible}.drawer-open .drawer{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between}.close-drawer{background:none;border:0;color:#fff;font-size:32px}.drawer-links{display:grid;gap:8px;margin:30px 0}.drawer-links a{padding:13px 17px;border-radius:12px;background:#ffffff07;border:1px solid #ffffff0c}.drawer-links a.active{background:#ef9fb728;color:#ffcbdc;border-color:#eeabbd66}.drawer-bottom{margin-top:auto}.hero{position:relative;padding:clamp(72px,9vw,130px) 0 68px;overflow:hidden;background:radial-gradient(ellipse 56% 62% at 78% 40%,#7e354b65,transparent 72%),radial-gradient(ellipse 55% 65% at 8% 4%,#47324770,transparent),#100d14}.hero:after{content:'CINEMA · CONVERSATION · FEELING';position:absolute;bottom:10px;left:5%;font-size:clamp(18px,5.5vw,86px);font-weight:800;color:#ffffff06;white-space:nowrap;pointer-events:none;letter-spacing:.09em}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:5%}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--gold);text-transform:uppercase;margin-bottom:16px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#f6c8d7,#dfbb90);color:transparent;background-clip:text}.hero-lead{font-size:18px;max-width:540px;margin-bottom:27px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.outline-link{padding:10px 17px;border:1px solid #ffffff39;border-radius:12px;font-size:14px}.hero-visual{position:relative;min-width:0}.feature-screen{padding:11px;background:linear-gradient(150deg,#493044,#17121b);border:1px solid #a2788a80;border-radius:24px;box-shadow:0 35px 100px #0009;transform:rotate(1.5deg)}.feature-screen img{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:14px;background:#100d12;display:block}.screen-meta{padding:13px 10px 4px;display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#dccbd2}.floating-mark{position:absolute;top:-24px;right:-15px;padding:12px 20px;border-radius:45px;background:#f0bad1;color:#231621;font-weight:800;font-size:12px;letter-spacing:.12em;transform:rotate(9deg)}.hero-mini{display:flex;gap:12px;margin-top:22px}.hero-mini img{width:calc(33.333% - 8px);aspect-ratio:16/9;object-fit:contain;border:1px solid #ffffff23;border-radius:12px;background:#1b1720}.stat-band{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.stat-band div{border-right:1px solid var(--line);color:#cbbfc8}.stat-band strong{font-size:22px;display:block;color:#fff}.stat-band div:last-child{border:0}.section{padding:clamp(68px,7vw,110px) 0}.section.dark2{background:#121017}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:35px}.section-head p{max-width:560px}.pill-link{font-size:14px;border-bottom:1px solid var(--pink);padding-bottom:7px;color:#f9c4d6;white-space:nowrap}.editorial-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.editorial-card{padding:30px;min-height:265px;border-radius:20px;border:1px solid #ffffff1d;background:linear-gradient(130deg,#302230,#17141b);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.editorial-card:nth-child(2){background:linear-gradient(130deg,#423123,#1a151d)}.editorial-card:nth-child(3){background:linear-gradient(130deg,#303042,#1a151d)}.editorial-card:first-child{min-height:330px}.editorial-icon{position:absolute;top:20px;right:24px;font-size:58px;color:#f2c3d3;opacity:.64}.editorial-index{font-size:12px;color:var(--gold);letter-spacing:.18em}.editorial-card h3{font-size:clamp(23px,2.5vw,31px);margin:12px 0}.editorial-card p{margin:0}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.media-card{background:#19141d;border:1px solid #ffffff19;overflow:hidden;border-radius:18px;transition:transform .25s,border-color .25s}.media-card:hover{transform:translateY(-6px);border-color:#cc9ab766}.media-poster{position:relative;background:#0a090c;aspect-ratio:16/9;display:grid;place-items:center}.media-poster img{width:100%;height:100%;object-fit:contain;display:block}.media-poster b{position:absolute;top:12px;left:12px;background:#0b0911c9;border:1px solid #ffffff38;border-radius:6px;padding:3px 8px;font-size:11px}.media-content{padding:18px 20px}.media-content h3{margin-bottom:6px;font-size:18px}.media-content p{font-size:13px;margin:0}.story-strip{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:center}.story-strip .quote{font-family:serif;font-size:clamp(28px,3vw,44px);line-height:1.55;color:#f1d4d7}.story-strip .quote span{color:#e5b899}.story-strip .frame{padding:10px;border:1px solid #bb92ab77;background:#27202b;border-radius:22px}.story-strip img{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;border-radius:13px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit{padding:25px 22px;background:#ffffff08;border:1px solid #ffffff19;border-radius:18px}.benefit .ico{font-size:29px;color:var(--pink);margin-bottom:16px}.benefit h3{font-size:17px}.benefit p{font-size:13px;margin:0}.download-panel{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:clamp(30px,5vw,70px);border-radius:24px;background:radial-gradient(circle at 86% 40%,#cd729350,transparent 45%),linear-gradient(120deg,#3c2537,#1c151e);border:1px solid #e9abbd66}.download-panel p{margin:0}.download-panel h2{margin-bottom:12px}.faq-list{display:grid;gap:12px;max-width:900px}.faq-list details{border:1px solid #ffffff22;border-radius:14px;background:#ffffff08;padding:18px 22px}.faq-list summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:'+';font-size:24px;color:var(--pink);line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin:14px 0 0;font-size:14px}.inner-hero{padding:85px 0 70px;background:radial-gradient(circle at 85% 10%,#703b5670,transparent 45%),#19131c;border-bottom:1px solid var(--line)}.inner-hero h1{font-size:clamp(39px,5vw,65px);max-width:900px}.inner-hero p{font-size:18px;max-width:750px}.inner-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.inner-tags span{border-radius:20px;padding:6px 12px;background:#ffffff10;font-size:13px}.footer{background:#08070b;border-top:1px solid var(--line);padding:55px 0 28px}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:32px}.footer-links{display:flex;flex-wrap:wrap;align-content:start;gap:14px 23px;font-size:14px;color:#cfbfca}.foot-small{font-size:12px;margin-top:20px}.backtop{position:fixed;bottom:24px;right:22px;background:#eac1cf;color:#21141b;border:0;width:45px;height:45px;border-radius:50%;opacity:0;pointer-events:none;transition:.3s;z-index:30}.backtop.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(30px);transition:opacity .65s,transform .7s}.reveal.left{transform:translateX(-35px)}.reveal.right{transform:translateX(35px)}.reveal.scale{transform:scale(.96)}.reveal.visible{opacity:1;transform:none}@media(max-width:1090px){.nav{display:none}.header-actions{margin-left:auto}.editorial-grid{grid-template-columns:repeat(2,1fr)}.editorial-card:first-child{grid-row:span 2}.benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{width:calc(100% - 30px)}.site-header{height:66px}.brand{font-size:16px;gap:8px}.brand img{width:35px;height:35px}.header-actions{gap:7px}.header-actions .btn{padding:8px 10px;font-size:12px;min-height:38px}.hero{padding:56px 0}.hero-grid,.story-strip,.download-panel,.footer-inner{grid-template-columns:1fr}.hero-visual{margin-top:25px}.hero-lead{font-size:15px}.stat-band{gap:8px}.stat-band div{font-size:11px}.stat-band strong{font-size:15px}.section{padding:60px 0}.section-head{align-items:start}.section-head p{font-size:14px}.editorial-grid{grid-template-columns:1fr 1fr;gap:10px}.editorial-card,.editorial-card:first-child{min-height:220px;padding:19px}.editorial-card:first-child{grid-row:auto;grid-column:span 2}.editorial-card h3{font-size:21px}.editorial-card p{font-size:12px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-content{padding:11px}.media-content h3{font-size:14px}.media-content p{font-size:12px}.benefits{grid-template-columns:repeat(2,1fr);gap:10px}.benefit{padding:18px 14px}.benefit h3{font-size:15px}.benefit p{font-size:12px}.inner-hero{padding:59px 0}.drawer{width:100%}.floating-mark{right:0}.download-panel{gap:24px}.hero-mini{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Editorial accents: preserve original image proportions and add visual hierarchy */
.page-signature{background:radial-gradient(ellipse at 80% 50%,#5c33453d,transparent 70%),#120f16;border-top:1px solid #ffffff16}.signature-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);align-items:center;gap:5%;}.signature-grid h2{max-width:700px}.signature-grid p{max-width:640px;font-size:17px}.signature-art{min-height:235px;position:relative;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #ffffff1e;border-radius:30px;background:linear-gradient(120deg,#3e2635,#211a25 60%,#392b36);overflow:hidden}.signature-art span{font-size:clamp(30px,5vw,84px);color:#f3bed2a8;transform:rotate(-12deg)}.signature-art span:nth-child(2){color:#e4c79f;font-size:90px}.media-poster img,.feature-screen img,.hero-mini img,.frame img{object-fit:contain!important}.media-card{min-width:0}.media-poster{background:#100d13}@media(max-width:720px){.signature-grid{grid-template-columns:1fr}.signature-art{min-height:140px}.signature-art span{font-size:42px}.signature-art span:nth-child(2){font-size:58px}}

/* All data entries, complete images and unique editorial story strips */
.media-grid{align-items:stretch}.media-poster{aspect-ratio:16/9;background:linear-gradient(125deg,#211a23,#0e0c12)}.media-poster img{object-fit:contain!important;max-height:100%;max-width:100%}.poster-neutral{width:100%;height:100%;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;color:#cbb6c0;background:radial-gradient(circle at 50% 40%,#5c3650,#151019 65%)}.poster-neutral span{font-size:42px;color:#e9b1c6}.poster-neutral small{font-size:12px;letter-spacing:.15em}.story-strip{position:relative}.story-strip .frame{position:relative;overflow:hidden}.story-strip .frame::after{content:'DOUBAO / EDITORIAL';position:absolute;bottom:20px;left:22px;color:#fff9;font-size:10px;letter-spacing:.24em;text-shadow:0 2px 5px #000}.story-strip .quote{font-style:italic}.story-strip.story-layout-alt{grid-template-columns:1.12fr .88fr}.story-strip.story-layout-alt .frame{grid-column:1;grid-row:1}.story-strip.story-layout-alt .story-copy{grid-column:2;grid-row:1}.story-strip.story-layout-focus{grid-template-columns:1fr 1fr}.story-strip.story-layout-focus .frame{background:linear-gradient(130deg,#342636,#130f18);box-shadow:0 24px 65px #0006}.story-strip.story-layout-light{padding:28px;border-radius:25px;border:1px solid #ffffff18;background:linear-gradient(120deg,#281a27,#15131d)}.story-strip.story-layout-light .quote{color:#f3d8ce}@media(max-width:700px){.story-strip.story-layout-alt,.story-strip.story-layout-focus{grid-template-columns:1fr}.story-strip.story-layout-alt .frame,.story-strip.story-layout-alt .story-copy{grid-column:auto;grid-row:auto}.story-strip.story-layout-light{padding:17px}}

/* Category-specific media grouping; source data.js is unchanged */
.category-groups{display:block!important;width:100%;}
.media-group{margin:0 0 42px;min-width:0}.media-group:last-child{margin-bottom:0}
.group-heading{display:flex;align-items:center;gap:14px;margin:0 0 19px;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.12)}
.group-heading h3{margin:0;font-size:clamp(1.28rem,2.5vw,1.85rem);letter-spacing:.03em}
.group-mark{color:#e3c49b;font-size:1.5rem}.group-count{margin-left:auto;color:#c5afbd;font-size:.85rem}
.group-grid{width:100%}.media-group .media-poster img{width:100%;height:100%;object-fit:contain!important}
@media(max-width:650px){.media-group{margin-bottom:32px}.group-heading{gap:9px}.group-count{font-size:.74rem}}