:root{font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:#223132;background:#f2f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 82% 0,#d9ece7 0,transparent 34rem),#f2f6f5}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.shell{max-width:1080px;margin:auto;padding:28px 24px 72px}.hero{min-height:290px;padding:35px 43px 31px;border-radius:28px;background:linear-gradient(120deg,#103f42,#176266 70%,#288986);color:#f9fffc;box-shadow:0 22px 45px #103f4226;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff29;border-radius:50%;right:-100px;top:-145px;box-shadow:0 0 0 65px #ffffff0a,0 0 0 130px #ffffff0a}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:750;letter-spacing:.03em}.brand small{font-weight:400;font-size:12px;opacity:.73;margin-left:9px}.mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #a3ece0;border-radius:11px;color:#c6fff1}.hero h1{font-size:clamp(31px,5vw,52px);line-height:1.18;letter-spacing:-.04em;margin:24px 0 12px}.hero h1 em{font-style:normal;color:#b3eedb}.hero>p{max-width:650px;color:#d1e8e6;margin:0 0 21px;font-size:14px}.hero-meta{display:flex;align-items:center;gap:9px;color:#c3e9e5;font-size:12px}.pulse{width:7px;height:7px;border-radius:50%;background:#c4f8ac;box-shadow:0 0 0 5px #c4f8ac26}.panel{background:#fff;border:1px solid #e2eae7;border-radius:22px;box-shadow:0 10px 28px #26524e0b;margin-top:20px;padding:27px 31px}.section-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.section-heading h2{margin:1px 0 4px;font-size:21px;letter-spacing:-.02em}.section-heading p{margin:0;color:#70817e;font-size:13px;line-height:1.5}.step{display:grid;place-items:center;flex:none;background:#e0f1ec;color:#177265;border-radius:10px;width:37px;height:37px;font-size:12px;font-weight:800}.fields{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.fields label{display:block;color:#364b49;font-size:13px;font-weight:700}.fields input{display:block;width:100%;height:46px;margin-top:9px;padding:0 13px;border:1px solid #cddbd7;border-radius:11px;background:#fafcfb;color:#182c2a;outline:none}.fields input:focus{border-color:#1d8377;box-shadow:0 0 0 3px #1d837723}.fields input::placeholder{color:#a0aeaa}.hint{margin:14px 0 0;color:#7d8c89;font-size:12px}.hint code{color:#3c726a}.catalog-heading{align-items:center}.catalog-heading>div{flex:1}.primary,.secondary{border-radius:10px;padding:11px 16px;font-weight:750;font-size:13px}.primary{border:1px solid #12665c;background:#14746a;color:white;box-shadow:0 5px 12px #14746a22}.primary:hover:not(:disabled){background:#0c5f56}.secondary{border:1px solid #bfd5cf;background:#f5fbf8;color:#17685f}.secondary:hover:not(:disabled){background:#e7f5ef}.toolbar,.action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar{padding:13px 0;border-top:1px solid #edf1f0;border-bottom:1px solid #edf1f0;font-size:12px}.select-all{display:flex;align-items:center;gap:7px;font-weight:700}.select-all input,.code-row input{accent-color:#14746a}.legend{display:flex;align-items:center;gap:6px;color:#87928f}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:7px}.dot.candidate{background:#dca64c}.dot.verified{background:#39a67c}.dot.expired{background:#adb8b5}.code-list{max-height:520px;overflow:auto}.code-row{display:grid;grid-template-columns:25px minmax(140px,1fr) auto;align-items:center;gap:10px;padding:15px 5px;border-bottom:1px solid #f0f2f1}.code-row:last-child{border:0}.code-name{font-weight:750;font-size:15px;overflow-wrap:anywhere}.code-meta{display:flex;gap:11px;align-items:center;margin-top:5px;color:#8b9894;font-size:11px}.code-meta a{color:#327b73;text-decoration:none}.code-meta a:hover{text-decoration:underline}.badge{font-size:11px;font-weight:750;padding:6px 10px;border-radius:999px;white-space:nowrap}.badge.candidate{background:#fff4dd;color:#91600b}.badge.verified{background:#dff5e9;color:#177350}.badge.expired,.badge.invalid{background:#edf0ef;color:#66736f}.empty{padding:28px;color:#8b9995;text-align:center;font-size:13px}.action-bar{border-top:1px solid #edf1f0;margin-top:4px;padding-top:18px}.action-bar p{margin:0;color:#677b76;font-size:13px}.result-list{list-style:none;padding:0;margin:0}.result-list li:not(.empty){padding:11px 13px;margin-bottom:8px;border-radius:10px;background:#f6f9f8;display:flex;justify-content:space-between;gap:12px;font-size:13px}.result-list strong{color:#254840}.result-list span{color:#657672;text-align:right}footer{text-align:center;color:#9ca8a4;font-size:12px;margin:27px 0}dialog{border:0;border-radius:20px;padding:28px 30px;max-width:420px;width:calc(100% - 32px);box-shadow:0 25px 80px #0f33384a}dialog::backdrop{background:#0a252a89}.dialog-kicker{color:#14746a;font-size:12px;font-weight:800;margin:0 0 7px}dialog h2{margin:0 0 10px;font-size:24px}dialog p:not(.dialog-kicker){color:#607571;font-size:14px;line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173f3c;color:white;padding:11px 17px;border-radius:10px;font-size:13px;box-shadow:0 8px 25px #0002;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}@media(max-width:700px){.shell{padding:13px 12px 45px}.hero{padding:28px 24px;min-height:280px;border-radius:19px}.hero:after{right:-230px}.brand small{display:block;margin:2px 0 0}.panel{padding:22px 19px;border-radius:17px}.fields{grid-template-columns:1fr}.legend{display:none}.catalog-heading{flex-wrap:wrap}.catalog-heading .secondary{margin-left:53px}.code-row{grid-template-columns:25px minmax(0,1fr) auto}.result-list li:not(.empty){display:block}.result-list span{display:block;text-align:left;margin-top:5px}}