:root{--ink:#080b0c;--ink-2:#0c1011;--ivory:#f2e8d5;--muted:#b9b4aa;--gold:#c9a76a;--red:#7c1f24;--line:rgba(201,167,106,.22);--serif:"Noto Serif SC","Songti SC",serif;--sans:"Noto Sans SC","Microsoft YaHei",sans-serif;--latin:"Cinzel",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);cursor:default}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 18px;background:var(--ivory);color:var(--ink)}.skip-link:focus{top:16px}
.landing-nav{position:fixed;z-index:30;inset:0 0 auto;height:78px;padding:0 clamp(24px,5vw,86px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.45s ease}.landing-nav.scrolled{height:68px;background:rgba(8,11,12,.76);border-color:var(--line);backdrop-filter:blur(20px)}
.landing-brand{display:flex;align-items:center;gap:13px}.landing-brand>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-family:var(--serif)}.landing-brand b{font:500 18px/1.1 var(--serif);letter-spacing:.16em}.landing-brand small{display:block;margin-top:5px;color:#9d9588;font:400 8px/1 var(--latin);letter-spacing:.2em}.landing-nav nav{display:flex;gap:clamp(22px,3vw,48px);font-size:14px;color:#d8d0c2}.landing-nav nav a{position:relative;padding:26px 0}.landing-nav nav a::after{content:"";position:absolute;left:50%;bottom:17px;width:0;height:1px;background:var(--gold);transition:.35s ease}.landing-nav nav a:hover::after,.landing-nav nav a.active::after{left:0;width:100%}.nav-actions{display:flex;gap:13px;align-items:center}.nav-search,.menu-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(10,13,14,.32);color:var(--ivory)}.menu-toggle{display:none;gap:4px}.menu-toggle i{width:15px;height:1px;background:currentColor}
.landing-hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero-visual{position:absolute;z-index:-3;inset:0;background:url('./assets/intro-shadow-opera-v2.webp') 64% center/cover no-repeat;animation:hero-breathe 9s ease-in-out infinite alternate}.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(7,10,11,.88) 28%,rgba(9,11,12,.34) 59%,rgba(8,10,11,.18) 100%),linear-gradient(0deg,rgba(5,7,8,.76),transparent 52%)}.hero-grain{position:absolute;z-index:-1;inset:0;opacity:.15;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.landing-hero::after{content:"";position:absolute;left:clamp(24px,7vw,120px);right:clamp(24px,7vw,120px);bottom:86px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(201,167,106,.08) 34%,transparent)}
.landing-hero-copy{margin-left:clamp(28px,9vw,155px);padding-top:40px;max-width:680px}.eyebrow{margin:0 0 22px;color:var(--gold);font:400 clamp(11px,1vw,14px)/1.4 var(--latin);letter-spacing:.34em}.landing-hero h1{margin:0;font:500 clamp(88px,10.7vw,190px)/.84 var(--serif);letter-spacing:.04em;text-shadow:0 18px 55px rgba(0,0,0,.34)}.hero-line{margin:30px 0 38px;font:400 clamp(18px,1.6vw,26px)/1.6 var(--serif);letter-spacing:.22em;color:#d9cfbd}.explore-pill{width:218px;height:58px;padding:0 10px 0 28px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(201,167,106,.68);border-radius:999px;background:linear-gradient(110deg,rgba(94,23,27,.84),rgba(124,31,36,.55));box-shadow:0 18px 48px rgba(0,0,0,.28);transition:.4s cubic-bezier(.2,.7,.2,1)}.explore-pill i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#17110b;font-style:normal;transition:.4s ease}.explore-pill:hover{transform:scale(1.025);background:linear-gradient(110deg,#7c1f24,#5e171b);box-shadow:0 0 30px rgba(201,167,106,.14)}.explore-pill:hover i{transform:translateX(3px)}.hero-aside{position:absolute;right:clamp(26px,6vw,100px);bottom:125px;text-align:right;border-right:1px solid var(--gold);padding-right:20px}.hero-aside span{color:var(--gold);font:10px/1 var(--latin);letter-spacing:.24em}.hero-aside p{margin:13px 0 0;color:#d4cab9;font:400 15px/1.8 var(--serif)}.hero-scroll{position:absolute;left:clamp(28px,9vw,155px);bottom:36px;display:flex;gap:14px;align-items:center;color:#8f8a81;font:9px/1 var(--latin);letter-spacing:.24em}.hero-scroll i{width:36px;height:1px;background:var(--gold)}
.portal-section{padding:130px clamp(24px,6vw,100px) 150px;background:linear-gradient(180deg,#0a0d0e,#0d1112)}.section-heading{max-width:1500px;margin:0 auto 54px;display:flex;justify-content:space-between;align-items:end}.section-heading p,.numbers-copy>p,.film-copy p{margin:0 0 16px;color:var(--gold);font:10px/1 var(--latin);letter-spacing:.28em}.section-heading h2,.numbers-copy h2{margin:0;font:500 clamp(34px,4vw,64px)/1.2 var(--serif)}.section-heading>span{color:#8f8b84;font-size:14px}.portal-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.portal-card{height:570px;position:relative;overflow:hidden;border:1px solid rgba(201,167,106,.16);border-radius:16px;background:#101314;isolation:isolate}.portal-card::before{content:"";position:absolute;z-index:-2;inset:0;background:var(--image) center/cover no-repeat;filter:saturate(.62) contrast(1.08) brightness(.62);transition:transform 1s cubic-bezier(.2,.65,.2,1),filter .8s ease}.portal-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(5,7,8,.96),rgba(6,9,10,.02) 70%)}.portal-card>span{position:absolute;top:24px;left:24px;color:var(--gold);font:12px/1 var(--latin)}.portal-card>div{position:absolute;left:28px;right:26px;bottom:36px;transition:transform .6s ease}.portal-card small{color:#b9a57f;font:9px/1.2 var(--latin);letter-spacing:.2em}.portal-card h3{margin:12px 0 0;font:500 34px/1.25 var(--serif)}.portal-card p{margin:15px 0 0;max-width:240px;color:#bab4aa;line-height:1.75;opacity:0;transform:translateY(12px);transition:.5s ease}.portal-card>i{position:absolute;right:25px;bottom:38px;color:var(--gold);font:normal 12px/1 var(--sans);opacity:0;transition:.5s ease}.portal-card:hover{border-color:rgba(201,167,106,.5)}.portal-card:hover::before{transform:scale(1.05);filter:saturate(.75) contrast(1.08) brightness(.82)}.portal-card:hover>div{transform:translateY(-42px)}.portal-card:hover p,.portal-card:hover>i{opacity:1;transform:none}
.numbers-section{padding:160px clamp(24px,8vw,140px);display:grid;grid-template-columns:.85fr 1.4fr;gap:90px;background:#080b0c;border-block:1px solid var(--line)}.numbers-copy h3{margin:20px 0 0;color:#8f8a81;font:400 20px/1.5 var(--serif);letter-spacing:.18em}.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.numbers-grid article{min-height:240px;padding:34px 28px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.numbers-grid strong{font:400 clamp(58px,6vw,104px)/1 var(--latin);color:var(--gold)}.numbers-grid span{color:#aaa49b;font-size:15px;line-height:1.7}
.film-section{height:min(72vw,760px);min-height:560px;margin:0;position:relative;overflow:hidden;isolation:isolate}.film-section video{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.1) brightness(.72)}.film-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(6,9,10,.88),rgba(6,9,10,.16)),linear-gradient(0deg,rgba(6,9,10,.5),transparent)}.film-copy{position:absolute;left:clamp(30px,9vw,155px);bottom:clamp(55px,10vw,140px);display:flex;align-items:center;gap:26px}.film-play{width:76px;height:76px;border:1px solid rgba(201,167,106,.72);border-radius:50%;background:rgba(8,11,12,.45);color:var(--gold);font:16px/1 var(--sans);backdrop-filter:blur(15px);cursor:pointer;transition:.4s ease}.film-play:hover{transform:scale(1.06);background:rgba(124,31,36,.6)}.film-copy h2{margin:0 0 12px;font:500 clamp(38px,5vw,76px)/1 var(--serif)}.film-copy span{color:#b9b4aa;font:16px/1.4 var(--serif);letter-spacing:.16em}.landing-footer{min-height:180px;padding:45px clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;background:#07090a;border-top:1px solid var(--line);color:#8e8980}.landing-footer p{letter-spacing:.16em}.landing-footer>a{color:var(--gold);font-size:13px}
.today-section{padding:130px clamp(24px,6vw,100px);background:#0b0f10}.random-button{border:1px solid var(--gold);background:transparent;color:var(--gold);padding:14px 22px;cursor:pointer}.today-card{max-width:1500px;min-height:560px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;border:1px solid var(--line);overflow:hidden}.today-image{background:center/cover no-repeat;filter:saturate(.68);transition:transform .8s}.today-copy{padding:clamp(35px,6vw,95px);display:flex;flex-direction:column;justify-content:center;background:#101414}.today-copy small{color:var(--gold);font-size:12px}.today-copy h3{font:500 clamp(38px,5vw,72px)/1.25 var(--serif);margin:18px 0}.today-copy p{color:#aaa49b;line-height:1.9}.today-copy span{color:var(--gold);margin-top:28px}.today-card:hover .today-image{transform:scale(1.035)}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.footer-links a:hover{color:var(--gold)}
.search-overlay{position:fixed;z-index:100;inset:0;padding:110px clamp(24px,9vw,160px);background:rgba(5,7,8,.96);backdrop-filter:blur(22px);display:none;overflow:auto}.search-overlay.open{display:block}.search-head{display:flex;align-items:center;gap:20px}.search-head input{flex:1;border:0;border-bottom:1px solid var(--gold);background:transparent;color:#fff;padding:20px 0;font:400 clamp(24px,4vw,58px) var(--serif);outline:0}.search-close{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:none;color:#fff}.search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}.search-item{padding:22px;border:1px solid rgba(255,255,255,.12)}.search-item small{color:var(--gold)}.search-item strong{display:block;font:500 21px var(--serif);margin-top:8px}.favorite-drawer{position:fixed;z-index:110;right:0;top:0;width:min(460px,100%);height:100%;padding:90px 32px 40px;background:#101314;box-shadow:-30px 0 80px rgba(0,0,0,.45);transform:translateX(105%);transition:.45s;overflow:auto}.favorite-drawer.open{transform:none}.favorite-drawer h2{font:500 38px var(--serif)}.favorite-drawer>a{display:block;padding:18px 0;border-top:1px solid var(--line)}.favorite-close{position:absolute;right:24px;top:24px;background:none;border:1px solid var(--line);color:#fff;width:40px;height:40px;border-radius:50%}
@keyframes hero-breathe{from{transform:scale(1.01)}to{transform:scale(1.045)}}
@media(max-width:1200px){.landing-nav nav{position:fixed;inset:66px 0 auto;padding:24px;background:rgba(8,11,12,.96);display:none;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.landing-nav.open nav{display:flex}.landing-nav nav a{padding:14px 0}.menu-toggle{display:grid}.portal-grid{grid-template-columns:repeat(2,1fr)}.portal-card{height:500px}.numbers-section{grid-template-columns:1fr;gap:60px}}
@media(max-width:760px){.landing-nav{height:66px;padding:0 18px}.nav-search{display:none}.landing-brand b{font-size:15px}.landing-hero{min-height:680px}.hero-visual{background-position:67% center}.hero-shade{background:linear-gradient(90deg,rgba(5,8,9,.94),rgba(8,10,11,.35)),linear-gradient(0deg,rgba(5,7,8,.82),transparent 70%)}.landing-hero-copy{margin:0 24px;padding-top:90px}.landing-hero h1{font-size:clamp(72px,25vw,112px)}.eyebrow{font-size:9px;letter-spacing:.18em}.hero-aside{display:none}.hero-scroll{left:24px}.portal-section{padding:85px 18px}.section-heading{display:block}.section-heading>span{display:block;margin-top:18px}.portal-grid{grid-template-columns:1fr 1fr;gap:10px}.portal-card{height:370px}.portal-card h3{font-size:25px}.portal-card p{display:none}.portal-card:hover>div{transform:none}.portal-card>i{display:none}.numbers-section{padding:90px 24px}.numbers-grid{grid-template-columns:1fr}.numbers-grid article{min-height:170px}.today-section{padding:85px 18px}.today-card{grid-template-columns:1fr}.today-image{min-height:390px}.film-section{min-height:520px}.film-copy{left:24px;right:24px;bottom:60px}.film-play{width:60px;height:60px;flex:0 0 auto}.search-results{grid-template-columns:1fr}.landing-footer{align-items:flex-start;gap:28px;flex-direction:column}}
@media(max-width:430px){.portal-grid{grid-template-columns:1fr}.portal-card{height:430px}.hero-line{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual{animation:none}.portal-card::before,.portal-card>div,.explore-pill{transition:none}}
.cursor-orbit{position:fixed;z-index:999;left:-5px;top:-5px;width:10px;height:10px;border:1px solid #c9a76a;border-radius:50%;background:rgba(201,167,106,.18);pointer-events:none;transition:width .25s ease,height .25s ease,left .25s ease,top .25s ease,background .25s ease;mix-blend-mode:difference}.cursor-orbit.active{left:-20px;top:-20px;width:40px;height:40px;background:rgba(201,167,106,.08)}.custom-cursor a,.custom-cursor button{cursor:none}@media(pointer:coarse){.cursor-orbit{display:none}}

/* 首页宣传片精选 */
.film-section{cursor:pointer}.film-section video{transition:opacity .28s ease,filter .5s ease,transform 1s ease}.film-section.changing video{opacity:.34;transform:scale(1.012)}
.film-copy{z-index:3;max-width:min(680px,58vw)}.film-copy p span{color:#d8c29b;letter-spacing:.14em}.film-copy h2{letter-spacing:.04em}.film-copy>div>span{display:block}
.film-watch{width:max-content;margin-top:24px;padding:12px 18px 12px 20px;display:flex;align-items:center;gap:22px;border:1px solid rgba(201,167,106,.48);border-radius:999px;background:rgba(8,11,12,.46);color:#e8dfcf;font-size:13px;letter-spacing:.12em;backdrop-filter:blur(10px);transition:.35s ease}.film-watch i{color:var(--gold);font-style:normal;transition:transform .35s ease}.film-watch:hover{border-color:rgba(201,167,106,.85);background:rgba(94,23,27,.7)}.film-watch:hover i{transform:translateX(4px)}
.film-arrow{position:absolute;z-index:4;top:50%;width:54px;height:54px;margin-top:-27px;border:1px solid rgba(201,167,106,.42);border-radius:50%;background:rgba(8,11,12,.46);color:#eadfca;font:300 32px/1 var(--serif);cursor:pointer;backdrop-filter:blur(12px);transition:.3s ease}.film-arrow:hover{border-color:rgba(201,167,106,.82);background:rgba(94,23,27,.58)}.film-prev{left:30px}.film-next{right:30px}
.film-selector{position:absolute;z-index:3;right:clamp(30px,5vw,90px);bottom:clamp(44px,6vw,82px);width:min(600px,44vw);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(201,167,106,.32)}.film-selector button{min-width:0;padding:17px 10px 12px;border:0;border-top:2px solid transparent;background:transparent;color:#8f8a81;text-align:left;cursor:pointer;transition:.3s ease}.film-selector b{display:block;margin-bottom:7px;color:#b89b6b;font:400 10px/1 var(--latin);letter-spacing:.16em}.film-selector span{font:400 13px/1.35 var(--serif);white-space:nowrap}.film-selector button:hover,.film-selector button.active{border-top-color:var(--gold);color:#f1e7d6;background:linear-gradient(180deg,rgba(201,167,106,.1),transparent)}
@media(max-width:1050px){.film-selector{right:30px;width:430px}.film-copy{max-width:48vw}.film-prev{left:16px}.film-next{right:16px}}
@media(max-width:760px){.film-section{min-height:690px}.film-copy{left:24px;right:24px;bottom:175px;max-width:none;align-items:flex-start}.film-copy h2{font-size:42px}.film-copy>div>span{font-size:14px;letter-spacing:.08em}.film-arrow{top:38%;width:44px;height:44px}.film-prev{left:14px}.film-next{right:14px}.film-selector{left:24px;right:24px;bottom:40px;width:auto;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:33.333%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.film-selector::-webkit-scrollbar{display:none}.film-selector button{padding-inline:8px;scroll-snap-align:start}.film-selector span{font-size:12px}}
@media(max-width:430px){.film-copy{gap:15px}.film-play{width:52px;height:52px}.film-copy h2{font-size:36px}.film-watch{margin-top:18px}.film-selector span{white-space:normal}}
@media(max-width:760px){.film-arrow{top:35%}.film-copy p{max-width:245px;font-size:8px;letter-spacing:.2em;white-space:nowrap}.film-copy p span{letter-spacing:.08em}.film-copy{bottom:168px}}