*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;background:#f5f7fa;color:#1f2937;line-height:1.6}
a{color:#185fa5;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 24px}

/* 导航 */
.nav-bar{background:#1f2937;height:56px;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:56px;gap:4px}
.nav-logo{display:inline-flex;align-items:center;height:36px;margin-right:24px;background:#fff;border-radius:6px;padding:2px 6px}
.nav-logo img{height:32px;width:auto;display:block}
.nav-items{display:flex;align-items:center;gap:2px;flex:1}
.nav-drop{position:relative}
.nav-drop-toggle::after{content:" \25BE";font-size:11px;opacity:.7}
.nav-drop-menu{display:none;position:absolute;top:100%;left:0;min-width:170px;background:#1f2937;border:1px solid #374151;border-radius:0 0 8px 8px;box-shadow:0 6px 16px rgba(0,0,0,.25);padding:6px 0;z-index:200}
.nav-drop-menu a{display:block;padding:8px 16px;font-size:14px;color:#d1d5db;white-space:nowrap}
.nav-drop-menu a:hover{background:rgba(24,95,165,.35);color:#fff}
.nav-drop-menu .nav-drop-sub{padding:6px 16px 2px;font-size:11px;color:#6b7280;cursor:default}
.nav-drop:hover>.nav-drop-menu,.nav-drop.open>.nav-drop-menu{display:block}
.nav-sub-note{display:block;font-size:10px;color:#9ca3af;line-height:1;margin-top:2px}
.nav-items a{color:#d1d5db;font-size:15px;padding:6px 12px;border-radius:4px;white-space:nowrap;transition:.15s}
.nav-items a:hover{color:#fff;background:rgba(255,255,255,.1);text-decoration:none}
.nav-items a.active{color:#fff;font-weight:600;background:rgba(24,95,165,.3)}
.nav-lang{display:flex;gap:4px}
.nav-lang span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:24px;border-radius:4px;font-size:12px;color:#d1d5db;border:1px solid #4b5563;cursor:pointer}
.nav-lang span.on{background:#185fa5;color:#fff;border-color:#185fa5}

/* 通用区块 */
section{padding:48px 0}
section.gray{background:#f0f2f5}
.section-title{font-size:22px;font-weight:700;color:#111827;margin-bottom:8px}
.section-title .bar{display:inline-block;width:40px;height:3px;background:#185fa5;border-radius:2px;margin-right:12px;vertical-align:middle}
.section-sub{color:#6b7280;font-size:14px;margin-bottom:32px}
.more-link{float:right;color:#185fa5;font-size:13px;font-weight:600}

/* 卡片 */
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:.2s}
.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#cfe0fb}
.card-top{background:#f3f4f6;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card-top img{max-width:100%;max-height:100%;object-fit:contain}
.card-body{padding:14px 16px}
.card-body h3{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}
.card-body .brand{font-size:12px;color:#9ca3af}
.card-body .price{font-size:14px;font-weight:700;color:#185fa5;margin-top:6px}
.card-body .meta{font-size:12px;color:#6b7280;margin-top:4px}

/* 网格 */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:768px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}.nav-items{gap:0;overflow-x:auto}.nav-items a{padding:6px 8px;font-size:13px}.nav-lang{display:none}.nav-drop{position:static}.nav-drop-menu{position:fixed;left:8px;right:8px;top:56px;min-width:0;border-radius:8px}.nav-sub-note{display:none}}

/* 按钮 */
.btn{display:inline-block;padding:10px 28px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:.2s;text-decoration:none}
.btn-primary{background:#185fa5;color:#fff}
.btn-primary:hover{background:#144a82;text-decoration:none}
.btn-outline{background:transparent;color:#185fa5;border:1.5px solid #185fa5}
.btn-outline:hover{background:#eff6ff;text-decoration:none}

/* 页脚 */
.footer{background:#1f2937;color:#9ca3af;padding:40px 0 24px;margin-top:0}
.footer-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer-brand{display:flex;gap:16px;align-items:flex-start}
.footer-brand .footer-logo{height:48px;width:auto;flex-shrink:0;background:#fff;border-radius:6px;padding:4px 8px}
.footer-brand h4{color:#fff;font-size:18px;font-weight:500;letter-spacing:2px;margin-bottom:6px}
@media(max-width:768px){.footer-inner{grid-template-columns:1fr}.footer-brand{flex-direction:column;align-items:flex-start}}
.footer h4{color:#fff;font-size:15px;margin-bottom:12px}
.footer p,.footer li{font-size:14px;line-height:2}
.footer a{color:#9ca3af}
.footer a:hover{color:#fff}
.footer-bottom{max-width:1100px;margin:24px auto 0;padding:16px 24px;border-top:1px solid #374151;font-size:13px;color:#6b7280;text-align:center}

/* 回到顶部 */
.back-to-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border-radius:50%;background:rgba(24,95,165,.55);color:#fff;border:none;cursor:pointer;z-index:999;font-size:20px;line-height:44px;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,background .2s;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.back-to-top:hover{background:rgba(24,95,165,.8)}
.back-to-top.show{opacity:1;pointer-events:auto}