/* ==================================================
   XS 行势智能 · 全站样式（大疆风：黑底 + DJI 红 #d7000f）
   ================================================== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
  background:#fff; color:#0a0a0a; line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a { color:inherit; }
img { max-width:100%; }

/* ===== 顶部语言栏 ===== */
.top-bar {
  background:#0a0a0a; color:#fff;
  padding:6px 40px;
  font-size:11px; letter-spacing:1px;
  display:flex; justify-content:space-between; align-items:center;
}
.top-bar a { color:#fff; opacity:.6; text-decoration:none; margin-left:20px; transition:opacity .2s; }
.top-bar a:hover { opacity:1; }
.top-bar-left { display:flex; gap:24px; }

/* ===== 顶部导航 ===== */
.nav {
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(0,0,0,.06);
  height:72px;
}
.nav-inner {
  max-width:1440px; margin:0 auto;
  padding:0 40px; height:100%;
  display:flex; align-items:center; gap:48px;
}
.logo {
  font-size:24px; font-weight:800; letter-spacing:1px;
  color:#0a0a0a; flex-shrink:0; text-decoration:none;
}
.logo .d { color:#d7000f; }
.logo small { display:block; font-size:9px; color:#666; letter-spacing:2px; font-weight:400; }

.nav-menu { display:flex; gap:32px; flex:1; align-items:center; }
.nav-menu > a {
  color:#1a1a1a; text-decoration:none;
  font-size:15px; font-weight:500;
  padding:24px 0;
  transition: color .2s;
}
.nav-menu > a:hover, .nav-menu > a.active { color:#d7000f; }
.nav-drop { position:relative; }
.nav-drop > .drop-trigger {
  color:#1a1a1a; text-decoration:none; font-size:15px;
  padding:24px 0; cursor:pointer; font-weight:500;
  display:flex; align-items:center; gap:6px;
}
.nav-drop > .drop-trigger:hover { color:#d7000f; }
.caret { font-size:10px; transition:transform .2s; }
.nav-drop:hover .caret { transform:rotate(180deg); }

.drop-panel {
  position:absolute; top:100%; left:50%;
  transform:translate(-50%, 10px);
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 24px 64px rgba(0,0,0,.16);
  padding:32px;
  display:grid; grid-template-columns:repeat(3, 1fr);
  gap:24px; width:860px; max-width:92vw;
  opacity:0; visibility:hidden;
  transition: all .25s; z-index:1000;
}
.nav-drop:hover .drop-panel {
  opacity:1; visibility:visible;
  transform:translate(-50%, 0);
}
.drop-cat .cat-name {
  font-size:15px; font-weight:700; color:#0a0a0a; margin-bottom:6px;
  text-decoration:none; display:block;
}
.drop-cat .cat-name:hover { color:#d7000f; }
.drop-cat .sublist { display:flex; flex-wrap:wrap; gap:2px 12px; }
.drop-cat .sublist a {
  font-size:13px; color:#666; padding:3px 0;
  text-decoration:none; transition:color .15s;
}
.drop-cat .sublist a:hover { color:#d7000f; }

.nav-cta {
  background:#d7000f; color:#fff !important;
  padding:10px 24px !important; font-size:13px !important;
  text-decoration:none; font-weight:600; letter-spacing:1px;
  transition: background .2s;
}
.nav-cta:hover { background:#ff1a1a; }

/* ===== 汉堡按钮 + 手机抽屉菜单 ===== */
.nav-burger {
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:44px; height:44px; padding:10px;
  background:none; border:none; cursor:pointer; flex-shrink:0;
  margin-left:auto;
}
.nav-burger span {
  display:block; height:2px; width:100%;
  background:#0a0a0a; transition:all .3s;
}
.nav-burger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.nav-burger.open span:nth-child(2) { opacity:0; }
.nav-burger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

.mobile-drawer { position:fixed; inset:0; z-index:2000; pointer-events:none; }
.drawer-mask {
  position:absolute; inset:0; background:rgba(0,0,0,.5);
  opacity:0; transition:opacity .3s;
}
.drawer-panel {
  position:absolute; top:0; right:0; bottom:0;
  width:280px; max-width:82vw;
  background:#0a0a0a; color:#fff;
  padding:88px 32px 40px;
  display:flex; flex-direction:column; gap:4px;
  transform:translateX(100%); transition:transform .35s cubic-bezier(.25,.46,.45,.94);
  overflow-y:auto;
}
.drawer-panel > a {
  color:rgba(255,255,255,.85); text-decoration:none;
  font-size:16px; font-weight:500;
  padding:13px 0; border-bottom:1px solid rgba(255,255,255,.07);
}
.drawer-panel > a:active { color:#d7000f; }
.drawer-panel .drawer-cta {
  margin-top:24px; border:none;
  background:#d7000f; color:#fff; text-align:center;
  padding:14px 0; font-size:14px; font-weight:600; letter-spacing:2px;
}
.mobile-drawer.open { pointer-events:auto; }
.mobile-drawer.open .drawer-mask { opacity:1; }
.mobile-drawer.open .drawer-panel { transform:translateX(0); }
body.drawer-lock { overflow:hidden; }

/* ===== HERO ===== */
.hero {
  position:relative;
  min-height:92vh; height:auto; overflow:hidden;
  background:#0a0a0a; color:#fff;
  display:flex; align-items:center;
  padding:100px 40px;
}
.hero-bg {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 25% 35%, rgba(70,50,90,.55) 0%, transparent 55%),
    radial-gradient(ellipse at 75% 75%, rgba(215,0,15,.16) 0%, transparent 50%),
    linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #0a0a0a 100%);
  opacity:.95;
}
.hero-grid {
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:80px 80px;
  animation: gridShift 30s linear infinite;
}
@keyframes gridShift { 0%{background-position:0 0;} 100%{background-position:80px 80px;} }

.hero-content {
  position:relative; z-index:2;
  max-width:1440px; margin:0 auto; width:100%;
  display:grid; grid-template-columns: 1.2fr 1fr;
  gap:64px; align-items:center;
}
.hero-left { animation: fadeUp 1s ease .2s both; }
@keyframes fadeUp {
  from { opacity:0; transform:translateY(40px); }
  to { opacity:1; transform:translateY(0); }
}
.hero-tag {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(215,0,15,.15);
  border:1px solid rgba(215,0,15,.4);
  padding:6px 16px;
  font-size:11px; letter-spacing:3px; font-weight:600;
  margin-bottom:32px;
}
.hero-tag::before {
  content:""; width:6px; height:6px;
  background:#d7000f; border-radius:50%;
  animation:pulse 2s infinite;
}
@keyframes pulse {
  0%,100% { opacity:1; box-shadow:0 0 0 0 rgba(215,0,15,.6); }
  50% { opacity:.4; box-shadow:0 0 0 8px transparent; }
}
.hero h1 {
  font-size:88px; font-weight:800;
  line-height:1; letter-spacing:-3px;
  margin-bottom:32px; max-width:680px;
}
.hero h1 .accent {
  color:#d7000f;
  background:linear-gradient(90deg, #d7000f, #ff4d4d);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero h1 .stroke { -webkit-text-stroke:1px #fff; color:transparent; }
.hero .lead {
  font-size:18px; line-height:1.8;
  color:rgba(255,255,255,.7);
  max-width:520px; margin-bottom:48px;
}
.hero-stats {
  display:flex; gap:48px; margin-bottom:48px;
  padding-top:32px;
  border-top:1px solid rgba(255,255,255,.1);
}
.hero-stat-item .num {
  font-size:36px; font-weight:800; color:#fff; line-height:1; margin-bottom:8px;
}
.hero-stat-item .num .unit { font-size:16px; color:#d7000f; margin-left:4px; }
.hero-stat-item .label { font-size:12px; color:rgba(255,255,255,.5); letter-spacing:1px; }

.hero-cta { display:flex; gap:16px; }
.btn-primary {
  background:#d7000f; color:#fff;
  padding:18px 40px; border:none; cursor:pointer;
  font-size:14px; font-weight:600; letter-spacing:2px;
  text-decoration:none; display:inline-block;
  transition: all .25s ease;
}
.btn-primary:hover { background:#ff1a1a; }
.btn-secondary {
  background:transparent; color:#fff;
  padding:18px 40px;
  border:1px solid rgba(255,255,255,.3); cursor:pointer;
  font-size:14px; font-weight:600; letter-spacing:2px;
  text-decoration:none; display:inline-block;
  transition: all .25s;
}
.btn-secondary:hover { border-color:#fff; background:rgba(255,255,255,.05); }
.btn-secondary.dark { color:#0a0a0a; border-color:rgba(0,0,0,.3); }
.btn-secondary.dark:hover { border-color:#0a0a0a; background:rgba(0,0,0,.04); }

.hero-right { position:relative; height:560px; animation: fadeUp 1.2s ease .4s both; }
.hero-product-ring {
  position:absolute; top:50%; left:50%;
  transform:translate(-50%, -50%);
  width:480px; height:480px;
  border:1px solid rgba(255,255,255,.08); border-radius:50%;
}
.hero-product-ring.r2 {
  width:660px; height:660px;
  border-color:rgba(255,255,255,.04);
  animation: rotate 60s linear infinite;
}
.hero-product-ring.r3 {
  width:840px; height:840px;
  border-color:rgba(255,255,255,.02);
  animation: rotate 90s linear infinite reverse;
}
@keyframes rotate { to { transform:translate(-50%,-50%) rotate(360deg); } }
.product-render {
  position:absolute; top:50%; left:50%;
  transform:translate(-50%, -50%);
  width:460px; height:460px; z-index:2;
}
.product-render svg { width:100%; height:100%; filter:drop-shadow(0 26px 60px rgba(0,0,0,.6)); }

.float-tag {
  position:absolute;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(10px);
  padding:12px 16px;
  font-size:12px; letter-spacing:1px; color:#fff;
  display:flex; align-items:center; gap:8px;
  animation: float 6s ease-in-out infinite;
}
.float-tag::before { content:""; width:4px; height:4px; background:#d7000f; border-radius:50%; }
.float-tag.t1 { top:15%; left:-10%; animation-delay:0s; }
.float-tag.t2 { bottom:25%; right:-8%; animation-delay:1s; }
.float-tag.t3 { top:60%; left:-15%; animation-delay:2s; }
.float-tag.t4 { bottom:5%; right:10%; animation-delay:1.5s; }
@keyframes float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-12px);} }

.hero-scroll {
  position:absolute; bottom:32px; left:50%;
  transform:translateX(-50%);
  color:rgba(255,255,255,.4);
  font-size:11px; letter-spacing:2px; text-align:center; z-index:3;
  animation: fadeUp 1.5s ease 1s both;
}
.hero-scroll::after {
  content:""; display:block;
  width:1px; height:50px;
  background:rgba(255,255,255,.3);
  margin:12px auto 0;
  animation: scrollLine 2s ease-in-out infinite;
}
@keyframes scrollLine {
  0% { transform:scaleY(0); transform-origin:top; }
  50% { transform:scaleY(1); transform-origin:top; }
  100% { transform:scaleY(0); transform-origin:bottom; }
}

/* ===== 区块通用 ===== */
.section { padding:110px 40px; max-width:1440px; margin:0 auto; }
.section-head { text-align:center; margin-bottom:70px; }
.section-tag { color:#d7000f; font-size:12px; letter-spacing:4px; font-weight:600; margin-bottom:16px; }
.section-title { font-size:52px; font-weight:800; letter-spacing:-1.5px; line-height:1.1; margin-bottom:20px; }
.section-sub { font-size:17px; color:#666; max-width:600px; margin:0 auto; }
.section.dark { color:#fff; }
.section.dark .section-sub { color:rgba(255,255,255,.6); }

/* ===== 6 大类卡片 ===== */
.cat-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.cat-card {
  position:relative; aspect-ratio:4/5; overflow:hidden; cursor:pointer;
  background:#0a0a0a; text-decoration:none; display:block;
  transition: transform .4s, box-shadow .4s;
}
.cat-card:hover { transform:translateY(-6px); box-shadow:0 30px 60px rgba(0,0,0,.25); }
.cat-card .bg {
  position:absolute; inset:0; transition: transform .8s;
  background:
    radial-gradient(ellipse at 50% 42%, #232326 0%, #101012 55%, #050506 100%);
}
.cat-card:hover .bg { transform:scale(1.06); }
.cat-watermark {
  position:absolute; top:18px; right:26px;
  font-size:96px; font-weight:800; line-height:1;
  color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.12);
  font-family:Arial, sans-serif; letter-spacing:-4px;
  pointer-events:none;
}
.cat-visual {
  position:absolute; top:44%; left:50%;
  transform:translate(-50%, -50%);
  width:66%; height:52%;
  display:flex; align-items:center; justify-content:center;
  pointer-events:none;
}
.cat-art { width:100%; height:100%; transition: transform .8s; filter:drop-shadow(0 18px 32px rgba(0,0,0,.6)); }
.cat-art svg { width:100%; height:100%; }
.cat-card:hover .cat-art { transform:scale(1.07); }
.cat-content {
  position:absolute; inset:0; padding:32px;
  display:flex; flex-direction:column; justify-content:flex-end;
  background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.88) 100%);
  color:#fff;
}
.cat-num { font-size:10px; color:rgba(255,255,255,.45); margin-bottom:10px; letter-spacing:2px; }
.cat-name { font-size:28px; font-weight:700; margin-bottom:8px; letter-spacing:-.5px; }
.cat-desc { font-size:13px; color:rgba(255,255,255,.6); margin-bottom:20px; }
.cat-link { color:#d7000f; font-size:12px; font-weight:600; letter-spacing:1px; }
.cat-link::after { content:" →"; transition:margin .2s; }
.cat-card:hover .cat-link::after { margin-left:6px; }

/* ===== 推荐商品 ===== */
.product-section { background:#f8f8f8; padding:110px 0; }
.product-inner { max-width:1440px; margin:0 auto; padding:0 40px; }
.product-tabs {
  display:flex; gap:32px; justify-content:center; margin-bottom:60px;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.product-tab {
  padding:16px 8px; font-size:15px; font-weight:600;
  color:#999; cursor:pointer;
  border-bottom:2px solid transparent; margin-bottom:-1px;
  background:none; border-left:none; border-right:none; border-top:none;
  transition: all .2s;
}
.product-tab.active { color:#000; border-bottom-color:#d7000f; }
.product-tab:hover { color:#000; }

.product-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; }
.product-grid.cols-3 { grid-template-columns:repeat(3, 1fr); }
.product-grid.cols-2 { grid-template-columns:repeat(2, 1fr); }
.product-card {
  background:#fff; cursor:pointer;
  transition: transform .3s, box-shadow .3s;
  text-decoration:none; color:inherit;
  display:flex; flex-direction:column;
  border:1px solid #ececee;
}
.product-card:hover { transform:translateY(-6px); box-shadow:0 24px 48px rgba(0,0,0,.12); }
.product-img {
  aspect-ratio:1; background:linear-gradient(160deg,#fafafb 0%,#f0f0f3 60%,#e8e8ec 100%);
  display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
}
.product-art { width:82%; height:82%; display:flex; align-items:center; justify-content:center; transition: transform .5s; }
.product-art svg { width:100%; height:100%; }
.product-card:hover .product-art { transform:scale(1.05) translateY(-4px); }
.product-img-sku {
  position:absolute; bottom:12px; left:0; right:0;
  text-align:center; font-size:10px; letter-spacing:2px;
  color:#b0b0b6; font-family:Arial, sans-serif;
}
.product-badge {
  position:absolute; top:12px; left:12px; z-index:2;
  background:#d7000f; color:#fff;
  font-size:10px; font-weight:600;
  padding:4px 10px; letter-spacing:1px;
}
.product-info { padding:20px 16px; flex:1; display:flex; flex-direction:column; }
.product-cat { color:#999; font-size:11px; letter-spacing:1px; margin-bottom:6px; }
.product-name { font-size:14px; font-weight:600; line-height:1.4; margin-bottom:7px; }
.product-specs {
  font-size:11.5px; color:#8a8a8a; line-height:1.55;
  letter-spacing:.2px; margin-bottom:10px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}
.product-price { color:#d7000f; font-size:18px; font-weight:700; margin-top:auto; }
.empty-tip { text-align:center; color:#999; padding:60px 0; font-size:15px; }

/* ===== 技术数字 ===== */
.stats-section { padding:90px 40px; background:#0a0a0a; color:#fff; }
.stats-inner { max-width:1440px; margin:0 auto; display:grid; grid-template-columns:repeat(4, 1fr); gap:48px; }
.stat-item { text-align:center; }
.stat-num { font-size:68px; font-weight:800; color:#fff; line-height:1; margin-bottom:16px; }
.stat-num span { color:#d7000f; }
.stat-label { font-size:13px; color:rgba(255,255,255,.5); letter-spacing:2px; }

/* ===== 场景 ===== */
.scenes-section { padding:110px 40px; max-width:1440px; margin:0 auto; }
.scenes-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:24px; }
.scene-card {
  position:relative; aspect-ratio:16/9; overflow:hidden; cursor:pointer;
  background:#0a0a0a; text-decoration:none;
}
.scene-bg { position:absolute; inset:0; transition: transform .6s; }
.scene-card:hover .scene-bg { transform:scale(1.06); }
.scene-card.s1 .scene-bg { background:linear-gradient(150deg, #12241a 0%, #080a09 70%); }
.scene-card.s2 .scene-bg { background:linear-gradient(150deg, #241a10 0%, #0a0908 70%); }
.scene-card.s3 .scene-bg { background:linear-gradient(150deg, #1f1224 0%, #09080a 70%); }
.scene-card.s4 .scene-bg { background:linear-gradient(150deg, #101c26 0%, #080a0c 70%); }
.scene-art {
  position:absolute; top:0; left:0; right:0; bottom:88px;
  padding:36px 40px 0;
  pointer-events:none;
}
.scene-art svg { width:100%; height:100%; }
.scene-content {
  position:absolute; bottom:0; left:0; right:0; padding:32px; color:#fff;
  background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.8) 100%);
}
.scene-num { font-size:11px; color:#d7000f; letter-spacing:2px; margin-bottom:6px; }
.scene-name { font-size:22px; font-weight:700; margin-bottom:6px; }
.scene-desc { font-size:13px; color:rgba(255,255,255,.7); }

/* ===== 底部 CTA ===== */
.bottom-cta { background:#0a0a0a; color:#fff; text-align:center; padding:110px 40px; }
.bottom-cta h2 { font-size:56px; font-weight:800; letter-spacing:-2px; margin-bottom:24px; }
.bottom-cta p { color:rgba(255,255,255,.6); font-size:17px; max-width:600px; margin:0 auto 48px; }

/* ===== Footer ===== */
.footer { background:#000; color:#999; padding:80px 40px 32px; }
.footer-inner { max-width:1440px; margin:0 auto; }
.footer-top {
  display:grid; grid-template-columns:1.5fr repeat(4, 1fr); gap:48px;
  padding-bottom:60px; border-bottom:1px solid rgba(255,255,255,.1);
}
.footer-brand .logo { color:#fff; margin-bottom:16px; }
.footer-brand .logo small { color:rgba(255,255,255,.4); }
.footer-brand p { font-size:13px; color:rgba(255,255,255,.4); line-height:1.6; max-width:280px; }
.footer-col h4 { font-size:13px; color:#fff; margin-bottom:16px; letter-spacing:1px; }
.footer-col a {
  display:block; color:rgba(255,255,255,.5);
  text-decoration:none; font-size:13px;
  padding:4px 0; transition: color .2s;
}
.footer-col a:hover { color:#fff; }
.footer-bottom {
  padding-top:32px;
  display:flex; justify-content:space-between;
  font-size:12px; color:rgba(255,255,255,.3);
}
.footer-bottom a { color:rgba(255,255,255,.4); text-decoration:none; }
.footer-bottom a:hover { color:#fff; }

/* ===== 分类页 ===== */
.page-hero {
  background:#0a0a0a; color:#fff;
  padding:80px 40px;
  text-align:center;
}
.page-hero.compact { padding:48px 40px; }
.page-hero h1 { font-size:52px; font-weight:800; letter-spacing:-1.5px; margin-bottom:16px; }
.page-hero p { color:rgba(255,255,255,.6); font-size:16px; }
.page-hero .crumb { font-size:12px; color:rgba(255,255,255,.4); letter-spacing:2px; margin-bottom:16px; }
.page-hero .crumb a { color:rgba(255,255,255,.6); text-decoration:none; }
.page-hero .crumb a:hover { color:#fff; }

/* ===== 产品详情页 ===== */
.pd-wrap { max-width:1280px; margin:0 auto; padding:64px 40px 100px; }
.pd-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.pd-img {
  background:linear-gradient(160deg,#fafafb 0%,#f0f0f3 60%,#e8e8ec 100%);
  aspect-ratio:1; overflow:hidden; position:relative;
  display:flex; align-items:center; justify-content:center;
  border:1px solid #ececee;
}
.pd-img .product-art { width:88%; height:88%; }
.pd-img svg { width:100%; height:100%; }
.pd-info .product-cat { margin-bottom:10px; }
.pd-info h1 { font-size:34px; font-weight:800; letter-spacing:-.5px; line-height:1.2; margin-bottom:12px; }
.pd-info .short { color:#666; font-size:15px; margin-bottom:24px; }
.pd-chips { display:flex; flex-wrap:wrap; gap:8px; margin:2px 0 16px; }
.pd-chips span {
  background:#f4f4f5; border-left:2px solid #d7000f;
  color:#0a0a0a; font-size:13px; font-weight:600;
  padding:7px 13px; letter-spacing:.3px;
}
.pd-price { font-size:34px; color:#d7000f; font-weight:800; margin-bottom:6px; }
.pd-price small { font-size:14px; color:#999; font-weight:400; margin-left:6px; }
.pd-stock { font-size:13px; color:#2a8f4d; margin-bottom:32px; }
.pd-actions { display:flex; gap:16px; margin-bottom:40px; flex-wrap:wrap; }
.pd-meta-flags { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:8px; }
.pd-meta-flags .flag {
  font-size:12px; color:#666;
  border:1px solid #e0e0e0; padding:6px 14px;
}
.pd-meta-flags .flag b { color:#0a0a0a; }
.pd-block { margin-top:56px; }
.pd-block h3 {
  font-size:20px; font-weight:700; margin-bottom:24px;
  padding-left:14px; border-left:3px solid #d7000f;
}
.pd-desc { color:#444; font-size:15px; line-height:1.9; max-width:820px; }
.pd-desc p { margin-bottom:12px; }
.pd-desc ul { margin:8px 0 0 20px; }
.pd-desc li { margin-bottom:6px; }

.spec-table { width:100%; border-collapse:collapse; max-width:820px; }
.spec-table th, .spec-table td {
  text-align:left; padding:14px 18px; font-size:14px;
  border-bottom:1px solid #eee;
}
.spec-table th { background:#fafafa; color:#0a0a0a; font-weight:600; width:180px; }
.spec-table td { color:#555; }

.packing-list { list-style:none; max-width:820px; }
.packing-list li {
  padding:12px 0 12px 30px; position:relative;
  border-bottom:1px dashed #eee; font-size:14px; color:#444;
}
.packing-list li::before {
  content:"✓"; position:absolute; left:4px; color:#d7000f; font-weight:700;
}

/* ===== 询盘表单 ===== */
.inq-wrap { max-width:880px; margin:0 auto; padding:64px 40px 100px; }
.inq-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.inq-field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.inq-field.full { grid-column:1 / -1; }
.inq-field label { font-size:13px; font-weight:600; color:#333; }
.inq-field label .req { color:#d7000f; }
.inq-field input, .inq-field select, .inq-field textarea {
  width:100%; box-sizing:border-box; min-width:0;
  border:1px solid #ddd; padding:14px 16px;
  font-size:14px; font-family:inherit;
  background:#fff; transition:border .2s;
  outline:none;
}
.inq-field input:focus, .inq-field select:focus, .inq-field textarea:focus { border-color:#d7000f; }
.inq-field textarea { min-height:120px; resize:vertical; }
.inq-submit {
  margin-top:32px; width:100%;
  background:#d7000f; color:#fff;
  border:none; padding:18px;
  font-size:15px; font-weight:700; letter-spacing:4px;
  cursor:pointer; transition: background .2s;
}
.inq-submit:hover { background:#ff1a1a; }
.inq-submit:disabled { background:#999; cursor:not-allowed; }
.inq-msg { margin-top:20px; font-size:14px; text-align:center; display:none; }
.inq-msg.ok { display:block; color:#2a8f4d; }
.inq-msg.err { display:block; color:#d7000f; }

/* ===== 关于页 ===== */
.about-wrap { max-width:960px; margin:0 auto; padding:64px 40px 100px; }
.about-wrap h2 { font-size:28px; font-weight:700; margin:48px 0 20px; padding-left:14px; border-left:3px solid #d7000f; }
.about-wrap h2:first-child { margin-top:0; }
.about-wrap p { color:#444; font-size:15px; line-height:1.9; margin-bottom:14px; }
.about-contact { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:24px; }
.about-contact .cc {
  border:1px solid #eee; padding:24px; text-align:center;
}
.about-contact .cc .t { font-size:12px; color:#999; letter-spacing:2px; margin-bottom:8px; }
.about-contact .cc .v { font-size:16px; font-weight:700; color:#0a0a0a; }

/* ===== 滚动渐显 ===== */
.reveal { opacity:0; transform:translateY(30px); transition:all .8s cubic-bezier(.25,.46,.45,.94); }
.reveal.in { opacity:1; transform:translateY(0); }

/* ===== 响应式 ===== */
@media (max-width:1024px) {
  .hero h1 { font-size:56px; }
  .hero-content { grid-template-columns:1fr; }
  .hero-right { height:420px; margin-top:20px; }
  .nav-menu { display:none; }
  .nav-burger { display:flex; }
  .cat-grid { grid-template-columns:repeat(2, 1fr); }
  .product-grid, .product-grid.cols-3 { grid-template-columns:repeat(2, 1fr); }
  .product-grid.cols-2 { grid-template-columns:1fr; }
  .scenes-grid { grid-template-columns:1fr 1fr; }
  .stats-inner { grid-template-columns:repeat(2, 1fr); }
  .footer-top { grid-template-columns:1fr 1fr; }
  .pd-grid { grid-template-columns:1fr; gap:40px; }
  .section-title { font-size:40px; }
}
@media (max-width:640px) {
  .top-bar { display:none; }
  .nav { height:60px; }
  .nav-inner { padding:0 16px; }
  .logo { font-size:20px; }

  /* Hero */
  .hero { padding:56px 20px 64px; min-height:auto; }
  .hero h1 { font-size:34px; letter-spacing:-1px; margin-bottom:20px; }
  .hero .lead { font-size:15px; line-height:1.75; margin-bottom:28px; }
  .hero-tag { font-size:11px; padding:8px 14px; }
  .hero-stats {
    display:grid; grid-template-columns:repeat(2, 1fr);
    gap:20px 12px; margin-bottom:28px; padding-top:24px;
  }
  .hero-stat-item .num { font-size:28px; }
  .hero-stat-item .num .unit { font-size:13px; }
  .hero-cta { flex-wrap:wrap; gap:12px; }
  .hero-cta .btn-primary, .hero-cta .btn-secondary { padding:14px 28px; font-size:13px; }
  .hero-right { height:300px; margin-top:8px; }
  .product-render { width:270px; height:270px; }
  .hero-product-ring { width:300px; height:300px; }
  .hero-product-ring.r2 { width:400px; height:400px; }
  .hero-product-ring.r3 { width:520px; height:520px; }
  .float-tag { font-size:11px; padding:8px 12px; }
  .float-tag.t1 { left:0; }
  .float-tag.t2 { right:0; }
  .float-tag.t3 { left:0; }

  /* 通用区块 */
  .section { padding:64px 20px; }
  .section-title { font-size:30px; }
  .section-sub { font-size:14px; }
  .product-inner { padding:0 20px; }

  /* 内页头 */
  .page-hero { padding:40px 20px; text-align:left; }
  .page-hero.compact { padding:28px 20px; }
  .page-hero h1 { font-size:32px; letter-spacing:-1px; margin-bottom:10px; }
  .page-hero p { font-size:14px; }
  .page-hero .crumb {
    font-size:11px; letter-spacing:0; line-height:1.7;
    margin-bottom:10px; text-align:left;
    word-break:break-word;
  }

  /* 分类卡：改为上图下文，不再重叠 */
  .cat-grid { grid-template-columns:1fr; gap:16px; }
  .cat-card { aspect-ratio:auto; }
  .cat-watermark { font-size:60px; top:14px; right:18px; }
  .cat-visual {
    position:relative; top:auto; left:auto; transform:none;
    width:58%; height:180px; margin:44px auto 0;
  }
  .cat-content {
    position:relative; inset:auto; padding:18px 24px 26px;
    background:none;
  }
  .cat-name { font-size:24px; }

  /* 产品区 */
  .product-grid, .product-grid.cols-3, .product-grid.cols-2 { grid-template-columns:repeat(2, 1fr); gap:12px; }
  .product-info { padding:12px 10px 14px; }
  .product-cat {
    font-size:10px; letter-spacing:0; margin-bottom:4px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .product-name {
    font-size:12.5px; line-height:1.45; margin-bottom:6px;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; min-height:2.9em;
  }
  .product-price { font-size:15px; }
  .product-specs { font-size:10.5px; line-height:1.5; margin-bottom:8px; }
  .product-badge { font-size:9px; padding:3px 7px; top:8px; left:8px; }
  .product-img-sku { font-size:8px; bottom:8px; letter-spacing:1px; }
  .product-tabs { gap:4px; justify-content:flex-start; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .product-tabs::-webkit-scrollbar { display:none; }
  .product-tab { font-size:13px; padding:12px 12px; white-space:nowrap; }

  /* 统计区 / 场景区 / 底部 */
  .stats-section { padding:64px 20px; }
  .stat-num { font-size:44px; }
  .stats-inner { gap:32px 16px; }
  .scenes-section { padding:64px 20px; }
  .scenes-grid { grid-template-columns:1fr; gap:16px; }
  .scene-card { aspect-ratio:auto; height:240px; min-height:0; }
  .scene-art { bottom:96px; padding:24px 24px 0; }
  .scene-content { padding:20px 24px; }
  .scene-name { font-size:19px; }
  .bottom-cta { padding:64px 20px; }
  .bottom-cta h2 { font-size:28px; }
  .bottom-cta p { font-size:15px; margin-bottom:32px; }

  /* 页脚 */
  .footer-top { grid-template-columns:1fr 1fr; gap:28px 16px; }
  .footer-brand { grid-column:1 / -1; }
  .footer-inner { padding:0 20px; }

  /* 详情页 / 表单页 */
  .pd-wrap, .inq-wrap, .about-wrap { padding:32px 20px 64px; }
  .inq-grid { grid-template-columns:1fr; }
  .pd-info h1 { font-size:26px; }
  .pd-chips { gap:6px; margin-bottom:12px; }
  .pd-chips span { font-size:12px; padding:6px 10px; }
  .pd-info .short { margin-bottom:18px; }
  .pd-info .pd-price { font-size:28px; }
  .pd-actions { flex-wrap:wrap; gap:10px; }
  .spec-table th, .spec-table td { padding:10px 12px; font-size:13px; }
  .about-contact { grid-template-columns:1fr; }
}

/* 横屏手机（低高度）：压缩 Hero，避免标题吃掉整屏 */
@media (max-height:520px) and (min-width:641px) {
  .hero { padding:48px 40px; min-height:auto; }
  .hero h1 { font-size:38px; letter-spacing:-1px; margin-bottom:16px; }
  .hero .lead { font-size:14px; line-height:1.65; margin-bottom:24px; }
  .hero-stats { padding-top:16px; margin-bottom:24px; gap:32px; }
  .hero-stat-item .num { font-size:26px; }
  .hero-right { height:280px; }
  .product-render { width:260px; height:260px; }
}