:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#253d60;background:#f4f7fc;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:#3267d5;text-decoration:none}header{background:white;border-bottom:1px solid #dfe7f3;padding:22px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:25px;font-weight:750}.brand>span{font-size:18px}.brand small{display:block;font-size:11px;letter-spacing:2px;color:#8195b2;margin-top:5px}nav{display:flex;gap:22px}main{max-width:1328px;padding:30px 24px 60px;margin:auto}.intro>small{color:#839bbf;letter-spacing:3px;font-size:11px}h1{font-size:34px;letter-spacing:-1px;margin:10px 0}p{line-height:1.8;color:#637b9e}.flow{display:flex;gap:12px;align-items:center;margin:28px 0;flex-wrap:wrap}.flow span{background:white;border:1px solid #dfe7f4;padding:14px 22px;border-radius:12px}.flow .core{background:#376fe3;color:white;border-color:#376fe3}.flow b{color:#8ca5cb}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.numbers>div{background:white;border:1px solid #e0e8f5;border-radius:14px;padding:20px}.numbers strong{display:block;font-size:29px;color:#3167dc;margin-top:6px}.notice{border-left:4px solid #5683e8;background:#edf3ff;padding:20px 24px;margin:22px 0;border-radius:8px}.notice p{margin:7px 0}.section-title{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:30px 0 14px}.section-title h2{font-size:19px;margin:0}.section-title span,footer,.hint{font-size:12px;color:#8396b3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{cursor:pointer;text-align:left;background:white;color:inherit;border:1px solid #dce5f3;border-radius:12px;padding:18px;min-height:130px;font-family:inherit}.card.selected{border-color:#4377e7;box-shadow:0 0 0 2px #4377e71c}.card strong{font-size:16px}.card p{margin:9px 0;font-size:12px}.card small{color:#8a9cb6}.dictionary{margin-top:30px;border:1px solid #dfe7f3;border-radius:14px;padding:0 22px 22px;background:white}.search{display:flex;gap:12px;align-items:center}.search input{flex:1;max-width:480px;background:#f6f8fc;padding:12px;border:1px solid #dce5f3;border-radius:8px;color:inherit}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;background:#f4f7fc;color:#788eb0;font-size:12px;padding:12px}td{padding:14px 12px;border-bottom:1px solid #edf1f7;font-size:13px;line-height:1.6}td small{display:block;font-family:ui-monospace,monospace;color:#96a6bf;font-size:11px}td:nth-child(3){max-width:420px;overflow-wrap:anywhere}.rules{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.rules article{padding:20px;background:white;border:1px solid #e0e7f3;border-radius:12px}.rules p{font-size:13px;margin-bottom:0}footer{margin-top:25px}button#retry{border:0;background:#386fe2;color:white;padding:12px 22px;border-radius:8px;cursor:pointer}[hidden]{display:none!important}#status.error{color:#ac612f}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a3c1ff;outline-offset:3px}@media(max-width:760px){header{padding:18px;align-items:flex-start}nav{gap:12px;font-size:12px}main{padding:22px 16px}h1{font-size:26px}.numbers{grid-template-columns:repeat(2,1fr)}.cards,.rules{grid-template-columns:1fr}.flow{gap:7px}.flow span{padding:10px 12px;font-size:12px}.dictionary{padding:0 12px 18px}.section-title{flex-wrap:wrap}}