/* 用途：已確認曜黑金殿風格的一屏版；保留真實動圖及完整頁尾。 */
body { height:100svh; min-height:640px; display:flex; flex-direction:column; }
.header { height:78px; min-height:78px; }
main { flex:1; min-height:0; display:grid; grid-template-rows:minmax(0,1fr) 84px; }
.hero { height:100%; }
.hero-grid { min-height:0; height:100%; }
.hero-copy { padding:25px 0; }
h1 { max-width:min(385px,31vw); gap:10px; }
.eyebrow { margin-bottom:23px; }
.hero-rule { margin:23px 0 18px; }
.hero-desc { margin-bottom:27px; }
.palace { height:min(500px,60svh); margin:0; }
.arch-outer { width:430px; height:100%; bottom:0; }
.arch-middle { width:405px; height:calc(100% - 14px); bottom:0; }
.arch-inner { width:375px; height:calc(100% - 28px); bottom:0; }
.emblem { width:335px; height:335px; margin-top:0; }
.emblem-core { inset:30px; padding-top:34px; }
.seal-top { width:213px; }
.crown { margin-top:18px; margin-bottom:11px; width:44px; height:27px; }
.seal-logo { width:207px; }
.seal-divider { margin:19px 0 13px; }
.seal-bottom { width:190px; }
.seal-year { width:173px; margin-top:12px; }
.pedestal { width:410px; height:60px; bottom:-14px; }
.reference-portrait { position:absolute; inset:8px 65px 12px; border-radius:200px 200px 0 0; overflow:hidden; opacity:.45; }
.reference-portrait img { width:100%; height:100%; object-fit:cover; object-position:70% center; filter:saturate(.5) brightness(.5); }
.features { padding:15px 0; }
.feature { padding-block:5px; }
.feature h2 { margin-bottom:0; }
.feature-icon { width:32px; height:32px; }
.footer { height:85px; min-height:85px; }
.footer .brand { width:77px; }
.footer-notes { gap:7px; }
@media(min-width:1500px) { .hero-grid { min-height:0; } .palace { transform:none; } }
@media(min-width:761px) and (max-height:780px) {
 .header { height:66px; min-height:66px; }
 main { grid-template-rows:minmax(0,1fr) 72px; }
 .footer { height:73px; min-height:73px; }
 h1 { max-width:315px; }
 .hero-rule { margin:18px 0 15px; }
 .hero-copy { padding-block:20px; }
 .eyebrow { margin-bottom:18px; }
 .hero-desc { margin-bottom:23px; }
 .emblem { width:300px; height:300px; }
 .emblem-core { inset:27px; padding-top:30px; }
 .seal-top { width:190px; }
 .crown { margin-top:14px; margin-bottom:9px; width:35px; height:22px; }
 .seal-logo { width:185px; }
 .seal-divider { margin:15px 0 11px; }
 .seal-bottom { width:173px; }
 .seal-year { width:157px; }
}
@media(max-width:1100px) and (min-width:761px) { .palace { transform:scale(.8); } .feature { gap:13px; } .feature h2 img { max-width:135px; } }
@media(max-width:760px) {
 .shell { width:calc(100% - 36px); }
 .header { height:62px; min-height:62px; }
 .brand { width:92px; }
 .nav-cta { padding:9px 13px; }
 main { grid-template-rows:minmax(0,1fr) 62px; }
 .hero-grid { height:100%; justify-content:center; gap:5px; }
 .hero-copy { padding:15px 0 5px; flex-shrink:0; }
 .eyebrow { margin-bottom:15px; }
 .eyebrow img { width:238px; }
 h1 { width:clamp(185px,28svh,244px); max-width:none; gap:7px; }
 .hero-rule { margin:16px 0 13px; }
 .hero-sub { margin-bottom:8px; }
 .hero-sub img { width:239px; }
 .hero-desc { margin-bottom:17px; }
 .hero-desc img { width:268px; }
 .hero-actions { gap:10px; }
 .button { min-height:43px; padding:12px 14px; gap:13px; }
 .hero-actions .primary img { width:111px; }
 .hero-actions .secondary img { width:80px; }
 .palace { height:clamp(155px,25svh,245px); margin:5px 0 13px; transform:none; flex-shrink:0; width:min(100%,330px); }
 .arch-outer { width:270px; height:100%; }
 .arch-middle { width:251px; height:calc(100% - 10px); }
 .arch-inner { width:234px; height:calc(100% - 19px); }
 .emblem { width:clamp(150px,23svh,220px); height:clamp(150px,23svh,220px); padding:7px; margin:0; }
 .emblem-ring { inset:8px; box-shadow:inset 0 0 0 3px #241d11,inset 0 0 0 5px #bd944f,inset 0 0 0 6px #352717; }
 .emblem-core { inset:19px; padding-top:19px; }
 .seal-top { width:74%; }
 .crown { width:26px; height:16px; margin-top:10px; margin-bottom:7px; }
 .seal-logo { width:76%; }
 .seal-divider { margin:9px 0 7px; gap:7px; }
 .seal-divider i { width:18px; }
 .seal-bottom { width:70%; }
 .seal-year { width:65%; margin-top:7px; }
 .pedestal { width:280px; height:34px; bottom:-10px; }
 .reference-portrait { inset:5px 42px 0; }
 .spark-one { top:28px; right:18px; width:3px; height:3px; }
 .spark-two { bottom:50px; left:18px; width:3px; height:3px; }
 .spark-three { top:15px; left:70px; }
 .features { grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; }
 .feature { border-bottom:0; border-right:1px solid var(--line); padding:13px 5px; gap:8px; justify-content:center; }
 .feature-icon { width:18px; height:18px; }
 .feature h2 img { max-width:88px; max-height:16px; width:auto; }
 .footer { height:75px; min-height:75px; padding:12px 0 10px; gap:8px; justify-content:center; }
 .footer > .brand { display:none; }
 .footer-notes { gap:6px; }
 .footer-notes p:first-child img { max-height:13px; width:auto; }
 .footer-notes p:last-child img { max-width:280px; max-height:12px; width:auto; }
 .copyright img { max-height:10px; width:auto; }
}
@media(max-width:360px) { .shell { width:calc(100% - 28px); } .feature h2 img { max-width:80px; } .feature { gap:5px; } .feature-icon { width:15px; height:15px; } }
@media(max-height:639px) { body { height:auto; min-height:640px; } main { min-height:500px; grid-template-rows:minmax(0,1fr) 62px; } }