:root{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#18243b;background:#f6f8fc;font-synthesis:none;--blue:#2b50e8;--muted:#758198;--border:#dfe5f0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}button:disabled{opacity:.55;cursor:wait;transform:none!important;box-shadow:none!important}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8da6ff;outline-offset:3px}[hidden]{display:none!important}.header,main,footer{width:min(1120px,calc(100% - 64px));margin:auto}.header{height:96px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:700}.brand-mark{display:grid;place-items:center;background:var(--blue);color:#fff;width:40px;height:40px;border-radius:12px;font-size:23px}.header-actions{display:flex;align-items:center;gap:22px}.text-button{background:transparent;border:0;color:#68758f;padding:9px 10px;border-radius:8px;font-size:14px;font-weight:600}.text-button:hover{color:var(--blue);background:#edf2ff}.secondary{border:1px solid #d5ddeb;background:#fff;color:#465778;border-radius:9px;padding:10px 16px;font-size:14px;font-weight:600;box-shadow:0 1px 2px #20314d0d}.secondary:hover{border-color:#b9c8f6;color:var(--blue);background:#f7f9ff;box-shadow:0 4px 12px #2b50e814;transform:translateY(-1px)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2446cf;border-radius:10px;background:linear-gradient(180deg,#365df0 0%,var(--blue) 100%);color:white;padding:12px 20px;font-size:14px;font-weight:700;min-height:44px;box-shadow:0 7px 16px #2b50e82b}.primary:hover{background:linear-gradient(180deg,#3157e6 0%,#2144d1 100%);box-shadow:0 10px 22px #2b50e838;transform:translateY(-1px)}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:47px 0 35px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#7382a0}h1{font-size:clamp(32px,4vw,44px);letter-spacing:-1px;line-height:1.4;margin:13px 0 12px}h1 span{color:var(--blue)}.intro p{font-size:16px;color:#718098;margin:0}.announcement{display:flex;gap:24px;background:#edf2ff;border:1px solid #dbe4ff;border-radius:10px;padding:21px 25px;margin-bottom:36px}.announcement h2{font-size:14px;margin:3px 0 0;white-space:nowrap;color:#3453b7}.announcement p{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#516185;margin:0;min-width:0}.tabs-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}#group-tabs{display:flex;gap:25px;overflow-x:auto;max-width:100%;scrollbar-width:thin}#group-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:13px 1px 17px;white-space:nowrap;font-size:15px;color:#74809a}#group-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);font-weight:650}#group-tabs button span{font-size:12px;border-radius:5px;margin-left:8px;background:#e8edf7;padding:2px 6px;color:#6e7d96}.tabs-row>.text-button{flex-shrink:0}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 24px}.group-heading h2{font-size:22px;margin:0 0 8px}.group-heading p{font-size:14px;color:var(--muted);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.inline-link{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.inline-link:hover{color:#173cce;text-decoration-thickness:2px}#group-url{font-size:14px;color:var(--blue);white-space:nowrap}.list-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#50617f;margin-bottom:17px}.list-heading>span:last-child{font-size:13px;color:#8390a5}.total{margin-left:5px;background:#e9eef8;padding:2px 7px;border-radius:5px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s}.card:hover{border-color:#afc0ee}.card-top{padding:21px 23px 20px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.serial{font-family:Consolas,monospace;font-size:12px;letter-spacing:1px;color:#8a96aa}.badge{font-size:12px;border-radius:4px;color:#3b5fba;background:#edf2ff;padding:4px 8px}.code{display:block;font-family:Consolas,monospace;font-size:29px;font-weight:600;letter-spacing:1.6px;margin:25px 0 10px;line-height:1.5;overflow-wrap:anywhere}.code-note{font-size:13px;color:#8a94a6;margin:0;min-height:20px;overflow-wrap:anywhere;white-space:pre-wrap}.card-bottom{border-top:1px dashed var(--border);padding:17px 21px;display:flex;flex-direction:column;gap:10px}.copy{min-height:40px;background:linear-gradient(180deg,#3a60ef 0%,#2b50e8 100%);color:#fff;border:1px solid #2446cf;border-radius:9px;font-size:14px;font-weight:700;padding:10px 14px;box-shadow:0 5px 12px #2b50e826}.copy:hover{background:linear-gradient(180deg,#3157e6 0%,#2144d1 100%);box-shadow:0 7px 16px #2b50e836;transform:translateY(-1px)}.mark{min-height:38px;background:#fff;border:1px solid #d6deec;border-radius:9px;color:#64738d;font-size:14px;font-weight:650;padding:8px 12px}.mark:hover{color:var(--blue);border-color:#b9c8f6;background:#f5f7ff;box-shadow:0 3px 9px #2b50e812;transform:translateY(-1px)}.used .mark{color:#a96a08;border-color:#ecd39f;background:#fff9ec}.used .mark:hover{color:#8e5905;border-color:#dfbd76;background:#fff4d9}.used{background:#f0f3f8}.used .code{color:#909bb0;text-decoration:line-through;text-decoration-thickness:1px}.used .badge{background:#e4e9f1;color:#7a879e}.used .copy{background:#eef1f5;color:#7a879e;border-color:#dde3eb;box-shadow:none}.used .copy:hover{background:#e5eaf1;color:#68768e;border-color:#d3dbe7}.delete-code{border:1px solid #f1c7cd;background:#fff5f6;color:#b53f50;width:calc(100% - 42px);margin:0 21px 18px;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:650}.delete-code:hover{background:#ffecef;border-color:#e9aeb7;color:#9f3041;box-shadow:0 3px 10px #c8495a14;transform:translateY(-1px)}.footnote{font-size:12px;color:#8793a8;margin:23px 0;line-height:1.8}.empty{text-align:center;padding:40px 18px;border:1px dashed var(--border);border-radius:12px}.empty h3{font-size:18px}.empty p{font-size:14px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);margin-top:45px;padding:25px 0 30px;font-size:12px;letter-spacing:.5px;color:#8b97ac}dialog{border:1px solid #dce3f0;padding:28px;border-radius:16px;box-shadow:0 24px 100px #14254830;width:min(500px,calc(100% - 32px));max-height:90dvh;overflow-y:auto;color:#1d2b44;background:#fff}dialog::backdrop{background:#17264060;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-heading h2,dialog>h2{font-size:22px;margin:0}.close{display:grid;place-items:center;width:36px;height:36px;font-size:26px;color:#8a94a9;border:0;background:transparent;border-radius:9px;padding:0;line-height:1}.close:hover{background:#f0f3f8;color:#53617a}.muted{font-size:14px;color:var(--muted);line-height:1.8}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input,select,textarea{display:block;width:100%;border:1px solid #d7dfed;border-radius:7px;background:#fbfcff;padding:11px 12px;color:#20314e;font-size:16px;line-height:1.5}textarea{resize:vertical;min-height:110px}input:focus,select:focus,textarea:focus{outline:2px solid #b8c8fc;border-color:var(--blue)}.field-hint{font-size:12px;color:#8491a7;margin:7px 0;line-height:1.6}.form-error{font-size:14px;color:#bd3549;line-height:1.6}.form-error:empty{display:none}.danger{border:1px solid #b63d4e;background:#c8495a;color:#fff;border-radius:9px;padding:10px 17px;font-size:14px;font-weight:700;box-shadow:0 5px 12px #c8495a26}.danger:hover{background:#b94051;box-shadow:0 7px 16px #c8495a33;transform:translateY(-1px)}.text-danger{color:#bd4354;border:0;background:transparent;border-radius:7px;padding:8px 10px;font-size:14px;font-weight:600}.text-danger:hover{background:#fff0f2;color:#a93647}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,20px);background:#20314d;color:#fff;border-radius:9px;padding:13px 22px;font-size:14px;max-width:calc(100% - 32px);width:max-content;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}#admin-dialog{width:min(740px,calc(100% - 32px))}.admin-nav{display:flex;gap:20px;border-bottom:1px solid var(--border);margin:20px 0}.admin-nav button{border:0;border-bottom:2px solid transparent;background:none;padding:13px 0;color:#79869e;font-size:14px}.admin-nav button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.admin-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.group-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}.group-row>div:first-child{min-width:0}.group-row strong{font-size:15px;overflow-wrap:anywhere}.group-row p{font-size:13px;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}.row-actions{display:flex;align-items:center;gap:13px;flex-shrink:0}.default-badge{font-size:12px;margin-left:8px;color:#7c8eab;background:#eef2fa;padding:3px 6px;border-radius:4px}.admin-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:#8b96a9;border-top:1px solid var(--border);padding-top:20px;margin-top:25px}.idea-row{padding:20px;border:1px solid var(--border);border-radius:10px;margin-bottom:14px}.idea-meta{display:flex;justify-content:space-between;color:#7b8aa3;font-size:12px}.idea-row h3{font-size:17px;margin:13px 0 8px;overflow-wrap:anywhere}.idea-row p{font-size:14px;line-height:1.7;color:#6c7b94;white-space:pre-wrap;overflow-wrap:anywhere}.clipboard-field{position:fixed;top:0;left:0;opacity:0}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.announcement{gap:16px}.header,main,footer{width:calc(100% - 40px)}}@media(max-width:570px){.header{height:78px}.header-actions{gap:14px}.brand{gap:8px;font-size:16px}.brand-mark{width:33px;height:33px;font-size:20px}.header-actions .secondary{padding:8px 10px;font-size:12px}.header-actions .text-button{font-size:12px}.intro{display:block;padding:32px 0 26px}.intro>.primary{margin-top:22px}h1{font-size:33px}.announcement{display:block;padding:18px;margin-bottom:23px}.announcement h2{margin-bottom:10px}.announcement p{font-size:14px}.cards{grid-template-columns:1fr}.card-bottom{flex-direction:row;align-items:center;gap:12px}.copy{flex:1}.mark{padding:6px}.card-top{padding:22px}.code{font-size:30px;margin-top:20px}.tabs-row{gap:13px}#group-tabs{gap:18px}.tabs-row>.text-button{font-size:12px}.group-heading{margin-top:22px}.group-heading h2{font-size:20px}.group-heading p{font-size:14px}footer{flex-direction:column;gap:9px;margin-top:30px}.group-row{align-items:flex-start}.group-row .row-actions{flex-direction:column;gap:10px}.default-badge{display:block;width:max-content;margin:7px 0 0}.admin-section-heading{align-items:flex-start}.admin-section-heading .primary{white-space:nowrap;padding:11px 13px}dialog{padding:22px}.admin-footer{align-items:flex-start}.admin-footer span{max-width:65%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}