:root{--ink:#17213b;--muted:#65718a;--line:#e1e7f0;--blue:#345edb}*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit}.shell{max-width:1120px;margin:auto;padding:0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;letter-spacing:.1em}.brand img{width:42px;height:42px}.top-note{font-size:13px;color:var(--muted)}.intro{padding:66px 0 34px;max-width:740px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.22em;color:var(--blue);margin-bottom:17px}h1{font-size:clamp(34px,5vw,54px);line-height:1.28;letter-spacing:-.035em;margin:0 0 20px}p{margin:0}.lead{color:var(--muted);font-size:17px;max-width:630px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:16px 0 36px}.card{display:flex;flex-direction:column;min-height:350px;padding:28px;background:white;border:1px solid var(--line);border-radius:20px;text-decoration:none;box-shadow:0 7px 24px #17213b05;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-5px);border-color:#9aafeb}.card.primary{color:white;background:linear-gradient(145deg,#111a38,#243c81);border-color:#243c81;box-shadow:0 14px 30px #182a6420}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#edf2ff;color:#345edb}.icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.primary .icon{background:#ffffff13;color:#f0bb68}.status{font-size:12px;border-radius:99px;padding:3px 10px;background:#f0f3f8;color:#68748a}.primary .status{background:#ffffff17;color:#d9e5ff}.card h2{font-size:26px;letter-spacing:-.025em;margin:27px 0 10px}.card p{font-size:14px;color:var(--muted)}.primary p{color:#bdcbea}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{font-size:11px;padding:3px 8px;background:#f4f6fa;border-radius:5px;color:var(--muted)}.primary .tags span{background:#ffffff0d;color:#ced9f0}.card-link{margin-top:auto;padding-top:29px;display:flex;justify-content:space-between;font-size:14px;font-weight:650}.primary .card-link{color:#ffce83}.bottom-note{padding:20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer{display:flex;justify-content:space-between;gap:16px;color:#8490a5;font-size:12px;padding-top:42px;padding-bottom:26px}.back{display:inline-block;text-decoration:none;color:var(--blue);font-size:14px}.placeholder{padding:65px 0 85px;max-width:760px}.placeholder .icon{margin:35px 0 22px}.placeholder h1{font-size:42px}.panel{margin-top:32px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:25px}.panel h2{font-size:17px;margin:0 0 10px}.panel p{color:var(--muted);font-size:15px}.action{display:inline-block;background:var(--blue);color:white;padding:12px 22px;border-radius:10px;text-decoration:none;margin-top:25px}.detail-status{display:inline-block;font-size:13px;color:#66758e;margin-bottom:14px}a:focus-visible{outline:3px solid #d59a35;outline-offset:5px}@media(max-width:760px){.shell{padding-left:20px;padding-right:20px}.intro{padding-top:36px}.cards{grid-template-columns:1fr}.card{min-height:290px}.top-note{display:none}.footer{flex-direction:column;gap:4px}.card h2{margin-top:20px}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}