:root{--ink:#102b45;--muted:#60758b;--line:#dbe5ec;--paper:#f5f8fb;--blue:#1466c3;--mint:#0a9780;--navy:#08243d;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Inter,"PingFang SC","Microsoft YaHei",sans-serif}.site-header,main,footer{max-width:1120px;margin:auto}.site-header{height:76px;display:flex;align-items:center;gap:26px;padding:0 22px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink)}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;font-weight:800}.brand b{font-size:13px;letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:0}nav{display:flex;gap:20px;margin-left:auto}nav a,.home-link,.breadcrumb a,.section-head a,footer a{color:#315d82;text-decoration:none}.home-link{padding:7px 12px;border:1px solid var(--line);border-radius:999px}main{padding:8px 22px 60px}.breadcrumb{display:flex;gap:9px;color:var(--muted);font-size:13px;margin:18px 0}.hero{padding:55px;border-radius:24px;background:radial-gradient(circle at 85% 10%,#317fb5,transparent 30%),linear-gradient(135deg,#09233c,#0d4568);color:#fff}.eyebrow{margin:0 0 9px;color:#72c9f1;font-size:11px;font-weight:800;letter-spacing:.16em}.hero h1,.section h2{margin:0;letter-spacing:-.04em}.hero h1{font-size:clamp(38px,5vw,58px)}.hero h1 em{font-style:normal;color:#a1ecd6;margin-left:14px}.hero p:not(.eyebrow){max-width:690px;color:#d2e5f1;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:25px}.button{padding:11px 16px;border-radius:9px;font-weight:700;text-decoration:none}.primary{background:#fff;color:#09233c}.secondary{border:1px solid #83aec9;color:#fff}.section{margin-top:60px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-head h2,.two-column h2,.faq h2{font-size:28px}.section-head p{color:var(--muted);font-size:13px}.result-card{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:24px;align-items:center;padding:29px;background:var(--card);border:1px solid var(--line);border-radius:17px}.label,.next-card span{display:block;color:var(--muted);font-size:12px}.result-card strong{display:block;font-size:25px}.result-card p{margin:3px 0;color:var(--muted);font-size:13px}.balls{display:flex;justify-content:center;gap:10px}.balls span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e9f2fb;color:var(--blue);font-size:19px;font-weight:800}.next-card{display:flex;gap:12px;align-items:baseline;margin-top:12px;padding:14px 18px;border-radius:12px;background:#eaf5f2;color:#0a6659}.next-card b{font-size:17px}.next-card small{color:#39786e}.history-list{display:grid;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.history-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center}.history-row:last-child{border:0}.mini-balls{display:flex;gap:5px}.mini-balls i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eaf3fb;color:var(--blue);font-style:normal;font-weight:700;font-size:12px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-column article{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff}.two-column p:not(.eyebrow){color:var(--muted)}.rule-card{background:var(--navy)!important;color:#fff}.rule-card p:not(.eyebrow){color:#bdd7e8!important}.market-tags{display:flex;flex-wrap:wrap;gap:8px}.market-tags span{padding:6px 9px;border:1px solid #49718c;border-radius:7px;font-size:12px}.faq{max-width:830px}.faq details{padding:17px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:var(--muted);margin:10px 0 0}footer{display:flex;gap:16px;flex-wrap:wrap;padding:25px 22px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer a{margin-left:auto}@media(max-width:760px){.site-header{height:68px;padding:0 16px}.site-header nav{display:none}.home-link{margin-left:auto}main{padding:0 16px 40px}.hero{padding:37px 25px}.hero h1{font-size:41px}.result-card,.two-column{grid-template-columns:1fr}.result-card{gap:15px}.balls{justify-content:flex-start}.history-row{grid-template-columns:1fr 1fr}.history-row time{display:none}.section{margin-top:45px}.section-head h2,.two-column h2,.faq h2{font-size:25px}footer{padding:22px 16px 35px}footer a{margin-left:0}}
