.header[data-v-55b46009]{background:#001428f2;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-inner[data-v-55b46009]{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px}.logo[data-v-55b46009]{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-icon[data-v-55b46009]{font-size:28px}.logo-text[data-v-55b46009]{font-size:24px;font-weight:700;color:var(--primary)}.mobile-menu-btn[data-v-55b46009]{display:none;background:none;border:none;padding:8px;cursor:pointer}.menu-icon[data-v-55b46009]{display:flex;flex-direction:column;gap:5px;width:24px}.menu-icon span[data-v-55b46009]{display:block;height:2px;background:var(--text-light);transition:all .3s}.menu-icon.open span[data-v-55b46009]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-icon.open span[data-v-55b46009]:nth-child(2){opacity:0}.menu-icon.open span[data-v-55b46009]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav[data-v-55b46009]{display:flex;gap:8px}.nav-link[data-v-55b46009]{display:flex;align-items:center;gap:6px;color:var(--text-light);font-size:14px;padding:8px 12px;border-radius:8px;transition:all .3s;text-decoration:none}.nav-link[data-v-55b46009]:hover{background:#00d4ff1a;color:var(--primary)}.nav-link.router-link-active[data-v-55b46009]{background:#00d4ff26;color:var(--primary)}.nav-icon[data-v-55b46009]{font-size:16px}.header-actions[data-v-55b46009]{display:flex;align-items:center;gap:12px}.search-box[data-v-55b46009]{position:relative;display:flex;align-items:center;background:#0032504d;border:1px solid var(--border-color);border-radius:20px;padding:0 12px;transition:all .3s}.search-box.focused[data-v-55b46009]{border-color:var(--primary);box-shadow:0 0 0 2px #00d4ff33}.search-icon[data-v-55b46009]{font-size:14px;color:var(--text-muted)}.search-input[data-v-55b46009]{background:none;border:none;outline:none;color:var(--text-light);font-size:14px;padding:8px;width:180px}.search-input[data-v-55b46009]::placeholder{color:var(--text-muted)}.clear-btn[data-v-55b46009]{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px}.dropdown[data-v-55b46009]{position:relative}.action-item[data-v-55b46009]{display:flex;align-items:center}.action-btn[data-v-55b46009]{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-light);cursor:pointer;padding:8px;border-radius:8px;transition:all .3s;position:relative}.action-btn[data-v-55b46009]:hover{background:#00d4ff1a}.action-icon[data-v-55b46009]{font-size:18px}.action-label[data-v-55b46009]{font-size:12px}.badge[data-v-55b46009]{position:absolute;top:2px;right:2px;background:var(--danger);color:#fff;font-size:10px;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}.dropdown-menu[data-v-55b46009]{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:8px;min-width:160px;box-shadow:0 10px 30px #0000004d;z-index:1000;margin-top:8px}.dropdown-item[data-v-55b46009]{display:block;width:100%;padding:10px 12px;background:none;border:none;color:var(--text-light);font-size:14px;text-align:left;cursor:pointer;border-radius:8px;transition:all .2s;text-decoration:none}.dropdown-item[data-v-55b46009]:hover{background:#00d4ff1a;color:var(--primary)}.dropdown-item.active[data-v-55b46009]{color:var(--primary);background:#00d4ff1a}.notification-menu[data-v-55b46009]{width:320px;padding:0}.notification-header[data-v-55b46009]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);font-weight:700;color:var(--text-light)}.mark-read-btn[data-v-55b46009]{background:none;border:none;color:var(--primary);font-size:12px;cursor:pointer}.notification-list[data-v-55b46009]{max-height:300px;overflow-y:auto}.empty-notification[data-v-55b46009]{padding:40px;text-align:center;color:var(--text-muted)}.notification-item[data-v-55b46009]{display:flex;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s}.notification-item[data-v-55b46009]:hover{background:#00d4ff0d}.notification-item.unread[data-v-55b46009]{background:#00d4ff14}.notif-icon[data-v-55b46009]{font-size:20px}.notif-content[data-v-55b46009]{flex:1}.notif-title[data-v-55b46009]{color:var(--text-light);font-size:14px;margin:0 0 4px}.notif-time[data-v-55b46009]{color:var(--text-muted);font-size:12px;margin:0}.user-menu[data-v-55b46009]{width:200px;padding:0}.user-info[data-v-55b46009]{display:flex;gap:12px;padding:16px;align-items:center}.user-avatar[data-v-55b46009]{width:32px;height:32px;border-radius:50%;background:var(--primary);color:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-avatar-large[data-v-55b46009]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#0099cc);color:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.user-details[data-v-55b46009]{flex:1}.user-name[data-v-55b46009]{color:var(--text-light);font-weight:700;margin:0 0 4px}.user-level[data-v-55b46009]{color:var(--primary);font-size:12px;margin:0}.menu-divider[data-v-55b46009]{height:1px;background:var(--border-color);margin:4px 0}.logout[data-v-55b46009]{color:var(--danger)!important}.btn-sm[data-v-55b46009]{padding:6px 16px;font-size:12px}.hot-search[data-v-55b46009]{max-width:1400px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;gap:12px;font-size:12px}.hot-label[data-v-55b46009]{color:var(--text-muted)}.hot-tag[data-v-55b46009]{color:var(--text-muted);text-decoration:none;transition:color .2s}.hot-tag[data-v-55b46009]:hover{color:var(--primary)}@media (max-width: 1024px){.nav[data-v-55b46009]{display:none}.mobile-menu-btn[data-v-55b46009]{display:block}.search-input[data-v-55b46009]{width:120px}.nav.mobile-open[data-v-55b46009]{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--bg-dark);padding:20px;border-bottom:1px solid var(--border-color);gap:4px}.nav-link[data-v-55b46009]{padding:12px 16px}}@media (max-width: 768px){.header-actions[data-v-55b46009]{gap:8px}.action-label[data-v-55b46009],.search-box[data-v-55b46009],.hot-search[data-v-55b46009]{display:none}}.footer[data-v-feeb91b5]{background:#000a14f2;border-top:1px solid var(--border-color);margin-bottom:60px}.footer-main[data-v-feeb91b5]{background:linear-gradient(180deg,rgba(0,20,40,.5) 0%,transparent 100%)}.footer-inner[data-v-feeb91b5]{max-width:1400px;margin:0 auto;padding:50px 20px 30px}.footer-grid[data-v-feeb91b5]{display:grid;grid-template-columns:280px repeat(5,1fr);gap:30px}.brand-col[data-v-feeb91b5]{display:flex;flex-direction:column;gap:20px}.brand-logo[data-v-feeb91b5]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-feeb91b5]{font-size:32px}.logo-text[data-v-feeb91b5]{font-size:28px;font-weight:700;color:var(--primary)}.brand-desc[data-v-feeb91b5]{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0}.app-download h4[data-v-feeb91b5],.social-media h4[data-v-feeb91b5]{color:var(--text-light);font-size:14px;margin:0 0 12px}.app-qr[data-v-feeb91b5]{display:flex;gap:12px;align-items:flex-start}.qr-placeholder[data-v-feeb91b5]{width:80px;height:80px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:32px}.app-links[data-v-feeb91b5]{display:flex;flex-direction:column;gap:8px}.app-link[data-v-feeb91b5]{display:flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:12px;padding:6px 10px;background:#ffffff0d;border-radius:6px;transition:all .2s}.app-link[data-v-feeb91b5]:hover{background:#00d4ff1a;color:var(--primary)}.app-icon[data-v-feeb91b5]{font-size:14px}.social-icons[data-v-feeb91b5]{display:flex;gap:8px}.social-icon[data-v-feeb91b5]{width:36px;height:36px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s}.social-icon[data-v-feeb91b5]:hover{background:#00d4ff33;transform:translateY(-2px)}.social-icon span[data-v-feeb91b5]{font-size:18px}.footer-col[data-v-feeb91b5]{min-width:0}.col-title[data-v-feeb91b5]{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:15px;margin:0 0 16px;font-weight:700}.title-icon[data-v-feeb91b5]{font-size:16px}.region-list[data-v-feeb91b5]{display:flex;flex-direction:column;gap:8px}.region-link[data-v-feeb91b5]{display:flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none;font-size:13px;padding:6px 10px;border-radius:6px;transition:all .2s}.region-link[data-v-feeb91b5]:hover{background:#00d4ff1a;color:var(--primary)}.region-link.active[data-v-feeb91b5]{background:#00d4ff26;color:var(--primary)}.region-flag[data-v-feeb91b5]{font-size:16px}.link-list[data-v-feeb91b5]{display:flex;flex-direction:column;gap:10px}.footer-link[data-v-feeb91b5]{color:var(--text-muted);text-decoration:none;font-size:13px;transition:color .2s;display:block}.footer-link[data-v-feeb91b5]:hover{color:var(--primary)}.contact-list[data-v-feeb91b5]{display:flex;flex-direction:column;gap:14px}.contact-item[data-v-feeb91b5]{display:flex;align-items:flex-start;gap:10px}.contact-icon[data-v-feeb91b5]{font-size:16px;margin-top:2px}.contact-info[data-v-feeb91b5]{display:flex;flex-direction:column;gap:2px}.contact-label[data-v-feeb91b5]{color:var(--text-muted);font-size:11px}.contact-value[data-v-feeb91b5]{color:var(--text-light);font-size:13px;text-decoration:none}a.contact-value[data-v-feeb91b5]:hover{color:var(--primary)}.certifications[data-v-feeb91b5]{display:flex;justify-content:center;gap:40px;margin-top:40px;padding-top:30px;border-top:1px solid var(--border-color)}.cert-item[data-v-feeb91b5]{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.cert-icon[data-v-feeb91b5]{font-size:20px}.cert-text[data-v-feeb91b5]{white-space:nowrap}.footer-bottom[data-v-feeb91b5]{background:#00050fcc;border-top:1px solid var(--border-color)}.footer-bottom-inner[data-v-feeb91b5]{max-width:1400px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center}.copyright[data-v-feeb91b5]{text-align:center}.copyright p[data-v-feeb91b5]{color:var(--text-muted);font-size:12px;margin:0}.copyright .valuation[data-v-feeb91b5]{margin-top:6px;font-size:11px;opacity:.7}.bottom-links[data-v-feeb91b5]{display:flex;gap:12px;align-items:center}.bottom-links a[data-v-feeb91b5]{color:var(--text-muted);text-decoration:none;font-size:12px;transition:color .2s}.bottom-links a[data-v-feeb91b5]:hover{color:var(--primary)}.bottom-links .divider[data-v-feeb91b5]{color:var(--text-muted);opacity:.5}.mobile-quick-actions[data-v-feeb91b5]{display:none;position:fixed;bottom:0;left:0;right:0;background:#001428fa;border-top:1px solid var(--border-color);padding:8px 0;z-index:99}.quick-btn[data-v-feeb91b5]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--text-muted);font-size:10px;padding:4px}.quick-btn span[data-v-feeb91b5]:first-child{font-size:20px}.quick-btn[data-v-feeb91b5]:hover,.quick-btn.router-link-active[data-v-feeb91b5]{color:var(--primary)}.quick-btn.cart-btn[data-v-feeb91b5]{position:relative}@media (max-width: 1200px){.footer-grid[data-v-feeb91b5]{grid-template-columns:repeat(3,1fr)}.brand-col[data-v-feeb91b5]{grid-column:span 3;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.brand-desc[data-v-feeb91b5]{max-width:300px}}@media (max-width: 768px){.footer[data-v-feeb91b5]{margin-bottom:70px}.footer-grid[data-v-feeb91b5]{grid-template-columns:repeat(2,1fr);gap:20px}.brand-col[data-v-feeb91b5]{grid-column:span 2;flex-direction:column}.footer-inner[data-v-feeb91b5]{padding:30px 15px 20px}.certifications[data-v-feeb91b5]{flex-wrap:wrap;gap:20px;justify-content:flex-start}.footer-bottom-inner[data-v-feeb91b5]{flex-direction:column;gap:12px;text-align:center}.mobile-quick-actions[data-v-feeb91b5]{display:flex}}@media (max-width: 480px){.footer-grid[data-v-feeb91b5]{grid-template-columns:1fr}.brand-col[data-v-feeb91b5]{grid-column:span 1}.col-title[data-v-feeb91b5]{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;background:#f5f5f5;color:#333}.opc-app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1400px;margin:0 auto;padding:20px;width:100%}a{text-decoration:none;color:inherit}:root{--primary: #00d4ff;--primary-dark: #0099cc;--success: #00ff88;--warning: #ffaa00;--danger: #ff4444;--bg-dark: #0a0e27;--bg-card: #1a1f3a;--text-light: #e0e0e0;--text-muted: #888;--border-color: rgba(0, 212, 255, .3);--member-silver: #c0c0c0;--member-gold: #ffd700;--member-black: #333}body{background:var(--bg-dark);color:var(--text-light);font-family:Microsoft YaHei,sans-serif}.btn{padding:10px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary{background:var(--primary);color:var(--bg-dark)}.btn-primary:hover{background:var(--primary-dark)}.btn-success{background:var(--success);color:var(--bg-dark)}.btn-warning{background:var(--warning);color:var(--bg-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:16px}.grid-2{display:grid;grid-template-columns:repeat(2,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}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media (max-width: 768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.main-content{padding:10px}}@media (max-width: 480px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.section-title{font-size:24px;color:var(--primary);margin:30px 0 20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px}.tag-hot{background:var(--danger);color:#fff}.tag-new{background:var(--success);color:var(--bg-dark)}.tag-member{background:var(--member-gold);color:var(--bg-dark)}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:14px}.form-input{width:100%;padding:10px 12px;background:#0032504d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-light);font-size:14px}.form-input:focus{border-color:var(--primary);outline:none}.form-select{width:100%;padding:10px 12px;background:#0032504d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-light)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.badge-silver{background:var(--member-silver);color:#333}.badge-gold{background:var(--member-gold);color:#333}.badge-black{background:var(--member-black);color:var(--member-gold)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.text-price{color:var(--danger);font-weight:700;font-size:18px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.gap-8{gap:8px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}