.fade-enter-active,.fade-leave-active{transition:opacity .25s ease,transform .25s ease}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0}:root{--brand-1: #f5483b;--brand-1-rgb: 245, 72, 59;--brand-1-dark: #d8352a;--brand-2: #ff7a33;--brand-2-rgb: 255, 122, 51;--gradient-brand: var(--brand-1);--gradient-brand-soft: rgba(var(--brand-1-rgb), .1);--gradient-mesh: none;--text-strong: #1c1c22;--text: #41414b;--text-soft: #74747f;--text-on-brand: #ffffff;--bg-page: #f3f3f5;--surface: #ffffff;--surface-2: #f7f7f9;--border: #ececed;--border-strong: #e2e2e6;--glass-bg: rgba(255, 255, 255, .65);--glass-bg-strong: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .7);--glass-blur: 16px;--success: #16a34a;--success-rgb: 22, 163, 74;--warning: #e08a00;--warning-rgb: 224, 138, 0;--danger: #e11d48;--danger-rgb: 225, 29, 72;--info: #2563eb;--info-rgb: 37, 99, 235;--shadow-sm: 0 1px 3px rgba(20, 20, 40, .06), 0 1px 2px rgba(20, 20, 40, .04);--shadow-md: 0 4px 16px rgba(20, 20, 40, .08);--shadow-lg: 0 12px 32px rgba(20, 20, 40, .1);--shadow-brand: var(--shadow-md);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-sans: "Noto Sans TC", system-ui, -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;--max-width: 1180px;--header-h: 68px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--text-strong: #f4f3f6;--text: #cfccd6;--text-soft: #9a96a3;--bg-page: #141119;--surface: #1e1b24;--surface-2: #26222e;--border: #2e2a37;--border-strong: #393441;--glass-bg: rgba(30, 27, 36, .6);--glass-bg-strong: rgba(30, 27, 36, .82);--glass-border: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5)}.theme-dark{--glass-bg: rgba(28, 24, 30, .55);--glass-bg-strong: rgba(28, 24, 30, .7);--glass-border: rgba(255, 255, 255, .14);--text-strong: #ffffff;--text: rgba(255, 255, 255, .86);--text-soft: rgba(255, 255, 255, .58);--border: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--bg-page);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:var(--text-strong);line-height:1.25;font-weight:900}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul{list-style:none}input,textarea,select{font-family:inherit;font-size:1rem}::selection{background:rgba(var(--brand-1-rgb),.22)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5)}.text-gradient{color:var(--brand-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 24px;border-radius:var(--radius-pill);font-weight:700;font-size:.98rem;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),opacity var(--transition);white-space:nowrap;line-height:1}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--brand-1);color:var(--text-on-brand);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-1-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:var(--glass-bg);color:var(--text-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn-ghost:hover{background:var(--glass-bg-strong);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--brand-1);border:1.5px solid rgba(var(--brand-1-rgb),.5)}.btn-outline:hover{background:rgba(var(--brand-1-rgb),.08)}.btn-block{width:100%}.btn-lg{padding:16px 32px;font-size:1.08rem}.btn-sm{padding:8px 16px;font-size:.86rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;background:rgba(var(--brand-1-rgb),.1);color:var(--brand-1)}.badge-success{background:rgba(var(--success-rgb),.12);color:var(--success)}.badge-warning{background:rgba(var(--warning-rgb),.14);color:var(--warning)}.badge-danger{background:rgba(var(--danger-rgb),.12);color:var(--danger)}.badge-info{background:rgba(var(--info-rgb),.12);color:var(--info)}.badge-muted{background:#14141e0f;color:var(--text-soft)}.section-eyebrow{display:inline-block;font-weight:700;font-size:.85rem;letter-spacing:.08em;color:var(--brand-1);margin-bottom:var(--space-3)}.muted{color:var(--text-soft)}.center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.grid{display:grid}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.float-up{animation:floatUp .6s cubic-bezier(.4,0,.2,1) both}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#14141e2e;border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#14141e4d;background-clip:content-box}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.card-hover:hover{border-color:var(--text-soft)}.card-pad{padding:var(--space-5)}.card-pad-lg{padding:var(--space-6)}.card-accent{position:relative}.mesh-bg{position:relative;background:var(--bg-page)}.mesh-bg>*{position:relative;z-index:1}.orb{display:none}.progress{height:8px;border-radius:var(--radius-pill);background:#14141e14;overflow:hidden}.progress>span{display:block;height:100%;border-radius:var(--radius-pill);background:var(--brand-1);transition:width .5s ease}.stat-value{font-size:2rem;font-weight:900;color:var(--text-strong);line-height:1}.stat-label{font-size:.85rem;color:var(--text-soft);margin-top:var(--space-2)}.field{margin-bottom:var(--space-4)}.field label{display:block;font-weight:700;font-size:.9rem;color:var(--text-strong);margin-bottom:var(--space-2)}.input,.textarea,.select{width:100%;padding:12px 16px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);color:var(--text-strong);transition:border-color var(--transition),box-shadow var(--transition)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand-1);box-shadow:0 0 0 4px rgba(var(--brand-1-rgb),.12)}.textarea{resize:vertical;min-height:110px}.field-hint{font-size:.8rem;color:var(--text-soft);margin-top:6px}.chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none}.chip:hover{border-color:rgba(var(--brand-1-rgb),.5)}.chip.active{background:var(--brand-1);color:var(--text-on-brand);border-color:transparent}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.8rem;font-weight:700;color:var(--text-soft);padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:.92rem}.table tbody tr{transition:background var(--transition)}.table tbody tr:hover{background:rgba(var(--brand-1-rgb),.04)}
