:root{--primary: #1677ff;--primary-dark: #0b5fc6;--cyan: #16b8c7;--purple: #7467f0;--warning: #d99014;--danger: #d94b61;--success: #0ca678;--text: #102033;--muted: #66778a;--border: #dce7ef;--page: #f5f8fc;--surface: #ffffff;--surface-soft: #eef6fa;--lock-bg: #fff7e6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(16, 32, 51, .05);--shadow-md: 0 14px 34px rgba(16, 83, 137, .09);--shell: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.shell{width:min(100% - 40px,var(--shell));margin-inline:auto}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:10px;background:var(--primary);color:#fff;cursor:pointer;font-weight:600;transition:filter .2s ease,transform .2s ease}.button:hover{filter:brightness(.97);transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button--soft{background:var(--surface-soft);color:var(--primary)}.button--outline{border-color:var(--border);background:var(--surface);color:var(--text)}.button--danger{border-color:var(--danger);background:transparent;color:var(--danger)}.field{display:grid;gap:.45rem}.field>span,.field>label{color:var(--text);font-size:.82rem;font-weight:650}.input{width:100%;min-height:44px;padding:.7rem .85rem;border:1px solid var(--border);border-radius:10px;outline:none;color:var(--text);background:var(--surface)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.eyebrow{color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.empty-state{padding:3rem 1.25rem;border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--muted);text-align:center;background:color-mix(in srgb,var(--surface) 70%,transparent)}.error-text{color:var(--danger);font-size:.84rem}.success-text{color:var(--success);font-size:.84rem}@media(max-width:560px){.shell{width:min(100% - 32px,var(--shell))}}