:root { --detail-bg:#090b10; --detail-panel:#0f1218; --detail-line:rgba(255,255,255,.12); --detail-soft:rgba(255,255,255,.055); --detail-text:#f1f2f3; --detail-muted:#9299a4; --detail-blue:#2f8fe6; }
* { box-sizing:border-box; }
.product-detail-page [hidden] { display:none!important; }
body.product-detail-page { margin:0; background:var(--detail-bg); color:var(--detail-text); font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif; }
.product-detail-page a { color:inherit; text-decoration:none; }
.product-detail-page button { color:inherit; font:inherit; background:none; border:0; cursor:pointer; }
.detail-shell { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }
.detail-header { height:76px; border-bottom:1px solid var(--detail-line); background:rgba(9,11,16,.96); position:sticky; top:0; z-index:20; }
.detail-header-inner { height:100%; display:flex; align-items:center; gap:42px; }
.detail-brand { display:flex; align-items:center; gap:12px; margin-right:auto; }
.detail-brand img { width:150px; height:auto; object-fit:contain; }
.detail-brand span { display:flex; flex-direction:column; }
.detail-brand b { font-size:14px; letter-spacing:.08em; }
.detail-brand small { color:var(--detail-muted); font-size:7px; letter-spacing:.32em; margin-top:3px; }
.detail-header nav { display:flex; gap:30px; color:var(--detail-muted); font-size:13px; }
.detail-header nav a { padding:8px 0; }
.detail-header nav a:hover,.detail-header nav a.is-active { color:var(--detail-text); }
.detail-header nav a.is-active { border-bottom:1px solid var(--detail-blue); }
.detail-lang { border:1px solid var(--detail-line)!important; border-radius:999px; padding:9px 13px!important; display:flex; gap:6px; color:var(--detail-muted)!important; font-size:11px!important; }
.detail-lang i { font-style:normal; opacity:.45; }
html[data-lang="zh"] .detail-lang span:first-child,html[data-lang="en"] .detail-lang span:last-child { color:var(--detail-text); }
.detail-hero { padding:36px 0 82px; }
.detail-back { display:inline-flex; align-items:center; gap:10px; color:var(--detail-muted)!important; font-size:12px; margin-bottom:34px; }
.detail-back:hover { color:var(--detail-text)!important; }
.detail-hero-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); gap:72px; align-items:center; }
.detail-product-figure { margin:0; min-width:0; }
.detail-product-figure img { display:block; width:100%; height:540px; object-fit:contain; background:#f3f2ef; border:1px solid var(--detail-line); }
.detail-product-figure figcaption { display:flex; justify-content:space-between; margin-top:13px; color:var(--detail-muted); font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.detail-product-figure figcaption b { color:var(--detail-blue); font-weight:600; }
.detail-intro-top { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.detail-intro-top p { color:var(--detail-blue); font-size:11px; letter-spacing:.16em; }
.detail-intro-top span { color:#06111b; background:var(--detail-blue); padding:6px 9px; font:bold 9px/1 Arial,sans-serif; letter-spacing:.12em; }
.detail-intro h1 { margin:20px 0 0; font-size:clamp(54px,6vw,86px); line-height:.95; letter-spacing:-.055em; }
.detail-intro h1 i { display:block; margin-top:18px; color:var(--detail-muted); font:600 13px/1.3 "Courier New",monospace; letter-spacing:.14em; text-transform:uppercase; }
.detail-summary { max-width:560px; margin:28px 0 34px; color:#b3b8c0; font-size:15px; line-height:1.8; }
.detail-facts { display:grid; grid-template-columns:1fr 1fr; margin:0; border-top:1px solid var(--detail-line); }
.detail-facts div { padding:19px 12px 18px 0; border-bottom:1px solid var(--detail-line); }
.detail-facts div:nth-child(odd) { border-right:1px solid var(--detail-line); }
.detail-facts div:nth-child(even) { padding-left:20px; }
.detail-facts dt { color:var(--detail-muted); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.detail-facts dd { margin:9px 0 0; font:600 15px/1.4 "Courier New",monospace; }
.detail-specs,.detail-tech { border-top:1px solid var(--detail-line); padding:78px 0; }
.detail-specs { background:var(--detail-panel); }
.detail-section-grid { display:grid; grid-template-columns:280px minmax(0,1fr); gap:76px; }
.detail-section-grid > * { min-width:0; }
.detail-section-grid > header p { margin:0 0 15px; color:var(--detail-blue); font:10px/1.4 "Courier New",monospace; letter-spacing:.18em; }
.detail-section-grid > header h2 { margin:0; font-size:32px; letter-spacing:-.03em; }
.detail-section-grid > header span { display:block; margin-top:17px; color:var(--detail-muted); font-size:12px; line-height:1.7; }
.detail-modes { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.detail-modes button { border:1px solid var(--detail-line); border-radius:999px; padding:8px 14px; color:var(--detail-muted); font-size:12px; }
.detail-modes button.is-active { border-color:var(--detail-blue); color:var(--detail-text); }
.detail-table-wrap { overflow-x:auto; }
.detail-table-wrap table { width:100%; min-width:680px; border-collapse:collapse; }
.detail-table-wrap th { color:var(--detail-muted); font-size:10px; font-weight:500; text-align:left; padding:0 14px 14px; border-bottom:1px solid var(--detail-line); white-space:nowrap; }
.detail-table-wrap td { padding:16px 14px; border-bottom:1px solid var(--detail-soft); color:#b8bdc5; font:12px/1.5 "Courier New",monospace; }
.detail-table-wrap td:first-child { color:var(--detail-text); font-weight:700; }
.detail-tech-list { margin:0; border-top:1px solid var(--detail-line); }
.detail-tech-list div { display:grid; grid-template-columns:180px 1fr; gap:30px; padding:17px 0; border-bottom:1px solid var(--detail-line); }
.detail-tech-list dt { color:var(--detail-muted); font-size:12px; }
.detail-tech-list dd { margin:0; font-size:13px; line-height:1.7; }
.detail-source { margin-top:28px; padding:22px 0; border-block:1px solid var(--detail-line); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.detail-source span { font-size:13px; }
.detail-source p { margin:7px 0 0; color:var(--detail-muted); font-size:11px; }
.detail-source a { display:flex; align-items:center; gap:18px; color:var(--detail-blue)!important; font-size:12px; }
.detail-source a b { font-size:18px; }
.detail-video { margin-top:30px; }
.detail-video video,.detail-video iframe { width:100%; aspect-ratio:16/9; border:0; background:#000; }
.detail-switcher { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; min-height:140px; border-top:1px solid var(--detail-line); }
.detail-switcher > a:not(.detail-all) { display:flex; flex-direction:column; gap:7px; }
.detail-switcher > a:last-child { text-align:right; }
.detail-switcher span { color:var(--detail-muted); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.detail-switcher b { font-size:17px; }
.detail-all { border:1px solid var(--detail-line); border-radius:999px; padding:11px 17px; color:var(--detail-muted)!important; font-size:11px; }
.detail-footer { border-top:1px solid var(--detail-line); color:var(--detail-muted); font-size:10px; }
.detail-footer > div { min-height:84px; display:flex; align-items:center; justify-content:space-between; }
.detail-not-found { min-height:calc(100vh - 161px); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.detail-not-found p { color:var(--detail-blue); font:11px/1 "Courier New",monospace; letter-spacing:.2em; }
.detail-not-found h1 { font-size:42px; margin:18px 0 28px; }
.detail-not-found a { border-bottom:1px solid var(--detail-blue); padding-bottom:6px; color:var(--detail-muted); font-size:12px; }
html[data-lang="en"] .detail-intro h1 { font-family:"Helvetica Neue",Inter,Arial,sans-serif; font-size:clamp(50px,5.2vw,76px); line-height:.98; letter-spacing:-.045em; }
@media (max-width:900px) {
  .detail-shell { width:min(100% - 40px,760px); }
  .detail-header nav { display:none; }
  .detail-hero-grid { grid-template-columns:1fr; gap:44px; }
  .detail-product-figure img { height:auto; aspect-ratio:1.2; }
  .detail-section-grid { grid-template-columns:1fr; gap:38px; }
}
@media (max-width:560px) {
  .detail-shell { width:calc(100% - 28px); }
  .detail-header { height:68px; }
  .detail-brand b { font-size:13px; }
  .detail-hero { padding:26px 0 58px; }
  .detail-back { margin-bottom:24px; }
  .detail-product-figure img { aspect-ratio:1; }
  .detail-intro h1,html[data-lang="en"] .detail-intro h1 { font-size:48px; }
  .detail-intro h1 i { font-size:11px; }
  .detail-summary { font-size:14px; margin:22px 0 28px; }
  .detail-facts dd { font-size:12px; }
  .detail-specs,.detail-tech { padding:56px 0; }
  .detail-tech-list div { grid-template-columns:1fr; gap:7px; }
  .detail-source { align-items:flex-start; flex-direction:column; }
  .detail-switcher { grid-template-columns:1fr 1fr; min-height:130px; }
  .detail-switcher .detail-all { grid-column:1/-1; grid-row:1; justify-self:center; }
}
