.app-layout[data-v-debc136b]{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-deep)}.top-header[data-v-debc136b]{background:#0f0c29f2;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000}.header-inner[data-v-debc136b]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}.logo[data-v-debc136b]{font-size:24px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav[data-v-debc136b]{display:flex;gap:4px}.nav-link[data-v-debc136b]{padding:8px 18px;border-radius:8px;color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:500;transition:all var(--transition)}.nav-link[data-v-debc136b]:hover{color:var(--text);background:#ffffff0d}.nav-link.active[data-v-debc136b]{color:var(--accent);background:#a855f71a}.header-right[data-v-debc136b]{display:flex;gap:12px}.header-icon[data-v-debc136b]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;transition:background var(--transition)}.header-icon[data-v-debc136b]:hover{background:#ffffff14}.main-content[data-v-debc136b]{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:20px 24px}:root{--bg-deep: #0f0c29;--bg-mid: #1a1740;--bg-card: rgba(255,255,255,.06);--bg-card-hover: rgba(255,255,255,.1);--border: rgba(255,255,255,.08);--text: #e0e0e0;--text-dim: #999;--text-tertiary: #666;--accent: #a855f7;--accent2: #ec4899;--radius: 14px;--radius-sm: 8px;--radius-lg: 18px;--transition: .25s cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-deep);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.page-container{max-width:1200px;margin:0 auto;padding:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.section-header h2{font-size:20px;font-weight:700}.section-more{color:var(--accent);font-size:13px;cursor:pointer;opacity:.8;transition:opacity var(--transition);text-decoration:none}.section-more:hover{opacity:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;backdrop-filter:blur(8px);transition:all var(--transition)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #a855f759}.btn-primary:active{transform:scale(.97)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--accent);border:1.5px solid rgba(168,85,247,.3);padding:10px 24px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-outline:hover{background:#a855f71a;border-color:var(--accent)}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text-dim)}.form-input{width:100%;padding:12px 14px;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);outline:none;transition:border-color var(--transition)}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-tertiary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tag{display:inline-block;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;background:#a855f71f;color:var(--accent);border:1px solid rgba(168,85,247,.2);cursor:pointer;transition:all var(--transition)}.tag:hover{background:#a855f733}.tag.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-dim)}.empty-state .icon{font-size:56px;margin-bottom:16px}.empty-state p{font-size:15px}.loading{text-align:center;padding:60px;color:var(--text-dim)}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.06);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:500}.badge-accent{background:#a855f726;color:var(--accent)}.badge-success{background:#34c75926;color:#34c759}.badge-warning{background:#ff950026;color:#ff9500}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}.main-content{padding:12px}}