:root{--navy:#052149;--ink:#0b1b33;--gold:#c9a04a;--gold2:#a37a2a;--paper:#f6f4ef;--muted:#5d6a80;--line:rgba(5,33,73,.1)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"PingFang SC","Helvetica Neue",sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 85% -10%,#e6ecf6 0,transparent 60%),radial-gradient(900px 500px at -10% 30%,#f3ead6 0,transparent 55%),var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,4vw,56px)}
.brand{display:flex;align-items:center;gap:18px}.brand img{width:auto;display:block}
.crumb{font-size:13px;color:var(--muted);display:flex;gap:8px;margin-right:520px}.crumb b{color:var(--ink)}
main{padding:0 clamp(16px,4vw,56px) 40px;max-width:1440px;margin:0 auto}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:40px 0 34px}
.kick{font-family:Futura,"Avenir Next",sans-serif;letter-spacing:.32em;font-size:13px;color:var(--gold2)}
.hero h1{font-family:"Songti SC","STSongti-SC-Black",serif;font-weight:900;font-size:clamp(56px,8vw,104px);line-height:1.02;color:var(--navy);margin:10px 0 6px;letter-spacing:.04em}
.full{font-size:15px;color:var(--gold2);letter-spacing:.08em}
.line{font-size:clamp(19px,2vw,24px);font-weight:600;margin:18px 0 10px;line-height:1.5}
.lead{font-size:15.5px;line-height:1.85;color:#2a3a55;max-width:620px}
.stat{display:flex;gap:28px;margin-top:22px}.stat span{font-size:13px;color:var(--muted)}.stat b{display:block;font-size:34px;color:var(--navy);font-weight:700;font-family:"SF Pro Display",-apple-system,sans-serif;letter-spacing:-.01em}
.hw{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;border-radius:4px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 20px 50px rgba(5,33,73,.16)}
.hw .hx:first-child{grid-row:1/3}
.ph{display:block;width:100%;height:100%;background:#0b1b33}.ph img{width:100%;height:100%;object-fit:contain;display:block}.ph.none{background:linear-gradient(135deg,#0b1b33,#173c58)}
.hx{display:block;overflow:hidden}
.guide{display:flex;align-items:center;gap:28px;padding:16px 24px;margin:6px 0 26px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 8px 30px rgba(5,33,73,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.gk{font-family:Futura,sans-serif;letter-spacing:.24em;font-size:12px;color:var(--gold2);white-space:nowrap}
.guide ol{list-style:none;display:flex;gap:30px;counter-reset:g;flex-wrap:wrap}.guide li{font-size:14px;color:#2a3a55;counter-increment:g}.guide li b{color:var(--navy);margin-right:8px}.guide li::before{content:counter(g);display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;margin-right:8px}
.zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:40px}
.zone{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 18px 16px;border-radius:16px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 10px 30px rgba(5,33,73,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .25s,box-shadow .25s}
.zone:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 16px 40px rgba(5,33,73,.12)}
.zone .no{font-family:"SF Pro Display",sans-serif;font-size:13px;color:var(--gold)}.zone i{font-style:normal;font-family:Futura,sans-serif;font-size:10px;letter-spacing:.2em;color:var(--muted)}
.zone b{font-size:22px;color:var(--navy)}.zone .ds{font-size:13px;color:#4a5870;line-height:1.6}.zone .ct{position:absolute;top:16px;right:16px;font-size:12px;color:var(--gold2)}
.dept{padding:30px 0;border-top:1px solid var(--line)}
.dept header{display:flex;gap:18px;align-items:flex-start;margin-bottom:16px}.dept header .no{font-family:"Songti SC",serif;font-size:44px;line-height:1;color:var(--gold)}
.dept header i{font-style:normal;font-family:Futura,sans-serif;font-size:11px;letter-spacing:.22em;color:var(--muted)}.dept h2{font-family:"Songti SC",serif;font-size:30px;color:var(--navy);margin:2px 0}.dept header p{font-size:14px;color:var(--muted)}
.exs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:14px}
.ex{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:2px}.ex span:last-child{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;font-size:13px;color:#fff;background:linear-gradient(transparent,rgba(5,16,40,.85));line-height:1.45}
details{border-radius:14px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.9);padding:4px 18px}
summary{cursor:pointer;padding:10px 0;font-size:14px;color:var(--navy);font-weight:600}
.list{list-style:none;columns:2;column-gap:36px;padding:4px 0 14px}.list li{break-inside:avoid;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}.list a:hover{color:var(--gold2)}
.foot{background:#0b1b33;color:#cfd6e3;padding:36px clamp(16px,4vw,56px) 110px;display:flex;flex-wrap:wrap;align-items:center;gap:18px}.foot img{width:auto}.foot p{flex-basis:100%;font-size:13px}.foot .n{font-size:12px;color:#8e9ab0}
@media (max-width:900px){.hero{grid-template-columns:1fr;gap:24px;padding-top:16px}.crumb{margin-right:0}.exs{grid-template-columns:1fr 1fr}.exs .ex:nth-child(3){display:none}.list{columns:1}.guide{flex-direction:column;align-items:flex-start;gap:10px}.guide ol{flex-direction:column;gap:8px}}
@media (max-width:640px){.top{padding:14px 16px}.brand{gap:10px}.brand img:first-child{height:26px}.brand img:last-child{height:18px}.crumb{display:none}main{padding:0 16px 30px}.zones{grid-template-columns:1fr 1fr;gap:10px}.zone{padding:14px}.zone b{font-size:18px}.zone .ds{font-size:12px}.dept h2{font-size:24px}.dept header .no{font-size:34px}}