:root{--bg-base:#e8edf8;--bg-elevated:#ffffff8c;--bg-card:#ffffff61;--bg-card-hover:#ffffff8c;--bg-overlay:#ffffff40;--text-primary:#1e2337;--text-secondary:#4b5170;--text-muted:#7c819c;--text-inverse:#f8f9fc;--accent:#4f46e5;--accent-2:#7c3aed;--accent-soft:#4f46e524;--gradient-accent:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--border:#ffffff8c;--border-strong:#ffffffbf;--shadow-sm:0 4px 12px #1f264c14;--shadow-md:0 12px 32px #1f264c24;--shadow-lg:0 24px 64px #1f264c2e;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text-primary);background:var(--bg-base);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.7;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 15% 15%,#6366f138,#0000 65%),radial-gradient(45% 40% at 85% 10%,#8b5cf62e,#0000 65%),radial-gradient(50% 45% at 75% 85%,#38bdf824,#0000 65%),radial-gradient(40% 35% at 10% 85%,#ec48991a,#0000 65%),radial-gradient(35% 30%,#6366f11f,#0000 65%);position:fixed;inset:-20%}.bg-orbit{display:none}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff59, var(--shadow-sm);transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}.glass:hover{background:var(--bg-card-hover);border-color:var(--border-strong);box-shadow:inset 0 1px 0 #ffffff73, var(--shadow-md);transform:translateY(-2px)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-2)}::selection{background:var(--accent-soft);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1f264c40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (prefers-reduced-motion:reduce){.glass{transition:none}}#app{flex-direction:column;min-height:100vh;font-weight:400;display:flex}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff59, var(--shadow-sm);transition:all .25s}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong);box-shadow:inset 0 1px 0 #ffffff73, var(--shadow-md);transform:translateY(-2px)}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1200px;padding:0 var(--space-5);margin:0 auto}.page{flex:1;width:100%}.page-header{margin-bottom:var(--space-6)}@media (width<=640px){.container{padding:0 var(--space-4)}.page-title{font-size:22px}}.tool-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:inset 0 1px 0 #ffffff59, var(--shadow-sm)}.tool-panel h2{margin:0 0 var(--space-4);color:var(--text-primary);font-size:22px;font-weight:600}.tool-panel .hint{color:var(--text-muted);margin:var(--space-2) 0;font-size:13px}.el-table{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:inset 0 1px 0 #ffffff59, var(--shadow-sm);overflow:hidden;--el-table-bg-color:var(--bg-card)!important;--el-table-tr-bg-color:transparent!important;--el-table-header-bg-color:#ffffff59!important;--el-table-header-text-color:var(--text-primary)!important;--el-table-text-color:var(--text-primary)!important;--el-table-border-color:var(--border)!important;--el-table-row-hover-bg-color:#4f46e514!important;--el-table-border:1px solid var(--border)!important;background:var(--bg-card)!important}.el-table th.el-table__cell{font-weight:600;color:var(--text-primary)!important;background:#ffffff59!important}.el-table td.el-table__cell{border-bottom:1px solid var(--border)!important}.el-dialog{-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:inset 0 1px 0 #ffffff59, var(--shadow-lg);background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}.el-dialog__title{color:var(--text-primary)!important}.el-dialog__body{color:var(--text-primary)}.el-form-item__label{color:var(--text-secondary)!important}.el-pagination{--el-pagination-bg-color:var(--bg-card);--el-pagination-text-color:var(--text-secondary);--el-pagination-button-color:var(--text-secondary);--el-pagination-button-bg-color:var(--bg-card);--el-pagination-hover-color:var(--accent)}.el-pagination .btn-prev,.el-pagination .btn-next,.el-pagination .number{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);background:var(--bg-card)!important;border:1px solid var(--border)!important}.el-pagination .number.is-active{background:var(--gradient-accent)!important;color:var(--text-inverse)!important;border-color:#0000!important}.page-title{color:var(--text-primary);margin:0 0 var(--space-4);font-size:22px;font-weight:600}#app{flex-direction:column;min-height:100vh;display:flex}