:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#20324a;background:#f4f7fb;line-height:1.65}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:18px max(5vw,20px);background:white;border-bottom:1px solid #e2e8f0}a{color:#0869ad;text-underline-offset:3px}.brand{font-weight:800;font-size:21px;text-decoration:none}nav{display:flex;gap:20px}main{max-width:1140px;margin:auto;padding:28px 20px}h1{font-size:34px;margin:10px 0}h2{font-size:23px;margin:0 0 18px}h3{margin-top:30px}.intro{padding:14px 4px 30px}.intro small{color:#067b66;font-weight:700}.muted{color:#63758a;font-size:14px}.panel{padding:26px;background:white;border:1px solid #e0e7f0;border-radius:14px;margin-bottom:24px;scroll-margin-top:20px}label{display:block;font-size:14px;margin-bottom:8px}.search-row{display:flex;gap:10px}input{min-width:0;flex:1;padding:12px;border:1px solid #ccd7e5;border-radius:8px;font:inherit}button{border:0;border-radius:8px;padding:11px 16px;background:#087c68;color:white;font:inherit;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#edf3f9;color:#24415f}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #248ad2;outline-offset:3px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.card{border:1px solid #dce5ef;border-radius:10px;padding:14px}.card img{width:100%;height:170px;object-fit:contain;background:#f3f5f7;border-radius:6px}.card h3{font-size:16px;margin:10px 0 5px}.card code{display:block;word-break:break-all;font-size:13px;margin:8px 0}.card label{margin-top:12px;display:flex;gap:8px;align-items:center}.card input{flex:none}.selection{border-top:1px solid #e2e8f0;padding-top:18px;margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.selection p{width:100%;margin:0}pre{padding:18px;background:#152a3d;color:#e6f1fb;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:9px;font-size:14px}code{font-family:ui-monospace,Consolas,monospace}.notice{padding:15px 18px;border-left:4px solid #e3ab3d;background:#fff8e8;margin-top:22px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px;border-bottom:1px solid #e2e8f0}th{background:#f4f7fb}li{margin:9px 0}#feedback{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#20324a;color:white;border-radius:8px;padding:10px 18px;max-width:90vw;z-index:5}#feedback:empty{display:none}footer{text-align:center;padding:25px;color:#63758a}@media(max-width:640px){header{align-items:flex-start;gap:12px;flex-direction:column}nav{gap:16px;font-size:14px}h1{font-size:27px}.panel{padding:18px}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.cards{grid-template-columns:1fr}.card img{height:210px}main{padding:18px 12px}}