:root { --midnight:#102A3B; --navy:#173D55; --steel:#496D82; --signal:#2D82B5; --signal-deep:#236B97; --sky:#A9CEE2; --mist:#E6F0F5; --cloud:#F4F8FA; --paper:#FAFCFD; --white:#FFF; --ink:#1E303B; --muted:#617580; --line:#D5E1E7; --radius:6px; --shadow:0 12px 32px rgba(23,61,85,.075); }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang HK","PingFang SC","Microsoft YaHei","Noto Sans CJK TC","Noto Sans CJK SC",sans-serif; line-height:1.6; }
.container { width:min(880px, calc(100% - 48px)); margin:0 auto; }
.label { color:var(--signal); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.nav-shell { position:sticky; top:0; z-index:10; background:rgba(250,252,253,.94); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
nav { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:16px; width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.brand { display:flex; align-items:center; gap:10px; color:var(--midnight); font-size:15px; font-weight:820; letter-spacing:-.035em; text-decoration:none; }
.mark { display:grid; place-items:center; width:29px; height:29px; color:white; background:var(--midnight); border-radius:5px; font-size:11px; position:relative; }
.mark:after { content:""; position:absolute; width:7px; height:7px; right:-3px; bottom:-3px; border-radius:2px; background:var(--signal); }
.nav-right { display:flex; gap:10px; align-items:center; }
.lang-switch { display:flex; gap:2px; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.lang-btn { border:none; background:var(--white); color:var(--muted); font:700 11px/1 Inter,sans-serif; padding:7px 9px; cursor:pointer; }
.lang-btn.active { background:var(--midnight); color:white; }
.btn { min-height:36px; display:inline-flex; align-items:center; padding:0 14px; border-radius:var(--radius); font:720 12.5px/1 Inter,sans-serif; text-decoration:none; color:white; background:var(--signal); border:1px solid var(--signal); cursor:pointer; }
.btn:hover { background:var(--signal-deep); }
.btn.ghost { background:var(--white); color:var(--navy); border-color:var(--line); }
.btn.ghost:hover { border-color:var(--signal); color:var(--signal); }
main { padding:52px 0 80px; }
h1 { color:var(--midnight); font-size:clamp(30px,4vw,44px); letter-spacing:-.05em; line-height:1.08; margin:10px 0 16px; }
h2 { color:var(--navy); font-size:19px; letter-spacing:-.03em; margin:30px 0 8px; }
p, li { color:var(--muted); font-size:15px; }
.card { background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:20px 22px; margin:14px 0; }
.grid2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px; margin:14px 0; }
.grid2 .card { margin:0; }
.grid2 .card b { color:var(--navy); display:block; margin-bottom:4px; }
.note { margin-top:20px; padding:14px 16px; color:var(--navy); border-left:3px solid var(--signal); background:var(--mist); font-size:13.5px; }
form.public { background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:24px; margin-top:16px; }
form.public label { display:block; color:var(--navy); font-size:12.5px; font-weight:700; margin:14px 0 5px; }
form.public input, form.public textarea { width:100%; border:1px solid var(--line); border-radius:var(--radius); padding:10px 12px; font:600 14px/1.4 Inter,"PingFang HK","PingFang SC","Microsoft YaHei",sans-serif; color:var(--ink); }
form.public input:focus, form.public textarea:focus { outline:3px solid rgba(45,130,181,.25); border-color:var(--signal); }
form.public button { margin-top:18px; }
.ok-banner { display:none; margin-top:14px; padding:12px 14px; border-radius:var(--radius); background:#E4F2EA; color:#2D8F5B; font-size:13.5px; font-weight:650; }
a { color:var(--signal-deep); }
footer { padding:28px 0; color:#C0D3DE; background:var(--midnight); font-size:12px; }
.footer-inner { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.footer-inner b { color:white; } .footer-inner a { color:var(--sky); text-decoration:none; }
.footer-inner a:hover { color:white; }