:root{--bg: #f4f6fb;--bg-soft: #eaeef7;--surface: #ffffff;--surface-2: #f5f7fc;--border: #dde3f0;--border-soft: #e8ecf6;--text: #131a2b;--text-dim: #5a6684;--text-faint: #8a95ad;--accent: #2f6fe4;--accent-hover: #1f5ed0;--accent-soft: rgba(47, 111, 228, .09);--success: #10b981;--warning: #d97706;--danger: #dc2626;--radius: 14px;--radius-sm: 9px;--shadow: 0 8px 26px rgba(30, 45, 90, .1);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}[data-theme=dark]{--bg: #0b1020;--bg-soft: #121a30;--surface: #16203a;--surface-2: #1c2846;--border: #263352;--border-soft: #1e2942;--text: #e8edf9;--text-dim: #9aa8c7;--text-faint: #6b7a9c;--accent: #4f8cff;--accent-hover: #6ea1ff;--accent-soft: rgba(79, 140, 255, .12);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--shadow: 0 8px 28px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(760px 420px at 12% -8%,rgba(47,111,228,.07),transparent 62%),radial-gradient(680px 400px at 88% 0%,rgba(139,92,246,.06),transparent 60%);z-index:0}[data-theme=dark] body:before{background:radial-gradient(760px 420px at 12% -8%,rgba(79,140,255,.16),transparent 62%),radial-gradient(680px 400px at 88% 0%,rgba(139,92,246,.13),transparent 60%)}#app{position:relative;z-index:1}.wrap{max-width:1180px;margin:0 auto;padding:22px 20px 90px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 0 22px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,var(--accent),#8b5cf6);box-shadow:0 6px 18px #4f8cff52;flex-shrink:0}.brand-text h1{margin:0;font-size:19px;font-weight:700;letter-spacing:.2px}.brand-text p{margin:1px 0 0;font-size:12.5px;color:var(--text-faint)}.topbar-actions{display:flex;align-items:center;gap:8px}.btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px 15px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .16s,border-color .16s,transform .1s,color .16s;white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),#6d5cf6);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 16px #4f8cff4d}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),#7d6cff);border-color:transparent}.btn-icon{padding:9px 11px}.btn-sm{padding:6px 11px;font-size:12.5px}.gh-link{text-decoration:none}.gh-link svg{display:block}.gh-link:hover{color:var(--accent)}.main-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.main-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:15px 10px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;font-family:inherit;transition:all .18s;overflow:hidden}.main-tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--accent),#8b5cf6);transform:scaleX(0);transition:transform .22s}.main-tab:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.main-tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.main-tab.active:after{transform:scaleX(1)}.main-tab .tab-icon{font-size:23px;line-height:1}.main-tab .tab-label{font-size:15px;font-weight:650;letter-spacing:.3px}.main-tab .tab-sub{font-size:10.5px;color:var(--text-faint);letter-spacing:1.1px;text-transform:uppercase}.main-tab.active .tab-sub{color:var(--accent);opacity:.8}.tab-intro{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:17px 19px;margin-bottom:16px;box-shadow:var(--shadow);animation:rise .3s ease both}.intro-head{display:flex;gap:13px;align-items:flex-start}.intro-icon{font-size:27px;line-height:1.1;flex-shrink:0}.intro-head h2{margin:0 0 5px;font-size:16.5px;font-weight:700;display:flex;align-items:baseline;gap:9px}.intro-sub{font-size:11px;font-weight:500;color:var(--text-faint);letter-spacing:1.2px;text-transform:uppercase}.intro-head p{margin:0;font-size:13.5px;line-height:1.72;color:var(--text-dim)}.intro-points{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}.intro-points li{font-size:12px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border-soft);border-radius:20px;padding:3px 11px}.intro-points li:before{content:"✓";color:var(--success);margin-right:5px;font-weight:700}.mail-block{margin:12px 16px 14px;padding:15px 17px;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-sm);position:relative}.mail-line{font-family:var(--mono);font-size:13.5px;line-height:1.85;color:var(--text);white-space:pre-wrap;word-break:break-word}.mail-line:first-child{font-weight:700;color:var(--accent)}.copy-btn.inline{opacity:1;margin-top:11px;border:1px solid var(--border);background:var(--surface);padding:6px 13px;font-size:12.5px;border-radius:7px;color:var(--text-dim);width:auto}.copy-btn.inline:hover{border-color:var(--accent);color:var(--accent)}.footer-notice{margin:0 0 15px}.controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:20px;box-shadow:var(--shadow)}.control-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}select,input[type=number],input[type=text]{appearance:none;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:var(--radius-sm);font-size:14px;font-family:inherit;min-width:130px;cursor:pointer;transition:border-color .16s}input[type=text],input[type=number]{cursor:text}select:focus,input:focus{outline:none;border-color:var(--accent)}.spacer{flex:1 1 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);animation:rise .32s ease both}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.card-head{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--border-soft);background:var(--surface-2)}.card-head .ico{font-size:16px}.card-head h2{margin:0;font-size:14px;font-weight:650;letter-spacing:.2px}.card-head .sub{margin-left:auto;font-size:11.5px;color:var(--text-faint);font-family:var(--mono)}.card-body{padding:6px 0}.row{display:flex;align-items:center;gap:12px;padding:7px 16px;border-radius:7px;transition:background .13s;position:relative}.row:hover{background:var(--accent-soft)}.row .k{font-size:12.5px;color:var(--text-faint);flex:0 0 108px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .v{flex:1;font-size:14px;font-family:var(--mono);word-break:break-word;overflow-wrap:anywhere;color:var(--text);min-width:0}.row .v.sensitive{color:var(--warning);font-weight:600}.row .v.highlight{color:var(--accent);font-weight:600}.copy-btn{opacity:0;border:none;background:transparent;color:var(--text-faint);cursor:pointer;padding:4px 6px;border-radius:6px;font-size:13px;line-height:1;transition:opacity .15s,background .15s,color .15s;flex-shrink:0}.row:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--border);color:var(--text)}.copy-btn.copied{opacity:1;color:var(--success)}.avatar-block{display:flex;align-items:center;gap:15px;padding:18px 16px;border-bottom:1px solid var(--border-soft)}.avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #00000042;user-select:none}.avatar-info{min-width:0}.avatar-info .nm{font-size:17px;font-weight:680;letter-spacing:.2px}.avatar-info .meta{font-size:12.5px;color:var(--text-dim);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}.avatar-info .meta span{display:inline-flex;align-items:center;gap:4px}.chip{display:inline-block;padding:1px 8px;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-size:11.5px;font-weight:600}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:14px 0 0}.batch-area{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.batch-area h2{margin:0 0 4px;font-size:15px}.batch-area .hint{margin:0 0 13px;font-size:12.5px;color:var(--text-faint)}.notice{display:flex;gap:11px;align-items:flex-start;background:#fbbf2414;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius);padding:13px 16px;margin-bottom:20px;font-size:13px;line-height:1.65;color:var(--text-dim)}.notice .ico{font-size:16px;flex-shrink:0;line-height:1.4}.notice strong{color:var(--warning)}.toast-host{position:fixed;bottom:26px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:999;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:10px 18px;border-radius:30px;font-size:13.5px;box-shadow:0 8px 26px #0006;animation:toastIn .24s ease both;display:flex;align-items:center;gap:8px}.toast.ok{border-color:var(--success)}.toast.err{border-color:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.empty{text-align:center;padding:60px 20px;color:var(--text-faint)}.empty .big{font-size:44px;margin-bottom:10px}.footer{margin-top:42px;padding-top:20px;border-top:1px solid var(--border-soft);font-size:12.5px;color:var(--text-faint);line-height:1.8}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-github{margin-top:10px}.footer-github a{display:inline-flex;align-items:center;gap:7px;font-weight:500;text-decoration:none}.footer-github a:hover{text-decoration:none}.footer-github svg{flex:0 0 auto}@media (max-width: 760px){.wrap{padding:16px 13px calc(70px + env(safe-area-inset-bottom))}.grid{grid-template-columns:1fr}.row .k{flex-basis:88px;font-size:11.5px}.row .v{font-size:13px}.copy-btn{opacity:.75}.brand-text h1{font-size:16.5px}.control-row{gap:11px}.field{flex:1 1 140px}select,input[type=number]{width:100%;min-width:0}.spacer{display:none}.main-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.main-tab{padding:12px 8px}.main-tab .tab-icon{font-size:20px}.main-tab .tab-label{font-size:13.5px}.main-tab .tab-sub{display:none}.tab-intro{padding:14px 15px}.intro-icon{font-size:22px}.intro-head h2{font-size:15px}.intro-head p{font-size:12.5px}#genBtn{flex:1 1 100%;justify-content:center}}@media (max-width: 560px){.wrap{padding:13px 10px calc(60px + env(safe-area-inset-bottom))}.topbar{padding:8px 0 16px;gap:10px}.brand-logo{width:38px;height:38px;font-size:20px;border-radius:10px}.brand{gap:10px}.brand-text h1{font-size:15.5px}.brand-text p{font-size:11px}select,input[type=number],input[type=text]{font-size:16px;padding:9px 11px}.field label{font-size:11px}.field{flex:1 1 100%}.main-tab{padding:10px 6px}.main-tab .tab-icon{font-size:18px}.main-tab .tab-label{font-size:12.5px}.card-head{padding:11px 13px}.card-head h2{font-size:13px}.card-body{padding:4px 0 9px}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 10px;padding:8px 11px}.row .k{grid-column:1;flex-basis:auto;white-space:normal;overflow:visible;text-overflow:clip;font-size:10.5px;letter-spacing:.2px}.row .v{grid-column:1;font-size:13px;line-height:1.45}.row .copy-btn{grid-column:2;grid-row:1 / span 2;align-self:center;opacity:.6}.avatar-block{padding:14px 13px;gap:12px}.avatar{width:52px;height:52px;font-size:21px}.avatar-info .nm{font-size:15.5px}.controls,.batch-area{padding:14px 13px}.toolbar .btn,.control-row .btn{flex:1 1 auto;justify-content:center}.tab-intro{padding:12px 13px}.intro-points{font-size:11.5px}.notice{padding:11px 13px;font-size:12px}.footer{font-size:11.5px}}@media (max-width: 380px){.brand-text p{display:none}.main-tab .tab-label{font-size:11.5px}.row .v,.card-head h2{font-size:12.5px}}@media print{.topbar-actions,.controls,.toolbar,.notice,.footer,.copy-btn{display:none!important}body{background:#fff;color:#000}.card{break-inside:avoid;border-color:#ccc;box-shadow:none}}