.navbar[data-v-38ec8957]{height:60px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;display:flex;align-items:center}.nav-inner[data-v-38ec8957]{max-width:1400px;width:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px}.logo[data-v-38ec8957]{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-icon[data-v-38ec8957]{font-size:24px}.logo-text[data-v-38ec8957]{font-size:20px;font-weight:700;color:var(--text-primary)}.logo-accent[data-v-38ec8957]{color:var(--green-light)}.nav-search[data-v-38ec8957]{display:flex;flex:1;max-width:420px}.nav-search input[data-v-38ec8957]{flex:1;height:36px;padding:0 12px;font-size:13px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px 0 0 8px}.nav-search button[data-v-38ec8957]{height:36px;width:42px;background:var(--green);border:none;border-radius:0 8px 8px 0;font-size:16px}.nav-search button[data-v-38ec8957]:hover{background:var(--green-light)}.nav-links[data-v-38ec8957]{display:flex;align-items:center;gap:4px}.nav-link[data-v-38ec8957]{position:relative;padding:8px 12px;font-size:13px;color:var(--text-secondary);border-radius:6px;transition:var(--transition);white-space:nowrap}.nav-link[data-v-38ec8957]:hover,.nav-link.router-link-active[data-v-38ec8957]{color:var(--green-light);background:var(--bg-hover)}.cart-link[data-v-38ec8957]{font-size:18px;padding:6px 10px}.nav-user[data-v-38ec8957]{display:flex;align-items:center;gap:8px;flex-shrink:0}.user-avatar[data-v-38ec8957]{font-size:22px}.user-name[data-v-38ec8957]{font-size:13px;color:var(--text-secondary)}.login-btn[data-v-38ec8957]{padding:6px 18px;font-size:13px;color:var(--green-light);background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:6px;transition:var(--transition)}.login-btn[data-v-38ec8957]:hover{background:#0f03;color:#fff}.logout-btn[data-v-38ec8957]{font-size:11px;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:4px;transition:var(--transition)}.logout-btn[data-v-38ec8957]:hover{color:#f44;background:#ff44441a}.sidebar[data-v-ac3b49e7]{width:220px;min-height:calc(100vh - 60px);background:var(--bg-secondary);border-right:1px solid var(--border);padding:16px 0;flex-shrink:0;overflow-y:auto}.sidebar-title[data-v-ac3b49e7]{padding:0 16px 12px;font-size:14px;font-weight:600;color:var(--green-light)}.cat-l1[data-v-ac3b49e7]{padding:10px 16px;cursor:pointer;color:var(--text-secondary);font-size:13px;transition:var(--transition);display:flex;align-items:center;gap:8px}.cat-l1[data-v-ac3b49e7]:hover{background:var(--bg-hover);color:var(--text-primary)}.cat-l1.active[data-v-ac3b49e7]{color:var(--green-light)}.cat-l1.expanded[data-v-ac3b49e7]{color:var(--green-light);background:#3a7d3214}.cat-icon[data-v-ac3b49e7]{font-size:16px}.cat-name[data-v-ac3b49e7]{flex:1;white-space:nowrap;font-size:13px}.cat-arrow[data-v-ac3b49e7]{font-size:10px;transition:transform .2s}.cat-l1.expanded .cat-arrow[data-v-ac3b49e7]{transform:rotate(180deg)}.cat-l2-wrap[data-v-ac3b49e7]{background:#00000026}.cat-l2[data-v-ac3b49e7]{padding:8px 16px 8px 36px;cursor:pointer;color:var(--text-muted);font-size:12px;transition:var(--transition);display:flex;align-items:center}.cat-l2[data-v-ac3b49e7]:hover{background:var(--bg-hover);color:var(--text-primary)}.cat-l2.active[data-v-ac3b49e7]{color:var(--green-light)}.cat-l2.expanded[data-v-ac3b49e7]{color:var(--green-light);background:#3a7d320f}.cat-l2.expanded .cat-arrow[data-v-ac3b49e7]{transform:rotate(180deg)}.cat-l3-wrap[data-v-ac3b49e7]{background:#0000001a}.cat-l3[data-v-ac3b49e7]{padding:7px 16px 7px 52px;cursor:pointer;color:var(--text-muted);font-size:12px;transition:var(--transition)}.cat-l3[data-v-ac3b49e7]:hover{background:var(--bg-hover);color:var(--text-primary)}.cat-l3.active[data-v-ac3b49e7]{color:var(--green-light);background:var(--green-dark);font-weight:500}.site-footer[data-v-e5c2af13]{background:var(--bg-secondary);border-top:1px solid var(--border);padding:40px 24px 0;margin-top:auto}.footer-content[data-v-e5c2af13]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:32px}.footer-section h4[data-v-e5c2af13]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.footer-section p[data-v-e5c2af13]{font-size:13px;color:var(--text-secondary);line-height:2}.footer-bottom[data-v-e5c2af13]{border-top:1px solid var(--border);padding:20px 24px;text-align:center}.footer-bottom p[data-v-e5c2af13]{font-size:13px;color:var(--text-muted);line-height:2}.icp a[data-v-e5c2af13]{color:var(--text-muted);transition:var(--transition)}.icp a[data-v-e5c2af13]:hover{color:var(--green-light)}#tonghao-app{min-height:100vh;display:flex;flex-direction:column}.app-body{display:flex;flex:1}.main-area{flex:1;padding:24px;overflow-y:auto}:root{--bg-primary: #0d0d0d;--bg-secondary: #151515;--bg-card: #1a1a1a;--bg-hover: #222222;--border: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #888888;--text-muted: #555555;--green-dark: #1a3a2a;--green-mid: #2d5a27;--green: #3a7d32;--green-light: #4caf50;--green-glow: rgba(76, 175, 80, .3);--red: #e74c3c;--red-light: #ff6b6b;--orange: #f39c12;--blue: #3498db;--radius: 8px;--radius-lg: 12px;--shadow: 0 2px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .6);--transition: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--green-dark);border-radius:3px}a{text-decoration:none;color:var(--text-primary)}button{cursor:pointer;border:none;outline:none}input,select,textarea{outline:none;font-family:inherit}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:var(--transition)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-light);box-shadow:0 0 16px var(--green-glow)}.btn-outline{background:transparent;color:var(--green-light);border:1px solid var(--green-mid)}.btn-outline:hover{background:var(--green-dark)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:var(--red-light)}.btn-sm{padding:4px 12px;font-size:12px}.btn-lg{padding:12px 32px;font-size:16px}.btn-block{width:100%;justify-content:center}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;margin:2px}.tag-green{background:var(--green-dark);color:var(--green-light)}.tag-red{background:#e74c3c33;color:#ff6b6b}.tag-orange{background:#f39c1233;color:#f39c12}.tag-blue{background:#3498db33;color:#3498db}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:var(--transition)}.card:hover{border-color:var(--green-mid);box-shadow:var(--shadow)}.loading{text-align:center;padding:60px 20px;color:var(--text-muted)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--green-light);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty .icon{font-size:48px;margin-bottom:16px}.badge{position:absolute;top:-4px;right:-8px;background:var(--red);color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:700}.page-title{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--text-primary)}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:-20px;margin-bottom:20px}.process-1{color:var(--orange)}.process-2{color:var(--blue)}.process-3{color:#9b59b6}.process-4{color:var(--green-light)}.process-5{color:#e67e22}.process-6{color:var(--red-light)}.process-7{color:var(--red)}.process-8{color:#e74c3c}.process-9{color:var(--text-muted)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}.pagination button{padding:6px 14px;border-radius:6px;font-size:13px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);transition:var(--transition)}.pagination button:hover{background:var(--bg-hover);border-color:var(--green-mid)}.pagination button.active{background:var(--green);border-color:var(--green);color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.qty-input{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:6px;overflow:hidden}.qty-input button{width:30px;height:30px;background:var(--bg-hover);color:var(--text-primary);font-size:16px;display:flex;align-items:center;justify-content:center}.qty-input button:hover{background:var(--green-dark)}.qty-input input{width:44px;height:30px;text-align:center;font-size:14px;background:var(--bg-primary);color:var(--text-primary);border:none;border-left:1px solid var(--border);border-right:1px solid var(--border)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{padding:10px 24px;font-size:14px;color:var(--text-secondary);background:none;border-bottom:2px solid transparent;transition:var(--transition)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--green-light);border-bottom-color:var(--green-light)}.amount-plus{color:var(--green-light)}.amount-minus{color:var(--red-light)}