:root{--tb-ink:#142a38;--tb-teal:#00685d;--tb-muted:#455e69;--tb-surface:#fff;--tb-canvas:#edf3f4;--tb-line:#ccdadd;--tb-active:#dceeea;--tb-width:1280px}
body{background:var(--tb-canvas);color:var(--tb-ink);font-family:Geist,"Segoe UI","Microsoft YaHei",sans-serif}
.trade-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;background:var(--tb-ink);color:white;padding:14px max(20px,calc((100vw - var(--tb-width))/2));font-size:14px}
.trade-header a{color:#e5f0f2;text-decoration:none}
.trade-header .trade-brand{color:white;font-size:21px;font-weight:750;letter-spacing:-.03em}
.trade-nav{display:flex;flex-wrap:wrap;gap:3px 5px;min-width:0;align-items:center}
.trade-nav a{padding:6px 9px;border-radius:6px}
.trade-nav a:hover,.trade-nav a[aria-current=page]{color:white;background:#2b4b55}
.trade-nav a[aria-current=page]{box-shadow:inset 0 -2px #75cebb}
.trade-language{margin-inline-start:auto;display:flex;align-items:center;gap:7px;font-size:13px}
.trade-language select,.trade-language button{font:inherit;border:1px solid var(--tb-line);border-radius:6px;padding:5px 8px;background:white;color:var(--tb-ink)}
.trade-main{max-width:calc(var(--tb-width) + 40px);padding:26px 20px;margin:auto}
.trade-main h1{font-size:clamp(26px,4vw,34px);line-height:1.2;letter-spacing:-.025em}
.trade-main section{border-color:var(--tb-line);border-radius:10px;background:var(--tb-surface)}
.trade-main :is(input,select,textarea,button):focus-visible,.trade-header :is(a,select,button):focus-visible{outline:2px solid #008a7b;outline-offset:2px}
.trade-main th{background:#e9f2f2;color:var(--tb-ink)}
@media(max-width:720px){.trade-header{gap:9px 14px;padding:10px 14px}.trade-nav{order:3;width:100%}.trade-nav a{padding:5px 7px}.trade-main{padding:18px 12px}}
@media print{body{background:white}}
