.header[data-v-aa2b33e6]{background:var(--gradient-header);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner[data-v-aa2b33e6]{max-width:1280px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;gap:28px}.brand[data-v-aa2b33e6]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--primary-light);letter-spacing:1px;flex-shrink:0}.brand-icon[data-v-aa2b33e6]{font-size:24px}.nav[data-v-aa2b33e6]{display:flex;gap:4px;flex:1}.nav-group[data-v-aa2b33e6]{display:flex;align-items:center;gap:2px;padding-right:16px;border-right:1px solid rgba(255,255,255,.08)}.nav-group[data-v-aa2b33e6]:last-child{border-right:none;padding-right:0}.nav-label[data-v-aa2b33e6]{font-size:11px;color:var(--text-muted);margin-right:6px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.nav-link[data-v-aa2b33e6]{padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-muted);transition:all .2s;white-space:nowrap}.nav-link[data-v-aa2b33e6]:hover{color:var(--text-secondary);background:rgba(76,175,80,.06)}.nav-link.active[data-v-aa2b33e6]{color:var(--primary-light);background:rgba(76,175,80,.12);font-weight:500}.header-actions[data-v-aa2b33e6]{display:flex;align-items:center;gap:10px;flex-shrink:0}.action-link[data-v-aa2b33e6]{font-size:12px;color:var(--text-secondary);white-space:nowrap;opacity:0;transition:opacity .2s}.header-inner:hover .action-link[data-v-aa2b33e6]{opacity:1}.action-link[data-v-aa2b33e6]:hover{color:var(--primary-light)}.user-avatar[data-v-aa2b33e6]{width:34px;height:34px;border-radius:50%;background:var(--gradient-green);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.mobile-menu-btn[data-v-aa2b33e6]{display:none;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 10px;font-size:16px;cursor:pointer;color:var(--text-secondary)}@media (max-width: 1024px){.nav-label[data-v-aa2b33e6]{display:none}.nav-group[data-v-aa2b33e6]{padding-right:8px}.action-link[data-v-aa2b33e6]{display:none}}@media (max-width: 768px){.nav[data-v-aa2b33e6]{position:fixed;top:60px;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-direction:column;padding:12px 20px;gap:8px;display:none;box-shadow:0 4px 20px #00000026}.nav-open[data-v-aa2b33e6]{display:flex}.nav-group[data-v-aa2b33e6]{border-right:none;border-bottom:1px solid var(--border-color);padding:8px 0;width:100%}.nav-group[data-v-aa2b33e6]:last-child{border-bottom:none}.nav-link[data-v-aa2b33e6]{padding:8px 12px;display:block}.mobile-menu-btn[data-v-aa2b33e6]{display:block}.header-actions[data-v-aa2b33e6]{gap:6px}}.footer[data-v-026ccad7]{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:40px}.footer-inner[data-v-026ccad7]{max-width:1200px;margin:0 auto;padding:36px 20px 24px}.footer-brand[data-v-026ccad7]{text-align:center;margin-bottom:28px}.brand-row[data-v-026ccad7]{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:700;color:var(--primary-light);margin-bottom:8px}.brand-icon[data-v-026ccad7]{font-size:22px}.brand-desc[data-v-026ccad7]{font-size:13px;color:var(--text-muted);max-width:480px;margin:0 auto;line-height:1.6}.footer-cols[data-v-026ccad7]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.f-col h4[data-v-026ccad7]{font-size:14px;color:var(--primary-light);margin-bottom:12px}.f-col[data-v-026ccad7]{display:flex;flex-direction:column;gap:8px}.f-col a[data-v-026ccad7]{font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .2s}.f-col a[data-v-026ccad7]:hover{color:var(--primary-light)}.footer-bottom[data-v-026ccad7]{text-align:center;padding-top:18px}.footer-slogan[data-v-026ccad7]{font-size:13px;color:var(--text-secondary);margin-bottom:10px}.footer-copyright[data-v-026ccad7]{font-size:11px;color:var(--text-muted);opacity:.6;margin-bottom:12px}.footer-badges[data-v-026ccad7]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.badge[data-v-026ccad7]{font-size:11px;padding:3px 10px;border-radius:12px;background:rgba(76,175,80,.08);color:var(--text-muted);border:1px solid rgba(76,175,80,.15)}@media (max-width: 768px){.footer-cols[data-v-026ccad7]{grid-template-columns:repeat(2,1fr);gap:18px}.f-col[data-v-026ccad7]:last-child{grid-column:span 2}}@media (max-width: 480px){.footer-cols[data-v-026ccad7]{grid-template-columns:1fr}.f-col[data-v-026ccad7]:last-child{grid-column:auto}}#app-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:20px}:root{--primary-color: #2E7D32;--primary-light: #4CAF50;--primary-dark: #1B5E20;--secondary-color: #81C784;--accent-color: #FF7043;--green-gold: #8BC34A;--bg-primary: #0d1f12;--bg-secondary: #152b1a;--bg-card: #1e3a24;--text-primary: #E8F5E9;--text-secondary: #A5D6A7;--text-muted: #6b9e77;--border-color: #2d5a36;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 6px 20px rgba(0,0,0,.4);--shadow-lg: 0 12px 36px rgba(0,0,0,.5);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--gradient-header: linear-gradient(135deg, #1a3a1f 0%, #0f2314 50%, #091a0d 100%);--gradient-card: linear-gradient(145deg, rgba(46,125,50,.15) 0%, rgba(21,43,26,.6) 100%);--gradient-green: linear-gradient(135deg, #66BB6A 0%, #43A047 50%, #2E7D32 100%);--gradient-warm: linear-gradient(135deg, #FF7043 0%, #F4511E 100%);--gradient-leaf: linear-gradient(135deg, #8BC34A 0%, #689F38 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 20% 50%,rgba(46,125,50,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,195,74,.05) 0%,transparent 50%);background-attachment:fixed}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .25s ease;border:none;letter-spacing:.5px}.btn-primary{background:var(--gradient-green);color:#fff;font-weight:600;box-shadow:0 2px 12px #4caf5059}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #4caf5080;filter:brightness(1.1)}.btn-outline{background:transparent;border:1.5px solid var(--primary-light);color:var(--primary-light)}.btn-outline:hover{background:rgba(76,175,80,.1);color:#fff;border-color:#fff}.btn-accent{background:var(--gradient-warm);color:#fff;box-shadow:0 2px 12px #ff70434d}.btn-accent:hover{opacity:.9;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover{background:rgba(76,175,80,.08);color:var(--primary-light)}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 32px;font-size:16px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--gradient-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#4caf504d}.input{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;transition:all .2s;background:rgba(13,31,18,.6);color:var(--text-primary)}.input:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 0 3px #4caf5026}.input::placeholder{color:var(--text-muted)}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;background:rgba(76,175,80,.15);color:var(--primary-light);font-weight:500;border:1px solid rgba(76,175,80,.2)}.tag-warning{background:rgba(255,112,67,.15);color:#ffab91;border-color:#ff704340}.tag-success{background:rgba(139,195,74,.2);color:#aed581;border-color:#8bc34a40}.tag-info{background:rgba(100,181,246,.15);color:#90caf9;border-color:#64b5f633}.difficulty-bar{display:flex;gap:3px;align-items:center}.difficulty-dot{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.1)}.difficulty-dot.active{background:var(--primary-light)}.difficulty-dot.hard,.difficulty-dot.medium{background:var(--accent-color)}.difficulty-dot.easy{background:var(--primary-light)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-pending{background:rgba(139,195,74,.15);color:var(--green-gold)}.status-confirmed{background:rgba(100,181,246,.15);color:#90caf9}.status-completed{background:rgba(46,125,50,.2);color:var(--secondary-color)}.status-cancelled{background:rgba(255,112,67,.15);color:#ffab91}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state .icon{font-size:64px;margin-bottom:16px}.empty-state p{font-size:15px}.page-header{margin-bottom:28px}.page-header h1{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:1px}.page-header p{font-size:14px;color:var(--text-muted)}.section-title{font-size:20px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:var(--green-gold)}.loading-spinner{display:inline-block;width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--primary-light);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.leaf-border{border:2px solid transparent;border-image:linear-gradient(135deg,var(--primary-light),transparent,var(--primary-light)) 1;position:relative}.leaf-border:before{content:"";position:absolute;top:-2px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent)}@keyframes growIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-grow-in{animation:growIn .5s ease forwards}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .4s ease forwards}@media (max-width: 768px){.main-content{padding:12px}.page-header h1{font-size:22px}.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}