:root{--bg: #f4f5fb;--bg-grad-1: #eef1ff;--bg-grad-2: #f4f5fb;--surface: #ffffff;--surface-2: #fafbff;--primary: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-soft: #eef0ff;--text: #1e2235;--muted: #6b7280;--border: #e6e8f0;--border-strong: #d6d9e8;--danger: #ef4444;--danger-soft: #fef2f2;--success: #10b981;--shadow-sm: 0 1px 2px rgba(30, 34, 53, .06);--shadow: 0 10px 30px -12px rgba(79, 70, 229, .25);--shadow-lg: 0 24px 60px -20px rgba(30, 34, 53, .28);--radius: 16px;--radius-sm: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:linear-gradient(160deg,var(--bg-grad-1) 0%,var(--bg-grad-2) 45%,#ffffff 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code,.record__mono{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease;background:var(--primary-soft);color:var(--primary-700);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;box-shadow:var(--shadow)}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--muted)}.btn--ghost:hover:not(:disabled){color:var(--primary-700);border-color:var(--primary)}.btn--sm{padding:6px 12px;font-size:13px}.btn--block{width:100%;padding:13px;font-size:15px;letter-spacing:2px}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#ffffffb8;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}.app-header__brand{display:flex;align-items:center;gap:12px;min-width:0}.app-header__logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-700) 100%);color:#fff;font-size:22px;box-shadow:var(--shadow);flex:none}.app-header__title{margin:0;font-size:17px;font-weight:700;letter-spacing:.3px}.app-header__subtitle{margin:2px 0 0;font-size:12px;color:var(--muted)}.app-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:20px}.app-footer{text-align:center;padding:18px;font-size:12px;color:var(--muted)}.key-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.key-status__chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;max-width:240px}.key-status__dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #10b9812e;flex:none}.key-status__label{font-size:12px;color:var(--muted)}.key-status__value{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.gate{position:relative;min-height:100vh;display:grid;place-items:center;padding:20px;overflow:hidden}.gate__bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 15% -10%,#c7d2fe 0%,transparent 55%),radial-gradient(1000px 700px at 110% 20%,#ddd6fe 0%,transparent 50%),linear-gradient(160deg,#eef1ff,#f4f5fb 60%,#fff);z-index:0}.gate__bg:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 180deg at 50% 50%,#6366f114,#a855f70f,#6366f114);animation:spin 22s linear infinite;z-index:-1}@keyframes spin{to{transform:rotate(360deg)}}.gate__card{position:relative;z-index:1;width:100%;max-width:420px;background:#ffffffeb;border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:32px 28px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gate__lock{font-size:40px;text-align:center;margin-bottom:8px}.gate__title{margin:0 0 6px;text-align:center;font-size:22px;font-weight:800}.gate__hint{margin:0 0 22px;text-align:center;font-size:13px;line-height:1.6;color:var(--muted)}.gate__error{margin-top:14px;margin-bottom:14px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:13px;border:1px solid #fecaca}.field{display:block;margin-bottom:16px}.field__label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text)}.field__input{width:100%;padding:11px 13px;font-size:14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease;outline:none}.field__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f129}.field__with-action{display:flex;gap:8px;align-items:stretch}.field__with-action .field__input{flex:1}.field__toggle{flex:none;padding:0 14px;border:1px solid var(--border-strong);background:var(--surface-2);border-radius:var(--radius-sm);font-size:13px;color:var(--muted);cursor:pointer}.field__toggle:hover{color:var(--primary-700);border-color:var(--primary)}.list{display:flex;flex-direction:column;gap:16px}.list__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.list__status{font-size:14px;color:var(--muted)}.list__status strong{color:var(--text)}.list__error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--danger-soft);border:1px solid #fecaca;color:var(--danger);font-size:14px}.list__empty,.list__loading{padding:48px 16px;text-align:center;color:var(--muted);font-size:14px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius)}.list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.record{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;overflow:hidden}.record:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}.record__head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;padding:14px 16px;background:linear-gradient(135deg,#eef1ff,#f7f8ff);border-bottom:1px solid var(--border)}.record__avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--primary-soft);color:var(--primary);flex:none}.record__avatar svg{width:22px;height:22px}.record__head-main{flex:1;min-width:0}.record__cursor{font-size:14px;font-weight:700;color:var(--primary-700);text-decoration:none;word-break:break-all;transition:color .15s ease}.record__cursor:hover{text-decoration:underline;color:var(--primary)}.record__id{flex:none;font-size:12px;font-weight:700;color:var(--muted);background:#ffffffb3;border:1px solid var(--border);padding:3px 10px;border-radius:999px}.record__body{margin:0;padding:6px 16px 4px;display:flex;flex-direction:column}.record__row{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.record__row:last-child{border-bottom:none}.record__ic{flex:none;width:18px;height:18px;margin-top:1px;color:var(--primary)}.record__meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.record__label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.record__link{font-size:13.5px;line-height:1.4;color:var(--primary-700);text-decoration:none;word-break:break-all}.record__user{display:flex;align-items:center;gap:8px}.record__copy{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.record__copy:hover{color:var(--primary-700);border-color:var(--primary)}.record__copy svg{width:14px;height:14px;display:block}.record__copy--copied{color:var(--success);border-color:var(--success)}.record__nick{font-size:12px;color:var(--muted);word-break:break-all}.record__link:hover{text-decoration:underline}.record__value{font-size:13.5px;color:var(--text);word-break:break-all}.record__mono{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.record__desc{margin:4px 16px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px}.record__desc-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--primary-700);margin-bottom:10px}.record__kv{display:grid;grid-template-columns:1fr;gap:9px}.record__kv-item{display:flex;flex-direction:column;gap:1px;min-width:0}.record__kv-label{font-size:11px;color:var(--muted)}.record__desc-head svg{width:15px;height:15px}.record__kv-value{font-size:12.5px;color:var(--text);word-break:break-word;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}.pagination{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.pagination__left,.pagination__center,.pagination__jump{display:flex;align-items:center;gap:8px}.pagination__size{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.pagination__current{font-size:14px;font-weight:600;min-width:64px;text-align:center}.pagination__jump{font-size:13px;color:var(--muted)}.pagination__jump-input{width:72px;padding:6px 8px;font-size:13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none}.pagination__jump-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f129}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px 28px 6px 10px;font-size:13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text);cursor:pointer;outline:none}.select:focus{border-color:var(--primary)}@media (max-width: 640px){.app-header{padding:10px 14px}.app-header__subtitle{display:none}.key-status__chip{max-width:150px}.key-status__label{display:none}.key-status__value{max-width:90px}.app-main{padding:14px}.list__grid{grid-template-columns:1fr}.pagination{position:sticky;bottom:8px;flex-direction:column;align-items:stretch;gap:10px}.pagination__left,.pagination__center,.pagination__jump{justify-content:center;flex-wrap:wrap}.pagination__jump-input{width:64px}.record__row dt{width:56px}}@media (max-width: 380px){.key-status__chip{max-width:110px}.key-status__value{max-width:60px}}.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:var(--shadow)}.btn--danger-outline{background:#fff;border:1px solid #ef4444;color:#dc2626}.btn--danger-outline:hover:not(:disabled){background:#fef2f2;color:#b91c1c}.record__actions{display:flex;align-items:center;gap:8px;flex:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:16px;background:#0f122380;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{width:100%;max-width:440px;max-height:calc(100vh - 32px);margin:auto;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;animation:modal-in .16s ease}.modal--list{max-width:560px}.modal__body{padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}@keyframes modal-in{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.modal__title{margin:0;font-size:16px;font-weight:700}.modal__close{border:none;background:transparent;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}.modal__close:hover:not(:disabled){color:var(--text)}.modal__body{padding:18px;display:flex;flex-direction:column;gap:14px;flex:1 1 auto;overflow-y:auto}.modal__warn{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}.modal__info{margin:0;display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.modal__info-row{display:flex;align-items:baseline;gap:10px;font-size:13px}.modal__info-row dt{flex:none;width:72px;color:var(--muted)}.modal__info-row dd{margin:0;flex:1;min-width:0;word-break:break-all;color:var(--text)}.field__textarea{width:100%;padding:10px 12px;font-size:13px;font-family:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text);resize:vertical;outline:none}.field__textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f129}.modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--border);background:var(--surface-2)}@media (max-width: 640px){.record__actions{gap:6px}.modal__info-row dt{width:64px}}.app-header__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.blist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.blist__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.blist__info{min-width:0;display:flex;flex-direction:column;gap:3px}.blist__id{font-size:13px;font-weight:600;color:var(--text);word-break:break-all}.blist__remark{font-size:12.5px;color:var(--muted);word-break:break-word}.modal__pagination{padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-2)}.modal__pagination .pagination{position:static;box-shadow:none;background:transparent;border:none;padding:0;border-radius:0}