:root{
  --bg:#0b1220; --bg2:#16233d; --panel:rgba(255,255,255,.045); --line:rgba(255,255,255,.12);
  --tx:#e8eef7; --sub:#93a5c0; --dim:#5f718f; --acc:#d8b36a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{min-height:100vh;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--tx);
  -webkit-font-smoothing:antialiased;line-height:1.75}
a{color:inherit}
.wrap{max-width:880px;margin:0 auto;padding:56px 24px 72px}
header.top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.brand{font-size:15px;letter-spacing:.22em;color:var(--sub);text-decoration:none}
nav.main a{margin-left:22px;font-size:13.5px;letter-spacing:.12em;color:var(--sub);text-decoration:none}
nav.main a:hover{color:var(--tx)}
nav.main a.on{color:var(--acc)}
.hero{margin-top:88px}
.hero .en{font-size:13px;letter-spacing:.34em;color:var(--acc)}
.hero h1{margin-top:14px;font-size:44px;font-weight:650;letter-spacing:.06em;line-height:1.3}
.hero .tag{margin-top:18px;font-size:17.5px;color:var(--tx);opacity:.92}
.hero .lead{margin-top:14px;font-size:14.5px;color:var(--sub);max-width:620px}
.cards{margin-top:54px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
a.card{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px 28px;transition:transform .15s ease,background .15s ease}
a.card:hover{transform:translateY(-3px);background:rgba(255,255,255,.085)}
.card .k{font-size:12px;letter-spacing:.3em;color:var(--acc)}
.card h2{margin-top:10px;font-size:23px;font-weight:620}
.card p{margin-top:8px;font-size:13.5px;color:var(--sub);line-height:1.7}
.card .go{margin-top:16px;font-size:13px;color:var(--tx);opacity:.75}
.facts{margin-top:46px;display:flex;gap:10px;flex-wrap:wrap}
.facts span{font-size:12.5px;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:5px 14px;background:rgba(255,255,255,.03)}
h1.page{margin-top:64px;font-size:32px;font-weight:650;letter-spacing:.04em}
.page-en{font-size:12px;letter-spacing:.32em;color:var(--acc);margin-top:6px}
.intro{margin-top:20px;font-size:15px;color:var(--tx);opacity:.94;max-width:680px}
section{margin-top:44px}
section h3{font-size:13px;letter-spacing:.26em;color:var(--acc);margin-bottom:16px}
.tl{border-left:1px solid var(--line);padding-left:22px;display:grid;gap:26px}
.tl .when{font-size:12.5px;color:var(--dim);letter-spacing:.08em}
.tl h4{font-size:16.5px;font-weight:620;margin-top:2px}
.tl p{font-size:14px;color:var(--sub);margin-top:4px;max-width:640px}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chips span{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:6px 15px;background:var(--panel);color:var(--tx)}
ul.plain{list-style:none;display:grid;gap:9px;font-size:14.5px;color:var(--tx)}
ul.plain li{padding-left:16px;position:relative}
ul.plain li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--acc)}
ul.plain .s{color:var(--sub);font-size:13px}
.flow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13.5px}
.flow b{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:7px 13px;font-weight:600}
.flow i{color:var(--dim);font-style:normal}
footer{margin-top:76px;padding-top:22px;border-top:1px solid var(--line);color:var(--dim);font-size:12.5px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:560px){.hero h1{font-size:34px}.wrap{padding-top:40px}}