:root{--bg:#faf8f3;--bg2:#f3efe6;--card:#ffffff;--b:#e6dfd0;--b2:#d9cfb9;--t:#16213a;--m:#5e6678;--navy:#0f1f3d;--navy2:#1b2f57;--gold:#b08d57;--gold2:#c9a96e;--goldl:#e9dcc0;--r:4px;--serif:"Playfair Display","Noto Serif SC","Songti SC",serif;--sans:"Inter","Noto Sans SC",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--g:linear-gradient(120deg,#b08d57,#d8bf8c 50%,#b08d57)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-weight:400;background:var(--bg);color:var(--t);line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--navy2);text-decoration-color:var(--gold2);text-underline-offset:3px}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--navy);letter-spacing:.01em}
h2{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.3;margin:0 0 18px}
h2:after{content:"";display:block;width:44px;height:1px;background:var(--gold);margin-top:14px}
.grad,.grad2{color:var(--gold2)}
.eyebrow{font-family:var(--sans);font-size:.74rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:500}
header{position:sticky;top:0;z-index:20;background:rgba(250,248,243,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--b)}
.topline{background:var(--navy);color:#cdbf9f;font-size:.74rem;letter-spacing:.12em;text-align:center;padding:6px 10px}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{font-family:var(--serif);font-weight:600;color:var(--navy);text-decoration:none;font-size:1.35rem;display:flex;align-items:center;gap:12px;letter-spacing:.04em}
.logo b{width:36px;height:36px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:1.05rem;font-weight:600;border-radius:50%}.logo span{color:var(--m);font-family:var(--sans);font-weight:300;font-size:.82rem;letter-spacing:.3em;border-left:1px solid var(--b2);padding-left:12px}
.menu{display:none;gap:4px}.menu a{text-decoration:none;color:var(--t);padding:8px 11px;font-size:.88rem;letter-spacing:.06em;position:relative;transition:color .3s}
.menu a:after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .35s}.menu a.on,.menu a:hover{color:var(--gold)}.menu a.on:after,.menu a:hover:after{transform:scaleX(1)}
.burger{background:transparent;border:1px solid var(--b2);color:var(--navy);padding:7px 12px;font-size:.8rem;letter-spacing:.2em;cursor:pointer;font-family:var(--sans)}
.drawer{display:none;flex-direction:column;padding:6px 22px 20px;background:var(--bg)}.drawer.open{display:flex}.drawer a{padding:14px 2px;text-decoration:none;color:var(--navy);border-bottom:1px solid var(--b);font-family:var(--serif);font-size:1.05rem}
.lang{font-size:.72rem;color:var(--m);border:1px solid var(--b);padding:5px 10px;background:transparent;letter-spacing:.1em}
.hcta{display:none}
@media(min-width:1000px){.menu{display:flex}.burger{display:none}.drawer{display:none!important}.hcta{display:inline-flex}}
.tabbar,.marquee{display:none!important}
.hero{position:relative;padding:72px 0 64px;background:radial-gradient(80% 70% at 85% 10%,rgba(201,169,110,.18),transparent 60%),linear-gradient(180deg,#fbf9f4,#f3efe6);border-bottom:1px solid var(--b);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(176,141,87,.07) 46px 47px);mask-image:linear-gradient(90deg,transparent 30%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);pointer-events:none}
.hero .wrap{position:relative}.hero h1{font-size:clamp(2.2rem,7vw,4.2rem);line-height:1.2;margin:16px 0 22px;font-weight:600}.hero p{color:var(--m);max-width:620px;font-size:1.05rem;font-weight:300}
.hero.dark{background:radial-gradient(70% 80% at 90% 0%,rgba(201,169,110,.22),transparent 60%),linear-gradient(160deg,#0f1f3d,#16294d 60%,#0c1830);color:#e9e4d8;border-bottom:1px solid var(--gold)}
.hero.dark h1{color:#fff}.hero.dark p{color:#c3c8d4}.hero.dark .pill{color:#d9c79f;border-color:rgba(201,169,110,.5)}.hero.dark:before{background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(201,169,110,.08) 46px 47px)}
.pill{display:inline-flex;align-items:center;gap:10px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:5px 2px;font-size:.74rem;letter-spacing:.24em;color:var(--gold);text-transform:uppercase}.pill .dot{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
@media(min-width:900px){.hero{padding:120px 0 100px}}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--navy);color:#fff;font-weight:500;letter-spacing:.12em;text-decoration:none;border:1px solid var(--navy);cursor:pointer;font-size:.9rem;transition:background .35s,color .35s,border-color .35s;font-family:var(--sans);border-radius:0}
.btn:hover{background:var(--gold);border-color:var(--gold)}.btn.ghost,.btn.sec{background:transparent;color:var(--navy);border-color:var(--navy)}.btn.ghost:hover,.btn.sec:hover{background:var(--navy);color:#fff}
.btn.gold{background:var(--gold);border-color:var(--gold)}.btn.gold:hover{background:#fff;color:var(--navy)}
.hero.dark .btn.ghost{color:#fff;border-color:rgba(255,255,255,.55)}.hero.dark .btn.ghost:hover{background:#fff;color:var(--navy)}
.grid{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:640px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr}.g4{grid-template-columns:1fr 1fr}}@media(min-width:900px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.bento{display:grid;gap:20px;grid-template-columns:1fr 1fr}.bento>*{grid-column:span 2}@media(min-width:900px){.bento{grid-template-columns:repeat(4,1fr)}.bento .w2{grid-column:span 2}.bento .w1{grid-column:span 1}.bento .h2{grid-row:span 2}}
.bento .w1m{grid-column:span 1}
.card{background:var(--card);border:1px solid var(--b);border-radius:var(--r);padding:28px 24px;transition:border-color .4s,box-shadow .4s;color:inherit;position:relative}
a.card{text-decoration:none;display:block}a.card:hover{border-color:var(--gold2);box-shadow:0 18px 40px -24px rgba(15,31,61,.25)}
.card h3{margin:0 0 8px;font-size:1.2rem}.muted{color:var(--m);font-size:.92rem;font-weight:300}
.card.glow{border-top:2px solid var(--gold)}.card.lime{background:var(--bg2)}
.card.navy{background:linear-gradient(160deg,#0f1f3d,#1b2f57);border-color:#0f1f3d;color:#e9e4d8}.card.navy h3,.card.navy h2{color:#fff}.card.navy .muted{color:#b9c0cf}
.emo{display:none}
section.s{padding:64px 0}@media(min-width:900px){section.s{padding:96px 0}}
section.alt{background:var(--bg2);border-block:1px solid var(--b)}
.tag{display:inline-block;font-size:.72rem;border:1px solid var(--goldl);color:#8a6c3e;padding:1px 9px;margin:2px 4px 2px 0;letter-spacing:.05em}
.note{background:#fbf7ee;border-left:2px solid var(--gold);padding:14px 18px;font-size:.92rem;color:#4c4636}
.warn{background:#fff;border:1px solid var(--b2);border-left:3px solid var(--navy);padding:18px 22px;color:#3a4253;font-size:.92rem}
footer{background:var(--navy);color:#a9b1c2;padding:56px 0 40px;font-size:.84rem;margin-top:0;border-top:2px solid var(--gold)}footer .fl{font-family:var(--serif);color:#fff;font-size:1.3rem;margin-bottom:10px}footer a{color:#d9c79f}
.q{margin:18px 0}.q label{display:block;font-weight:500;margin-bottom:8px;color:var(--navy)}
select,input,textarea{width:100%;padding:13px 14px;border:1px solid var(--b2);border-radius:0;font-size:1rem;background:#fff;color:var(--t);font-family:inherit;outline:none;transition:border-color .3s}
select:focus,input:focus,textarea:focus{border-color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--b2);padding:8px 15px;background:#fff;cursor:pointer;font-size:.9rem;transition:.3s}.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.lk{display:flex;gap:6px}.lk button{flex:1;padding:9px 0;border:1px solid var(--b2);background:#fff;color:var(--t);cursor:pointer;font-size:.8rem;font-family:inherit}.lk button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.prog{height:2px;background:var(--b);overflow:hidden;position:sticky;top:70px;z-index:15}.prog i{display:block;height:100%;background:var(--gold);width:0;transition:.4s}
.bar{margin:12px 0}.bar .l{display:flex;justify-content:space-between;font-size:.9rem}.bar .t{height:4px;background:var(--b);overflow:hidden;margin-top:4px}.bar .t i{display:block;height:100%;background:linear-gradient(90deg,var(--navy),var(--gold))}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{border-bottom:1px solid var(--b);padding:13px 10px;text-align:left;vertical-align:top}th{color:var(--navy);font-family:var(--serif);font-weight:600;border-bottom:1px solid var(--gold)}
.steps{counter-reset:s;list-style:none;padding:0}.steps li{counter-increment:s;position:relative;padding:0 0 22px 58px}.steps li:before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:-2px;font-family:var(--serif);font-size:1.5rem;color:var(--gold);border-right:1px solid var(--b2);padding-right:12px}
.tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px}.tabs button{white-space:nowrap}
.stat{font-family:var(--serif);font-size:clamp(1.8rem,5vw,2.6rem);font-weight:500;line-height:1.15;color:var(--navy)}.card.navy .stat{color:var(--gold2)}
.rv{opacity:0;transform:translateY(14px);transition:opacity .9s ease,transform .9s ease}.rv.in{opacity:1;transform:none}
.src{font-size:.78rem;color:var(--m)}.src a{color:#8a6c3e}
details{border-top:1px solid var(--b);padding:14px 2px;margin:0}details:last-of-type{border-bottom:1px solid var(--b)}summary{cursor:pointer;font-family:var(--serif);font-weight:600;color:var(--navy)}
.entry{display:grid;gap:20px}@media(min-width:800px){.entry{grid-template-columns:1fr 1fr}}
.entry a{display:block;padding:44px 30px;text-decoration:none;color:#e9e4d8;min-height:340px;position:relative;overflow:hidden;border:1px solid var(--gold);transition:box-shadow .5s}
.entry a:hover{box-shadow:0 30px 60px -30px rgba(15,31,61,.6)}.entry a h3{color:#fff;font-size:clamp(1.7rem,4vw,2.3rem);margin:14px 0 12px}.entry a p{color:#c3c8d4;font-weight:300;max-width:420px}
.entry .e1{background:radial-gradient(60% 70% at 100% 0%,rgba(201,169,110,.25),transparent 60%),linear-gradient(160deg,#13264a,#0c1830)}
.entry .e2{background:radial-gradient(60% 70% at 0% 100%,rgba(201,169,110,.3),transparent 60%),linear-gradient(200deg,#1c2a44,#2a2416)}
.entry a:after{content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border:1px solid rgba(201,169,110,.35);border-radius:50%;box-shadow:0 0 0 30px rgba(201,169,110,.05),0 0 0 60px rgba(201,169,110,.04)}
.entry .go{display:inline-block;margin-top:22px;color:var(--gold2);letter-spacing:.2em;font-size:.82rem;border-bottom:1px solid var(--gold2);padding-bottom:4px}
.statrow{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--b)}@media(min-width:900px){.statrow{grid-template-columns:repeat(4,1fr)}}.statrow>div{padding:28px 18px;border-bottom:1px solid var(--b)}.statrow>div:nth-child(odd){border-right:1px solid var(--b)}@media(min-width:900px){.statrow>div{border-right:1px solid var(--b)}.statrow>div:last-child{border-right:0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
@media print{header,.fab,footer{display:none}.card{border-color:#ccc}}
.btn.fab{position:fixed;right:24px;bottom:24px;z-index:30;display:none;box-shadow:0 12px 30px -12px rgba(15,31,61,.5)}@media(min-width:1000px){.btn.fab{display:inline-flex}}
@media(max-width:600px){.logo span,.lang{display:none}}