:root{--navy:#082f3b;--deep:#062731;--ink:#15333a;--muted:#647b7f;--paper:#f4f3ed;--white:#fff;--lime:#e3ff73;--line:#d8dfda;--orange:#c85f28;--serif:Georgia,"Songti SC","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1120px,calc(100% - 44px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(244,243,237,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(8,47,59,.1)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.identity{display:flex;align-items:center;gap:10px}.identity img,.profile img{border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 3px 12px rgba(8,47,59,.14)}.identity>span{display:flex;flex-direction:column;gap:2px}.identity b{font-size:14px;letter-spacing:.04em}.identity small{font-size:9px;color:#718486}.nav nav{display:flex;gap:30px;font-size:12px;color:#536d73}.nav nav a:hover{color:var(--ink)}.contact-link{border:1px solid #b7c5c2;border-radius:30px;padding:9px 14px;font-size:11px;font-weight:800}.hero{border-bottom:1px solid var(--line)}.hero-inner{min-height:330px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:80px}.eyebrow,.section-label,.heading>div>span{font-size:9px;letter-spacing:.18em;font-weight:900;color:#708487}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(44px,5.7vw,68px);line-height:1.04;letter-spacing:-.04em;margin:16px 0}.hero h1 em{font-weight:500;color:#1b726a}.hero-side p{font-size:13px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;gap:7px;margin-top:20px}.hero-actions a{padding:12px 14px;background:var(--navy);color:white;font-size:11px;font-weight:800}.hero-actions a+ a{background:transparent;color:var(--ink);border:1px solid #b9c5c2}.list-section,.existing{padding:70px 0}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.heading h2,.rules h2{font-family:var(--serif);font-size:34px;font-weight:500;margin:8px 0 0}.heading>p{font-size:11px;color:var(--muted)}.exchange-table{background:white;border:1px solid var(--line)}.table-head,.exchange-row{display:grid;grid-template-columns:1.5fr .55fr .5fr .5fr 1.15fr .7fr;align-items:center}.table-head{padding:11px 18px;background:#eef1ec;color:#738589;font-size:9px;letter-spacing:.08em}.exchange-row{position:relative;min-height:91px;padding:14px 18px;border-top:1px solid #e5e9e5}.exchange-name{display:flex;flex-direction:column;gap:5px}.exchange-name b{font-size:14px}.exchange-name span{font-size:9px;color:#708386}.total{font-family:var(--serif);font-size:25px;color:#176d65}.rate{font-weight:800;font-size:13px}.rate i{display:none}.code{display:flex;align-items:center;gap:9px}.code>span{display:none}.code code{font-family:Arial,sans-serif;font-size:11px;font-weight:900;letter-spacing:.06em;background:#eff2ed;padding:8px 9px}.code button{border:0;background:transparent;color:#1c746b;font-size:9px;font-weight:900;cursor:pointer;padding:7px}.register{display:flex;justify-content:space-between;background:var(--navy);color:white;padding:11px 12px;font-size:10px;font-weight:800}.row-note{position:absolute;left:18px;bottom:8px;margin:0;font-size:9px;color:#7b8c8e;transform:translateY(7px);opacity:0;transition:.15s}.exchange-row:hover .row-note{transform:translateY(0);opacity:1}.exchange-row:hover{background:#fbfcf8}.exchange-row.gate{box-shadow:inset 3px 0 var(--orange)}.exchange-row.gate .row-note{color:var(--orange);opacity:1;transform:none}.link-note{margin:14px 0 0;text-align:center;font-size:9px;color:#809092}.rules{background:var(--navy);color:white;padding:55px 0}.rules-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:80px}.rules h2{font-size:35px}.rules-grid>div>p{font-size:11px;color:#9cb4b6}.rules .section-label{color:#8da8aa}.rules ul{list-style:none;margin:0;padding:0}.rules li{display:grid;grid-template-columns:105px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid #31515a;font-size:11px}.rules li:first-child{padding-top:0}.rules li:last-child{border:0}.rules li b{color:var(--lime)}.rules li span{color:#b2c4c5;line-height:1.6}.old-user-box{display:grid;grid-template-columns:180px 1fr;background:white;border:1px solid var(--line);min-height:260px}.tabs{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:10px}.tabs button{position:relative;text-align:left;border:0;background:transparent;padding:11px 13px;color:#61777b;font-size:11px;cursor:pointer}.tabs button.active{background:var(--navy);color:white;font-weight:800}.tabs button.has-alert:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#e36e38;right:12px;top:15px}.tab-content{padding:28px 34px;color:#5d7378;font-size:12px;line-height:1.75}.tab-content h3{color:var(--ink);font-size:17px;margin:0 0 14px}.tab-content p:first-of-type{margin-top:0}.tab-content ol{margin:0;padding-left:18px}.contact{padding-bottom:70px}.contact-inner{background:var(--lime);padding:38px 42px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.profile{display:flex;align-items:center;gap:18px}.profile>div>span{font-size:9px;letter-spacing:.15em;color:#637132}.profile h2{font-family:var(--serif);font-size:30px;font-weight:500;margin:5px 0}.profile p{font-size:11px;line-height:1.6;color:#5d6937;margin:0;max-width:360px}.channels{display:grid;grid-template-columns:1fr 1fr;gap:7px}.channels a{position:relative;background:var(--navy);color:white;padding:11px 13px;display:flex;flex-direction:column;gap:3px}.channels a span{font-size:9px;color:#a8c0c2}.channels a b{font-size:11px}.channels a i{position:absolute;right:12px;top:17px;font-style:normal}.channels p{grid-column:1/-1;margin:5px 0 0;font-size:9px;color:#58652c}footer{background:var(--deep);color:#87a0a3;padding:28px 0 20px}footer p{font-size:9px;line-height:1.7;margin:0 0 18px;max-width:990px}footer p b{color:#b6c7c8}footer .container>div{border-top:1px solid #294850;padding-top:15px;display:flex;justify-content:space-between;font-size:9px}.mobile-bar{display:none}.toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translate(-50%,15px);background:#102f37;color:white;padding:11px 16px;border-radius:4px;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.hero-inner{grid-template-columns:1fr 1fr;gap:35px}.table-head{display:none}.exchange-table{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:transparent;border:0}.exchange-row{display:grid;grid-template-columns:1fr auto auto;gap:11px;min-height:0;padding:16px;background:white;border:1px solid var(--line)}.exchange-name{grid-column:1/3}.total{grid-column:3;grid-row:1}.rate{font-size:11px}.rate i{display:inline;font-style:normal;font-weight:400;color:#819092;margin-right:4px}.code{grid-column:1/3}.code>span{display:inline;font-size:9px;color:#7c8d8f}.register{grid-column:3;grid-row:2/4;align-self:end;min-width:82px}.row-note{position:static;grid-column:1/-1;opacity:1;transform:none;margin-top:1px}.rules-grid{gap:40px}.contact-inner{gap:30px}.channels{grid-template-columns:1fr}}
@media(max-width:600px){body{padding-bottom:58px}.container{width:calc(100% - 28px)}.nav{height:62px}.identity img{width:36px;height:36px}.nav nav{display:none}.contact-link{padding:8px 10px}.hero-inner{min-height:300px;display:block;padding:50px 0 38px}.hero h1{font-size:42px;margin-top:13px}.hero-side p{font-size:12px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions a{text-align:center;padding:11px 7px}.list-section,.existing{padding:52px 0}.heading{align-items:start}.heading h2,.rules h2{font-size:30px}.heading>p{margin-top:5px;max-width:110px;text-align:right}.exchange-table{grid-template-columns:1fr}.exchange-row{grid-template-columns:1fr auto auto}.register{min-width:91px}.rules{padding:45px 0}.rules-grid{grid-template-columns:1fr;gap:25px}.rules li{grid-template-columns:82px 1fr}.old-user-box{display:block;min-height:0}.tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:7px}.tabs button{flex:0 0 auto;text-align:center;padding:9px 12px}.tab-content{padding:22px 20px;min-height:240px}.contact{padding-bottom:0}.contact-inner{width:100%;padding:35px 20px;display:block}.profile img{width:70px;height:70px}.profile h2{font-size:26px}.channels{grid-template-columns:1fr 1fr;margin-top:25px}.channels p{font-size:8px}.mobile-bar{position:fixed;z-index:50;display:grid;grid-template-columns:1fr 1.2fr;left:0;right:0;bottom:0;height:58px;background:white;padding:6px;box-shadow:0 -5px 20px rgba(8,47,59,.13)}.mobile-bar a{display:grid;place-items:center;font-size:11px;font-weight:900}.mobile-bar a:last-child{background:var(--navy);color:white}.toast{bottom:72px;width:calc(100% - 30px);text-align:center}.copyright{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast,.row-note{transition:none}}

.header-actions{display:flex;align-items:center;gap:6px}.mini-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 11px;border:1px solid #c8d2cf;border-radius:999px;font-size:10px;font-weight:900;color:#35565d;background:rgba(255,255,255,.45)}.mini-link:hover{background:white;border-color:#aabbb7}.notice{background:#fff8f2;border-bottom:1px solid #edd8ca}.notice .container{min-height:38px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px}.notice b{color:#a94c22}.notice span{color:#775f52}.notice a{color:#8f441f;font-weight:900}.exchange-name{flex-direction:row;align-items:center;gap:10px}.exchange-name img{width:32px;height:32px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid #edf0ed;padding:2px;flex:0 0 auto}.exchange-name>div{display:flex;flex-direction:column;gap:5px;min-width:0}.tab-panels{min-width:0}
@media(max-width:600px){.header-actions{margin-left:auto}.x-link{display:none}.mini-link{padding:7px 10px}.notice .container{min-height:0;padding-top:8px;padding-bottom:8px;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;justify-content:start}.notice a{grid-column:2}.exchange-name img{width:34px;height:34px}.exchange-name{gap:9px}}
