#app{width:100%;min-height:100vh}:root{--primary-color:#8b5cf6;--primary-light:#a78bfa;--primary-dark:#7c3aed;--primary-bg:#8b5cf61a;--success-color:#22c55e;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--positive-color:#22c55e;--negative-color:#ef4444;--neutral-color:#6b7280;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-overlay:#00000080;--border-color:#e5e7eb;--border-light:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--sidebar-width:240px;--sidebar-collapsed-width:64px;--header-height:64px;--bottom-nav-height:60px;--font-family:"PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-drawer:300;--z-modal:400;--z-toast:500}[data-theme=dark]{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--border-color:#374151;--border-light:#1f2937;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;outline:none}ul,ol{list-style:none}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-info{color:var(--info-color)}.text-primary-color{color:var(--primary-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline{color:var(--primary-color);border-color:var(--primary-color);background-color:#0000}.btn-outline:hover{background-color:var(--primary-bg)}.btn-ghost{color:var(--text-primary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-tertiary)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.btn-block{width:100%}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg)}.input::placeholder{color:var(--text-tertiary)}.textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);resize:vertical;min-height:120px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg)}.textarea::placeholder{color:var(--text-tertiary)}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.show-mobile{display:none!important}}.page-enter-active,.page-leave-active{transition:opacity var(--transition-normal), transform var(--transition-normal)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform var(--transition-normal), opacity var(--transition-normal)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(100%)}