:root{--ink:#102b45;--muted:#62758b;--line:#dbe5ec;--paper:#f7fafc;--card:#fff;--blue:#1466c3;--mint:#0a9780;--navy:#071d33;--gold:#d89c30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.55}.site-header{height:76px;display:flex;align-items:center;gap:34px;max-width:1180px;margin:auto;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--ink);color:#fff;font-weight:800}.brand b{display:block;font-size:13px;letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:11px}nav{display:flex;gap:22px;margin-left:auto}nav a,.header-link{color:var(--muted);font-size:14px;text-decoration:none}.header-link{border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:var(--ink)}main{max-width:1180px;margin:auto;padding:12px 24px 58px}.hero{display:grid;grid-template-columns:1.65fr .75fr;gap:28px;align-items:stretch;padding:70px 54px;border-radius:28px;background:radial-gradient(circle at 88% 6%,#2c8dca 0,transparent 28%),linear-gradient(135deg,#09233c,#0b4166);color:#fff;overflow:hidden}.eyebrow{margin:0 0 10px;color:#318cd1;font-size:11px;font-weight:800;letter-spacing:.16em}.hero .eyebrow,.report-card .eyebrow{color:#8bd5ff}.hero h1{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-.05em}.hero h1 em{font-style:normal;color:#9ee9d2}.lede{max-width:640px;color:#d4e6f3;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-block;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:700;font-size:14px}.primary{background:#fff;color:#08223a}.secondary{border:1px solid #7ba8c4;color:#fff}.feed-status{margin-top:25px;color:#99bbd1;font-size:12px}.hero-panel{padding:24px;border:1px solid #4d7897;border-radius:18px;background:#08243d99}.hero-panel p,.hero-panel span,.hero-panel small{color:#aad0e9;font-size:13px}.hero-panel strong{display:block;font-size:54px;line-height:1;margin:18px 0 3px}.hero-panel hr{border:0;border-top:1px solid #4e7592;margin:25px 0 16px}.hero-panel b{display:block;color:#fff}.section{margin-top:68px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.section-heading h2,.method-section h2{margin:0;font-size:29px;letter-spacing:-.035em}.section-heading p{margin:7px 0 0;color:var(--muted);font-size:14px}.compact{margin-bottom:18px}.text-button{border:0;background:none;color:var(--blue);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.game-card,.result-table-card,.report-card,.rules-card{background:var(--card);border:1px solid var(--line);border-radius:16px}.game-card{padding:20px;min-height:180px}.game-card .top{display:flex;justify-content:space-between;gap:8px}.game-card h3{margin:0;font-size:16px}.badge{font-size:11px;font-weight:700;color:var(--mint);background:#e6faf5;border-radius:999px;padding:4px 7px}.issue{margin:24px 0 8px;font-size:13px;color:var(--muted)}.balls{display:flex;gap:7px}.ball{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#eaf3fb;color:var(--blue);font-weight:800;font-size:13px}.sum{margin-left:auto;color:var(--ink);font-size:12px}.game-card small{display:block;margin-top:16px;color:var(--muted)}.skeleton{height:180px;border-radius:16px;background:linear-gradient(90deg,#eaf0f4,#f7fafc,#eaf0f4);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.split{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}.result-table-card,.report-card{padding:26px}.history-table{overflow:auto}.history-row{display:grid;grid-template-columns:1.1fr .8fr 1.4fr .65fr;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.history-row b{font-size:12px}.history-result{display:flex;gap:4px}.history-result i{font-style:normal;color:var(--blue);font-weight:700}.report-card{background:var(--navy);border-color:var(--navy);color:#fff}.report-card h2{margin:0;font-size:28px;line-height:1.28;letter-spacing:-.04em}.report-card p:not(.eyebrow){color:#b5cad9;font-size:14px}.report-lines{display:grid;gap:9px;margin:22px 0;color:#dcedf5;font-size:13px}.text-link{color:#80d6ff;text-decoration:none;font-size:14px;font-weight:700}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rules-card{padding:20px}.rules-card h3{margin:0 0 8px;font-size:16px}.rules-card p{margin:0;color:var(--muted);font-size:13px}.rule-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.rule-tags span{padding:4px 7px;background:#eef4f8;border-radius:6px;font-size:11px;color:#40607b}.method-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;margin-top:68px;padding:45px 0;border-top:1px solid var(--line)}.method-section ol{margin:0;padding:0;list-style:none;display:grid;gap:16px}.method-section li{display:flex;gap:16px;align-items:center}.method-section li b{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#e5f5f1;color:var(--mint);font-size:12px}.method-note{grid-column:2;margin:0;color:var(--muted);font-size:13px}footer{max-width:1180px;margin:auto;padding:23px 24px 40px;border-top:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px}footer a{margin-left:auto;color:var(--ink);text-decoration:none}.empty{color:var(--muted);font-size:14px}@media(max-width:760px){.site-header{height:68px;padding:0 16px}.site-header nav{display:none}.header-link{margin-left:auto}main{padding:0 16px 40px}.hero{grid-template-columns:1fr;padding:38px 25px;border-radius:20px}.hero h1{font-size:42px}.hero-panel{display:none}.game-grid,.rules-grid{grid-template-columns:1fr 1fr}.split,.method-section{grid-template-columns:1fr}.method-section{gap:24px}.method-note{grid-column:auto}.section{margin-top:45px}.history-row{grid-template-columns:1fr .9fr 1.2fr}.history-row span:last-child{display:none}.result-table-card,.report-card{padding:20px}footer a{margin-left:0}.section-heading h2,.method-section h2{font-size:25px}}@media(max-width:420px){.game-grid{grid-template-columns:1fr}.rules-grid{grid-template-columns:1fr}}