/* 第十套首屏：战场、图片题字、实时焰火与原片独立分层。 */
.grand-hero{height:clamp(780px,calc(100vh - 76px),1060px);height:clamp(780px,calc(100svh - 76px),1060px);min-height:780px;aspect-ratio:auto;background:#260608;--scene-x:0px;--scene-y:0px}
.grand-hero .hero-media{overflow:hidden}
.grand-hero .hero-media img{object-fit:cover;object-position:center;transform:translate(var(--scene-x),var(--scene-y)) scale(1.035);will-change:transform}
.grand-hero .hero-media:after{display:none}
.hero-depth{position:absolute;inset:0;background:linear-gradient(0deg,#30070c 1%,#30070cea 9%,#24050b44 24%,transparent 49%),linear-gradient(180deg,#21020770,transparent 20%);pointer-events:none}
.grand-hero .hero-corners{inset:20px 23px 28px;border:0;border-top:1px solid #d9a45833;z-index:5}
.grand-hero .hero-corners:before,.grand-hero .hero-corners:after{width:85px;height:34px;border-color:#eac58499;top:0;bottom:auto}
.grand-hero .hero-corners:after{right:0;border-top:2px solid;border-right:2px solid;border-bottom:0}
.hero-composition{position:absolute;z-index:4;left:50%;top:12%;width:min(690px,48vw,calc((100vh - 76px)*.7));width:min(690px,48vw,calc((100svh - 76px)*.7));transform:translateX(-50%);text-align:center}
.hero-edition{display:flex;align-items:center;justify-content:center;gap:20px;color:#f3d6a0;font:13px KaiTi,serif;letter-spacing:.4em;text-shadow:0 2px 10px #290408}
.hero-edition b{font-weight:400;white-space:nowrap}.hero-edition>span{height:1px;width:64px;background:linear-gradient(90deg,transparent,#d5ae66)}.hero-edition>span:last-child{transform:rotate(180deg)}
.hero-title{position:relative;width:112%;margin:18px 0 0 -6%;isolation:isolate;filter:drop-shadow(0 8px 8px #1e020dcc)}
.hero-title img{width:100%;height:auto;position:relative;z-index:1}
.title-shine{position:absolute;inset:0;z-index:2;pointer-events:none;visibility:hidden;mask:var(--hero-title-mask,linear-gradient(transparent,transparent)) center/contain no-repeat;-webkit-mask:var(--hero-title-mask,linear-gradient(transparent,transparent)) center/contain no-repeat;background:linear-gradient(112deg,transparent 43%,#fff0b49c 49%,#fffdece0 50%,transparent 57%) 170% 0/300% 100% no-repeat;mix-blend-mode:screen;animation:title-forged-shine 7s ease-in-out infinite}
@keyframes title-forged-shine{0%,30%{background-position:180% 0;opacity:0}33%{opacity:.9}68%{background-position:-70% 0;opacity:.6}72%,100%{background-position:-70% 0;opacity:0}}
.hero-proclamation{position:relative;width:112%;margin:-4% -6% -4%;filter:drop-shadow(0 2px 5px #240306)}
.hero-proclamation img{width:100%;height:auto}
.hero-film-trigger{display:inline-flex;align-items:center;justify-content:center;gap:16px;text-align:left;color:#ffedc7;font:17px KaiTi,serif;letter-spacing:.12em;padding:8px 16px;background:linear-gradient(90deg,transparent,#2d0709a6,transparent);transition:color .25s,transform .25s}
.hero-film-trigger small{display:block;margin-top:8px;font:9px 'Microsoft YaHei',sans-serif;letter-spacing:.14em;color:#d6b187}.hero-film-trigger>i{font:19px Georgia;color:#d5ab61;font-style:normal;margin-left:12px}.hero-film-trigger:hover{color:#fff7db;transform:translateY(-3px)}
.film-play{display:grid;place-items:center;width:54px;height:54px;border:1px solid #edbc63;outline:1px solid #d8a35444;outline-offset:5px;background:linear-gradient(140deg,#ad482666,#3b0a0dc2);border-radius:50%;font:29px Georgia;color:#ffdda1;text-indent:3px;box-shadow:inset 0 0 15px #ffb12620,0 0 20px #ff801517;transition:.3s}.hero-film-trigger:hover .film-play{box-shadow:0 0 24px #ff961c77;border-color:#ffe9b2}
.hero-bottom{position:absolute;z-index:5;bottom:22px;left:50%;transform:translateX(-50%);width:min(1020px,calc(100% - 240px))}
.grand-hero .hero-entries{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px;width:100%;margin:0;padding:0;border:0}
.hero-gate{position:relative;display:flex;align-items:center;gap:19px;min-height:96px;padding:18px 23px;background:linear-gradient(120deg,#5f2019f2,#350a0ff5);border:1px solid #ce9c51;box-shadow:inset 0 0 0 4px #26070b,inset 0 0 0 5px #a2723838,0 8px 25px #17000766;transition:.3s;overflow:hidden;color:#ffdfa0}
.hero-gate:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffe5a637 49%,transparent 70%);transform:translateX(-130%);transition:transform .65s;pointer-events:none}
.hero-gate:hover:after{transform:translateX(130%)}.hero-gate:hover{transform:translateY(-4px);border-color:#ffe6a6;box-shadow:inset 0 0 0 4px #26070b,0 0 25px #ed9c302b}
.hero-gate strong{display:block;font:29px KaiTi,serif;letter-spacing:.17em;color:inherit;font-weight:600}.hero-gate small{display:block;font-size:10px;letter-spacing:.2em;color:#caab8d;margin-top:3px}.hero-gate>b{font:20px Georgia;margin-left:auto;color:#d9aa6b}
.gate-seal{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;font:28px KaiTi,serif;color:#eac179;border:1px solid #a66d36;background:#25070b80;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}
.gate-primary{background:linear-gradient(120deg,#d29942,#ffdf95 45%,#d8a750);color:#462009;border-color:#ffe6a4;box-shadow:inset 0 0 0 4px #4c230d,inset 0 0 0 5px #efcf84,0 0 32px #ff910b29}
.gate-primary .gate-seal{color:#ffdfa5;border-color:#a6742e;background:#502307}.gate-primary small{color:#69421a}.gate-primary>b{color:#633c14}.gate-primary:hover{box-shadow:inset 0 0 0 4px #4c230d,0 0 32px #ffbf4144}
.hero-pledge{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px;font:14px KaiTi,serif;letter-spacing:.2em;color:#dbb47b}.hero-pledge>i{font:7px Georgia;color:#8d592f}.hero-pledge>a{position:absolute;right:0;color:#dfc093;font:10px 'Microsoft YaHei',sans-serif;letter-spacing:.1em}.hero-pledge>a b{margin-left:10px;display:inline-block;font:19px Georgia;animation:arrow 2s infinite}
body[data-page=home] .site-header{background:linear-gradient(#2c080b,#3d1010);box-shadow:none;border-color:#b4854699}body[data-page=home] .ember-rail{background:linear-gradient(140deg,#451810ed,#23070aee);border-color:#a57a45;box-shadow:0 8px 28px #20030844}
body[data-page=home] .introduction{border-top:1px solid #b880453d;padding-top:68px}
.film-dialog{width:min(1200px,94vw);padding:0;background:#23070b;color:#ffe3a8;border:1px solid #bd914f;max-height:94vh;max-height:94dvh;box-shadow:0 0 0 5px #350b0d,0 30px 100px #000a}
.film-dialog>header{padding:18px 25px;background:linear-gradient(110deg,#50150f,#27070b);position:relative}.film-dialog>header p{font-size:10px;letter-spacing:.2em;color:#be9a6e}.film-dialog h2{font-size:27px;letter-spacing:.15em}.film-dialog .dialog-close{top:18px;right:18px}.film-screen{background:#0b0103;line-height:0}.film-video{width:100%;max-height:calc(90vh - 96px);max-height:calc(90dvh - 96px);aspect-ratio:16/9;object-fit:contain}.film-dialog::backdrop{background:#100006e6;backdrop-filter:blur(5px)}.film-fallback{padding:24px}.film-fallback a{color:#ffe4ac;text-decoration:underline}.hero-out-of-view .grand-hero *,.hero-out-of-view .grand-hero *:before,.hero-out-of-view .grand-hero *:after{animation-play-state:paused!important}
@media(min-width:1700px){.hero-composition{width:760px;top:11%}.hero-bottom{width:1120px;bottom:32px}.hero-gate{min-height:109px;padding-inline:30px}.hero-gate strong{font-size:33px}.hero-pledge{margin-top:30px}}
@media(min-width:761px) and (max-width:1150px){.grand-hero{height:800px}.hero-composition{width:58vw;top:14%;left:46%}.hero-bottom{left:46%;width:calc(100% - 160px)}.hero-gate{padding:17px 16px;gap:12px}.hero-gate strong{font-size:25px}.gate-seal{width:32px;height:37px;font-size:24px}.hero-pledge{justify-content:flex-start}.hero-gate>b{display:none}}
@media(max-width:760px){.grand-hero{height:780px;min-height:780px}.grand-hero .hero-media img{object-position:57% center;object-fit:cover;opacity:.93}.hero-depth{background:linear-gradient(0deg,#30070c 3%,#30070cee 15%,#2e050e88 35%,#29030830 60%,#22040890),linear-gradient(90deg,#31080911,#31080966 50%,transparent)}.grand-hero .hero-corners{inset:14px 13px 18px}.grand-hero .hero-corners:before,.grand-hero .hero-corners:after{width:40px;height:25px}.hero-composition{top:80px;width:90%;left:50%}.hero-edition{font-size:11px;gap:13px;letter-spacing:.27em}.hero-edition>span{width:40px}.hero-title{width:112%;margin:30px -6% 0}.hero-proclamation{width:110%;margin:8px -5% 9px}.hero-film-trigger{gap:15px;font-size:17px;padding:12px}.hero-film-trigger small{font-size:9px}.film-play{width:46px;height:46px;font-size:25px}.hero-bottom{width:calc(100% - 34px);bottom:28px}.grand-hero .hero-entries{grid-template-columns:1fr 1fr;gap:10px}.hero-gate{min-height:77px;gap:13px;padding:15px}.hero-gate strong{font-size:24px;letter-spacing:.13em}.hero-gate small{font-size:9px;letter-spacing:.1em}.hero-gate:not(.gate-primary) .gate-seal{display:none}.hero-gate>b{font-size:17px}.hero-gate.gate-primary{grid-column:1/-1;min-height:85px;justify-content:center}.gate-primary strong{font-size:30px}.gate-primary small{font-size:10px}.gate-primary>b{position:absolute;right:23px}.hero-pledge{gap:14px;font-size:12px;letter-spacing:.14em;margin-top:22px}.hero-pledge>a{display:none}body[data-page=home] .introduction{padding-top:38px}.film-dialog>header{padding:16px 18px}.film-dialog h2{font-size:24px}}
@media(min-width:500px) and (max-width:760px){.hero-composition{width:70%;top:63px}.hero-bottom{width:85%}}
@media(max-width:760px){.grand-hero .hero-media{height:330px;mask-image:linear-gradient(#000 60%,transparent);-webkit-mask-image:linear-gradient(#000 60%,transparent)}.grand-hero .hero-media img{object-position:center;opacity:1}.hero-depth{background:linear-gradient(0deg,#30070c 3%,transparent 35%,transparent 80%,#22040850)}.hero-composition{top:40px}.hero-title{width:108%;margin:75px -4% 0}.hero-proclamation{width:103%;margin:5px -1.5% 6px}.grand-hero{background:radial-gradient(ellipse at 50% 43%,#5c1913,#2d060b 70%)}}
@media(min-width:1700px){.hero-composition{width:min(760px,calc((100vh - 76px)*.72));width:min(760px,calc((100svh - 76px)*.72));top:8.5%}}
@media(min-width:761px) and (max-width:1150px){.hero-composition{width:min(58vw,570px);top:11%}}
.hero-actors{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .55s;pointer-events:none}.actors-ready .hero-actors{opacity:1}.grand-hero.actors-ready .hero-poster{opacity:0}.hero-out-of-view .hero-actors{will-change:auto}
.hero-title{--title-lift:0px;--title-glow:.22;transform:translateY(var(--title-lift));filter:drop-shadow(0 8px 8px #1e020dcc) drop-shadow(0 0 14px rgb(255 113 13 / var(--title-glow)));will-change:transform}
.hero-title:before{content:none;position:absolute;inset:-2px;z-index:0;pointer-events:none;mask:var(--hero-title-mask,linear-gradient(transparent,transparent)) center/contain no-repeat;-webkit-mask:var(--hero-title-mask,linear-gradient(transparent,transparent)) center/contain no-repeat;background:linear-gradient(0deg,#fc6921 5%,#ffac2480 45%,#ffe6a7cc 65%,#ff531000 100%);filter:blur(2px);transform:scale(1.017,1.05);opacity:.7;animation:forged-gold-edge 2.4s ease-in-out infinite}
.hero-title.title-art-ready:before{content:''}.title-art-ready>.title-shine{visibility:visible}
.title-particles{position:absolute;z-index:3;left:-50px;top:-50px;width:calc(100% + 100px);height:calc(100% + 100px);pointer-events:none}
.grand-hero .title-shine{animation-duration:4.6s;background-image:linear-gradient(112deg,transparent 40%,#ffb62b35 46%,#fff1c4dd 49%,#fffef2 50%,#ffd06570 53%,transparent 59%)}
@keyframes forged-gold-edge{0%,100%{opacity:.5;transform:scale(1.012,1.035)}45%{opacity:.95;transform:scale(1.018,1.07)}70%{opacity:.68;transform:scale(1.016,1.045)}}
/* Dark lacquer and larger ivory labels keep the quick links legible over fire. */
.ember-rail,body[data-page=home] .ember-rail{right:16px;width:110px;padding:8px;background:linear-gradient(120deg,#3c110c,#170507);border:1px solid #d3aa68;box-shadow:inset 0 0 0 3px #1e0708,0 8px 28px #0c010899;color:#fff2cb}
.ember-rail .rail-title{font:600 19px/2.3 KaiTi,serif;letter-spacing:.04em;color:#ffe4a0;text-shadow:0 2px 2px #000}
.ember-rail>a,.ember-rail>button{min-height:69px;padding:9px 2px;font:600 14px/1.65 'Microsoft YaHei','PingFang SC',sans-serif;color:#fff1cc;border-top:1px solid #b38b4c80;text-shadow:0 1px 2px #160000}
.ember-rail b{font:29px/1.2 KaiTi,serif;color:#ffdc8c;margin-bottom:4px}
.ember-rail>a:hover,.ember-rail>button:hover,.ember-rail>a:focus-visible,.ember-rail>button:focus-visible{color:#fff9e8;background:linear-gradient(100deg,#814018,#54200e);box-shadow:inset 3px 0 #ffe7a3,inset 0 0 15px #ffb72914}
.ember-rail .back-top{min-height:34px;padding:1px;font-size:24px}
@media(min-width:1700px){.ember-rail,body[data-page=home] .ember-rail{right:22px;width:122px}.ember-rail>a,.ember-rail>button{font-size:15px;min-height:73px;padding:10px 2px}.ember-rail .rail-title{font-size:20px}}
@media(min-width:761px) and (max-height:750px){.ember-rail,body[data-page=home] .ember-rail{top:50%;transform:translateY(-46%)}.ember-rail>a,.ember-rail>button{min-height:54px;padding:5px 2px}.ember-rail b{font-size:23px}.ember-rail .rail-title{font-size:17px}}
@media(min-width:761px) and (max-width:1150px){.ember-rail,body[data-page=home] .ember-rail{right:7px;width:103px}.ember-rail>a,.ember-rail>button{font-size:13px}}
@media(min-width:1151px) and (max-width:1699px){.wrap{width:min(1250px,calc(100% - 280px))}}
@media(min-width:761px) and (max-width:1150px){.wrap{width:calc(100% - 150px);margin-left:20px;margin-right:130px}}
.dialog-open .grand-hero *,.dialog-open .grand-hero *:before,.dialog-open .grand-hero *:after{animation-play-state:paused!important}
.hero-title.title-effects-disabled:before,.title-effects-disabled .title-shine{display:none}
/* Full-width parchment atmosphere, with no fixed 1920px image boundary. */
body{background:linear-gradient(90deg,#30070c 0%,#30070c88 6%,transparent 23%,transparent 77%,#30070c88 94%,#30070c 100%),radial-gradient(ellipse at top,#ae29231c,transparent 45%),url('assets/original/images/index_03.jpg') center top/max(1920px,100%) auto repeat-y,#30070c}
body[data-page=home] .introduction{border-top:0;background:linear-gradient(180deg,#30070c 0,#30070ceb 35px,#30070c70 125px,transparent 280px)}
@media(max-width:760px){body{background:linear-gradient(90deg,#30070c88,transparent 25%,transparent 75%,#30070c88),url('assets/original/images/index_03.jpg') center top/1920px auto repeat-y,#30070c}body[data-page=home] .introduction{background:linear-gradient(180deg,#30070c,#30070c99 80px,transparent 190px)}}
.introduction.wrap{width:100%;margin-left:0;margin-right:0}
.introduction.wrap>.section-heading,.introduction.wrap>.intro-layout{width:min(1250px,calc(100% - 280px));margin-left:auto;margin-right:auto}
@media(min-width:1700px){.introduction.wrap>.section-heading,.introduction.wrap>.intro-layout{width:1380px}}
@media(min-width:761px) and (max-width:1150px){.introduction.wrap>.section-heading,.introduction.wrap>.intro-layout{width:calc(100% - 150px);margin-left:20px;margin-right:130px}}
@media(max-width:760px){.introduction.wrap>.section-heading,.introduction.wrap>.intro-layout{width:calc(100% - 30px);margin-left:auto;margin-right:auto}}