/* ==========================================================================
   博创手机 · 官方网站样式表
   海口琼山博创手机工作室
   ========================================================================== */

:root{
  --brand:#1652f0;
  --brand-dark:#0e3fc4;
  --brand-soft:#eef3ff;
  --teal:#00a68a;
  --teal-soft:#e6f7f3;
  --ink:#0b1220;
  --ink-2:#3d4b63;
  --ink-3:#6b7a92;
  --line:#e6ebf3;
  --line-2:#eff3f8;
  --bg:#f6f8fc;
  --white:#fff;
  --radius:16px;
  --radius-lg:22px;
  --shadow-sm:0 1px 2px rgba(11,18,32,.05);
  --shadow:0 8px 24px -6px rgba(11,18,32,.10),0 2px 6px rgba(11,18,32,.04);
  --shadow-lg:0 24px 56px -18px rgba(11,18,32,.22),0 8px 20px -8px rgba(11,18,32,.08);
  --maxw:1180px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--ink-2);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block;border:0;}
a{color:var(--brand);text-decoration:none;transition:color .18s ease;}
a:hover{color:var(--brand-dark);}
h1,h2,h3,h4{margin:0;color:var(--ink);font-weight:700;letter-spacing:-.015em;line-height:1.28;}
h1{font-size:clamp(30px,4.2vw,50px);letter-spacing:-.028em;}
h2{font-size:clamp(24px,2.8vw,34px);}
h3{font-size:19px;}
p{margin:0 0 1em;}
ul,ol{margin:0 0 1em;padding-left:1.35em;}
li{margin:.35em 0;}
strong{color:var(--ink);font-weight:600;}
hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0;}

.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.section{padding:88px 0;}
.section--tint{background:var(--bg);}
.section--tight{padding:64px 0;}
.center{text-align:center;}
.muted{color:var(--ink-3);}
.small{font-size:14px;}
.tiny{font-size:13px;line-height:1.7;}

/* ---------- 顶部提示条 ---------- */
.topbar{
  background:var(--ink);color:#c8d3e6;font-size:13px;
  padding:8px 0;letter-spacing:.01em;
}
.topbar .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;}
.topbar a{color:#fff;}
.topbar strong{color:#fff;font-weight:600;}
.topbar .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2ee6a8;margin-right:7px;vertical-align:1px;}

/* ---------- 导航 ---------- */
.header{
  position:sticky;top:0;z-index:200;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
}
.header .container{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px;}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;}
.brand svg{display:block;}
.brand-txt{display:flex;flex-direction:column;line-height:1.15;}
.brand-txt b{font-size:16px;color:var(--ink);letter-spacing:.01em;font-weight:700;white-space:nowrap;}
.brand-txt span{font-size:9px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;white-space:nowrap;}

.nav{display:flex;align-items:center;gap:4px;margin-left:auto;}
.nav a{
  position:relative;padding:9px 14px;border-radius:9px;font-size:15px;
  color:var(--ink-2);font-weight:500;white-space:nowrap;
}
.nav a:hover{color:var(--brand);background:var(--brand-soft);}
.nav a.active{color:var(--brand);font-weight:600;}
.nav a.active::after{
  content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;
  background:var(--brand);border-radius:2px;
}
.header-cta{display:flex;align-items:center;gap:10px;margin-left:8px;}
.nav-toggle{
  display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;
  border-radius:11px;cursor:pointer;padding:0;align-items:center;justify-content:center;
}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;position:relative;}
.nav-toggle span::before,.nav-toggle span::after{
  content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink);border-radius:2px;
}
.nav-toggle span::before{top:-6px;}
.nav-toggle span::after{top:6px;}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px;border-radius:11px;font-size:15px;font-weight:600;
  border:1px solid transparent;cursor:pointer;transition:all .18s ease;
  white-space:nowrap;line-height:1.4;font-family:inherit;
}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 16px -6px rgba(22,82,240,.55);}
.btn-primary:hover{background:var(--brand-dark);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(22,82,240,.6);}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line);}
.btn-ghost:hover{border-color:#c9d6ee;color:var(--brand);background:#fff;}
.btn-dark{background:var(--ink);color:#fff;}
.btn-dark:hover{background:#16233a;color:#fff;}
.btn-lg{padding:15px 30px;font-size:16px;border-radius:13px;}
.btn-block{width:100%;}
.btn-sm{padding:8px 15px;font-size:14px;border-radius:9px;}

/* ---------- 首页 Hero ---------- */
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1100px 520px at 78% -8%,rgba(22,82,240,.13),transparent 62%),
    radial-gradient(760px 420px at 8% 12%,rgba(0,166,138,.09),transparent 60%),
    linear-gradient(180deg,#fbfcff 0%,#f4f7fd 100%);
  border-bottom:1px solid var(--line);
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(11,18,32,.028) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(11,18,32,.028) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(760px 460px at 55% 34%,#000 30%,transparent 78%);
  -webkit-mask-image:radial-gradient(760px 460px at 55% 34%,#000 30%,transparent 78%);
}
.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center;padding-top:78px;padding-bottom:82px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;
  color:var(--brand);background:var(--brand-soft);border:1px solid #dbe6ff;
  padding:6px 13px;border-radius:999px;margin-bottom:22px;letter-spacing:.01em;
}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--brand);display:block;}
.hero h1{margin-bottom:20px;}
.hero h1 em{font-style:normal;color:var(--brand);position:relative;white-space:nowrap;}
.hero h1 em::after{
  content:"";position:absolute;left:0;right:0;bottom:4px;height:9px;
  background:rgba(22,82,240,.14);border-radius:3px;z-index:-1;
}
.hero .lead{font-size:17.5px;line-height:1.72;color:var(--ink-2);max-width:33em;margin-bottom:30px;}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:34px;}
.hero-stats{display:flex;gap:40px;flex-wrap:wrap;border-top:1px solid rgba(11,18,32,.09);padding-top:24px;}
.hero-stats b{display:block;font-size:27px;color:var(--ink);line-height:1.2;letter-spacing:-.02em;}
.hero-stats span{font-size:13px;color:var(--ink-3);}

/* Hero 手机视觉 */
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;}
.hero-duo{
  position:relative;z-index:2;display:block;
  height:522px;width:auto;max-width:100%;
  filter:drop-shadow(0 22px 26px rgba(11,18,32,.20));
  -webkit-user-drag:none;user-select:none;
}
.float-card{
  position:absolute;background:#fff;border-radius:14px;padding:13px 16px;
  box-shadow:var(--shadow);border:1px solid var(--line);z-index:4;
  display:flex;align-items:center;gap:11px;
}
.float-card .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;}
.float-card b{display:block;font-size:13.5px;color:var(--ink);line-height:1.35;}
.float-card span{font-size:11.5px;color:var(--ink-3);}
.fc-1{top:-30px;left:-46px;animation:floaty 6s ease-in-out infinite;}
.fc-2{bottom:46px;right:-62px;animation:floaty 6s ease-in-out infinite .8s;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-11px);}}

/* ---------- 信任条 ---------- */
.trust{border-bottom:1px solid var(--line);background:#fff;}
.trust .container{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.trust-item{display:flex;align-items:center;gap:13px;padding:26px 22px;border-right:1px solid var(--line-2);}
.trust-item:last-child{border-right:0;}
.trust-item .ic{
  width:42px;height:42px;border-radius:12px;background:var(--brand-soft);
  display:grid;place-items:center;flex:0 0 auto;color:var(--brand);
}
.trust-item b{display:block;font-size:15px;color:var(--ink);line-height:1.35;}
.trust-item span{font-size:12.5px;color:var(--ink-3);}

/* ---------- 区块标题 ---------- */
.sec-head{max-width:660px;margin:0 auto 52px;}
.sec-head.left{margin-left:0;}
.sec-head .eyebrow{margin-bottom:16px;}
.sec-head h2{margin-bottom:14px;}
.sec-head p{font-size:16.5px;color:var(--ink-3);margin:0;}

/* ---------- 业务卡片 ---------- */
.grid{display:grid;gap:22px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 26px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  position:relative;overflow:hidden;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d5e0f5;}
.card .ic-lg{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
  margin-bottom:20px;background:var(--brand-soft);color:var(--brand);
}
.card .ic-lg.teal{background:var(--teal-soft);color:var(--teal);}
.card h3{margin-bottom:10px;font-size:18.5px;}
.card p{font-size:14.5px;color:var(--ink-3);margin:0 0 16px;line-height:1.72;}
.card ul{list-style:none;padding:0;margin:0 0 18px;font-size:13.5px;color:var(--ink-2);}
.card ul li{position:relative;padding-left:20px;margin:7px 0;}
.card ul li::before{
  content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;
  background:var(--brand);opacity:.55;
}
.card .more{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:5px;}
.card .more::after{content:"→";transition:transform .2s ease;}
.card:hover .more::after{transform:translateX(4px);}

/* ---------- 机型卡片 ---------- */
.device{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 20px;text-align:center;transition:transform .22s ease,box-shadow .22s ease;
}
.device:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.device-art{
  height:168px;border-radius:13px;margin-bottom:18px;display:grid;place-items:center;
  background:linear-gradient(160deg,#eff4ff,#e3edff);position:relative;overflow:hidden;
}
.device-art::after{
  content:"";position:absolute;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(22,82,240,.14),transparent 68%);
}
.device-art svg{position:relative;z-index:1;}
.device-art img{
  position:relative;z-index:1;height:146px;width:auto;max-width:100%;
  object-fit:contain;mix-blend-mode:darken;
}
.device h4{font-size:15.5px;margin-bottom:6px;color:var(--ink);}
.device .spec{font-size:12.5px;color:var(--ink-3);margin-bottom:14px;min-height:34px;}
.device .price{font-size:19px;font-weight:700;color:var(--brand);letter-spacing:-.01em;}
.device .price small{font-size:12px;font-weight:500;color:var(--ink-3);margin-left:3px;}
.tag{
  display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;
  background:var(--teal-soft);color:var(--teal);margin-bottom:12px;
}

/* ---------- 流程 ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:step;}
.step{position:relative;padding-top:56px;}
.step::before{
  counter-increment:step;content:counter(step);
  position:absolute;top:0;left:0;width:42px;height:42px;border-radius:12px;
  background:var(--brand);color:#fff;font-weight:700;font-size:16px;
  display:grid;place-items:center;box-shadow:0 7px 16px -6px rgba(22,82,240,.5);
}
.step::after{
  content:"";position:absolute;top:21px;left:56px;right:-13px;height:1px;
  background:repeating-linear-gradient(90deg,#cdd9ef 0 6px,transparent 6px 12px);
}
.step:last-child::after{display:none;}
.step h4{font-size:16px;margin-bottom:7px;}
.step p{font-size:14px;color:var(--ink-3);margin:0;line-height:1.7;}

/* ---------- 分栏 ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.split--license{grid-template-columns:0.92fr 1.08fr;}
.split--license .split-media{padding:22px;}
.split-media{
  border-radius:var(--radius-lg);overflow:hidden;position:relative;
  background:linear-gradient(160deg,#0e1b33,#16294a);min-height:380px;
  display:grid;place-items:center;padding:40px;
}
.split-media::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(560px 320px at 70% 15%,rgba(22,82,240,.42),transparent 65%);
}
.split-media .inner{position:relative;z-index:1;width:100%;}
.mini-list{list-style:none;padding:0;margin:0 0 26px;}
.mini-list li{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line-2);margin:0;}
.mini-list li:last-child{border-bottom:0;}
.mini-list .num{
  flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:var(--brand-soft);
  color:var(--brand);font-weight:700;font-size:13px;display:grid;place-items:center;margin-top:2px;
}
.mini-list b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:3px;}
.mini-list span{font-size:13.5px;color:var(--ink-3);line-height:1.68;}

/* 数据看板（分栏右侧） */
.board{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:24px;}
.board-title{color:rgba(255,255,255,.6);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;}
.board-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09);}
.board-row:last-child{border-bottom:0;}
.board-row .l{color:rgba(255,255,255,.78);font-size:13.5px;}
.board-row .r{color:#fff;font-weight:700;font-size:15px;}
.board-row .r.up{color:#4ade80;}
.bar{height:7px;border-radius:4px;background:rgba(255,255,255,.13);margin-top:9px;overflow:hidden;}
.bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#1652f0,#4d8bff);}

/* ---------- 评价 ---------- */
.quote{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;
  display:flex;flex-direction:column;height:100%;
}
.quote .stars{color:#f5a623;font-size:14px;letter-spacing:2px;margin-bottom:14px;}
.quote p{font-size:14.5px;line-height:1.78;color:var(--ink-2);flex:1;margin:0 0 20px;}
.quote .who{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line-2);padding-top:16px;}
.avatar{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:14px;flex:0 0 auto;
}
.quote .who b{display:block;font-size:13.5px;color:var(--ink);line-height:1.4;}
.quote .who span{font-size:12px;color:var(--ink-3);}

/* ---------- 门店信息 ---------- */
.store{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:#fff;}
.store-info{padding:44px 42px;}
.info-row{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid var(--line-2);}
.info-row:last-child{border-bottom:0;}
.info-row .ic{
  width:38px;height:38px;border-radius:11px;background:var(--brand-soft);color:var(--brand);
  display:grid;place-items:center;flex:0 0 auto;
}
.info-row .k{font-size:12.5px;color:var(--ink-3);margin-bottom:3px;letter-spacing:.02em;}
.info-row .v{font-size:15.5px;color:var(--ink);font-weight:600;line-height:1.6;}
.info-row .v a{color:var(--ink);}
.info-row .v a:hover{color:var(--brand);}
.store-map{
  position:relative;overflow:hidden;min-height:340px;
  background:#e8edf5;border-left:1px solid var(--line);
  cursor:grab;touch-action:pan-y;
  -webkit-user-select:none;user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.store-map.is-drag{cursor:grabbing;}

/* 高德底图瓦片 */
.am-tiles{position:absolute;inset:0;z-index:1;overflow:hidden;}
.am-tile{
  position:absolute;left:0;top:0;width:256px;height:256px;
  opacity:0;transition:opacity .28s linear;pointer-events:none;
  -webkit-user-drag:none;user-select:none;
}
.am-fallback{
  position:absolute;inset:0;z-index:0;padding:0 28px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;text-align:center;font-size:12.5px;line-height:1.6;color:var(--ink-3);
}
.am-fallback b{font-size:14px;color:var(--ink-2);font-weight:600;}
.am-ready .am-fallback{display:none;}
.am-error{display:none;}
.am-failed .am-loading{display:none;}
.am-failed .am-error{display:block;}

/* 中心标记 */
.am-pin{position:absolute;left:0;top:0;width:0;height:0;z-index:3;will-change:transform;}
.am-dot,.am-ring{
  position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;
  transform:translate(-50%,-50%);
}
.am-dot{
  background:var(--brand);border:5px solid #fff;
  box-shadow:0 3px 10px rgba(11,18,32,.4),0 0 0 1px rgba(22,82,240,.2);
}
.am-ring{background:rgba(22,82,240,.24);animation:amPulse 2.6s ease-out infinite;}
@keyframes amPulse{
  0%{transform:translate(-50%,-50%) scale(1);opacity:.85;}
  70%{transform:translate(-50%,-50%) scale(2.9);opacity:0;}
  100%{opacity:0;}
}
.am-label{
  position:absolute;left:0;bottom:19px;transform:translateX(-50%);
  background:#fff;border:1px solid var(--line);border-radius:9px;
  padding:7px 12px;white-space:nowrap;box-shadow:0 6px 18px rgba(11,18,32,.14);
  font-size:12.5px;font-weight:600;color:var(--ink);
}

/* 右下角控件 */
.am-ctrl{position:absolute;right:12px;top:12px;z-index:4;display:flex;flex-direction:column;gap:6px;}
.am-btn{
  width:32px;height:32px;border-radius:9px;cursor:pointer;
  border:1px solid rgba(11,18,32,.10);background:#fff;color:var(--ink-2);
  font-size:17px;line-height:1;font-family:inherit;
  display:grid;place-items:center;box-shadow:0 4px 12px rgba(11,18,32,.12);
  transition:color .15s,border-color .15s,transform .1s;
}
.am-btn:hover{color:var(--brand);border-color:rgba(22,82,240,.35);}
.am-btn:active{transform:scale(.94);}
.am-reset{font-size:14px;margin-top:2px;color:var(--brand);}

.am-open{
  position:absolute;left:12px;bottom:12px;z-index:4;
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(255,255,255,.96);border:1px solid rgba(11,18,32,.10);
  border-radius:999px;padding:7px 13px;font-family:inherit;cursor:pointer;
  font-size:12.5px;font-weight:600;color:var(--ink-2);
  box-shadow:0 4px 14px rgba(11,18,32,.12);
  transition:color .15s,border-color .15s;
}
.am-open:hover{color:var(--brand);border-color:rgba(22,82,240,.35);}
.am-open.is-copied{color:var(--brand);border-color:rgba(22,82,240,.45);}
.am-attr{
  position:absolute;right:8px;bottom:8px;z-index:3;
  font-size:10.5px;letter-spacing:.02em;color:#5b6472;
  background:rgba(255,255,255,.74);border-radius:4px;padding:1px 5px;
}

/* ---------- 表单 ---------- */
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm);}
.field{margin-bottom:20px;}
.field label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:7px;}
.field label .req{color:#e0343c;}
.field input,.field select,.field textarea{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;
  font-size:15px;font-family:inherit;color:var(--ink);background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.field input::placeholder,.field textarea::placeholder{color:#a9b5c8;}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(22,82,240,.12);
}
.field textarea{resize:vertical;min-height:110px;line-height:1.7;}
.field .hint{font-size:12px;color:var(--ink-3);margin-top:6px;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.form-note{font-size:12.5px;color:var(--ink-3);line-height:1.7;margin-top:16px;}
.form-alert{
  display:none;padding:13px 16px;border-radius:10px;font-size:14px;margin-bottom:20px;
  background:var(--teal-soft);color:#046f5c;border:1px solid #b9e8dd;
}
.form-alert.show{display:block;}
.form-alert.err{background:#fdeeee;color:#a8282d;border-color:#f5cbcb;}

/* 估价器 */
.quote-box{
  background:linear-gradient(160deg,#0d1930,#12244a 58%,#0f1e3d);
  border-radius:var(--radius-lg);padding:38px;color:#fff;position:relative;overflow:hidden;
}
.quote-box::before{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;top:-190px;right:-130px;
  background:radial-gradient(circle,rgba(22,82,240,.5),transparent 66%);
}
.quote-box>*{position:relative;z-index:1;}
.quote-box h3{color:#fff;margin-bottom:8px;}
.quote-box .desc{color:rgba(255,255,255,.66);font-size:14px;margin-bottom:26px;}
.quote-box .field label{color:rgba(255,255,255,.85);}
.quote-box .field input,.quote-box .field select{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;
}
.quote-box .field select option{background:#12244a;color:#fff;}
.quote-box .field input::placeholder{color:rgba(255,255,255,.4);}
.quote-box .field input:focus,.quote-box .field select:focus{
  border-color:rgba(120,165,255,.8);box-shadow:0 0 0 3px rgba(120,165,255,.18);
}
.result{
  margin-top:18px;padding:22px;border-radius:14px;text-align:center;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  display:none;
}
.result.show{display:block;}
.result .rk{font-size:12.5px;color:rgba(255,255,255,.66);margin-bottom:6px;}
.result .rv{font-size:32px;font-weight:700;color:#7fe9c4;letter-spacing:-.02em;line-height:1.2;}
.result .rn{font-size:12px;color:rgba(255,255,255,.5);margin-top:9px;line-height:1.65;}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;text-align:left;background:none;border:0;padding:22px 40px 22px 0;
  font-size:16px;font-weight:600;color:var(--ink);cursor:pointer;position:relative;
  font-family:inherit;line-height:1.55;
}
.faq-q::after{
  content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);
  transform:translateY(-70%) rotate(45deg);transition:transform .22s ease;
}
.faq-item.open .faq-q::after{transform:translateY(-30%) rotate(-135deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease;}
.faq-a p{font-size:14.5px;color:var(--ink-3);line-height:1.8;padding:0 40px 22px 0;margin:0;}

/* ---------- CTA 条 ---------- */
.cta-band{
  background:linear-gradient(120deg,#0d1930,#16294a 55%,#12325f);
  border-radius:var(--radius-lg);padding:52px 48px;color:#fff;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
}
.cta-band::before{
  content:"";position:absolute;width:480px;height:480px;border-radius:50%;top:-240px;right:-80px;
  background:radial-gradient(circle,rgba(22,82,240,.45),transparent 68%);
}
.cta-band>*{position:relative;z-index:1;}
.cta-band h2{color:#fff;margin-bottom:10px;}
.cta-band p{color:rgba(255,255,255,.72);margin:0;font-size:15.5px;max-width:46em;}

/* ---------- 页头（内页） ---------- */
.page-head{
  background:linear-gradient(180deg,#fbfcff,#f2f6fd);
  border-bottom:1px solid var(--line);padding:62px 0 56px;
}
.crumb{font-size:13px;color:var(--ink-3);margin-bottom:16px;}
.crumb a{color:var(--ink-3);}
.crumb a:hover{color:var(--brand);}
.crumb span{margin:0 7px;color:#c2cbd9;}
.page-head h1{font-size:clamp(27px,3.4vw,40px);margin-bottom:14px;}
.page-head p{font-size:16.5px;color:var(--ink-3);max-width:62em;margin:0;}

/* ---------- 内容页（政策类） ---------- */
.doc-wrap{display:grid;grid-template-columns:250px 1fr;gap:56px;align-items:flex-start;}
.doc-toc{position:sticky;top:96px;border-left:2px solid var(--line);padding-left:20px;}
.doc-toc .t{font-size:11.5px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;margin-bottom:12px;}
.doc-toc a{display:block;font-size:13px;color:var(--ink-2);padding:5px 0;line-height:1.6;}
.doc-toc a:hover{color:var(--brand);}
.doc h2{font-size:19px;margin:42px 0 14px;padding-left:14px;border-left:4px solid var(--brand);line-height:1.5;scroll-margin-top:96px;}
.doc h2:first-child{margin-top:0;}
.doc h3{font-size:15.5px;margin:24px 0 9px;}
.doc p{font-size:15px;color:var(--ink-2);line-height:1.85;margin:0 0 14px;text-align:justify;}
.doc ul,.doc ol{font-size:15px;color:var(--ink-2);line-height:1.85;margin:0 0 16px;}
.doc li{margin:7px 0;}
.doc table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:14px;}
.doc th,.doc td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top;}
.doc th{background:var(--bg);color:var(--ink);font-weight:600;white-space:nowrap;width:1%;}
.doc td{color:var(--ink-2);}
.doc .note{background:var(--bg);border-left:3px solid var(--brand);padding:16px 20px;margin:0 0 20px;border-radius:0 8px 8px 0;}
.doc .note p{font-size:14px;margin:0;}
.doc .note p+p{margin-top:8px;}

/* ---------- 页脚 ---------- */
.footer{background:#0b1220;color:#93a3bd;padding:64px 0 0;font-size:14px;}
.footer a{color:#93a3bd;}
.footer a:hover{color:#fff;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:44px;padding-bottom:48px;}
.footer h5{color:#fff;font-size:14px;margin:0 0 18px;letter-spacing:.02em;font-weight:600;}
.footer p{font-size:13.5px;line-height:1.85;color:#8393ad;margin:0 0 16px;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin:0 0 11px;}
.footer-links a{font-size:13.5px;}
.footer-brand{display:flex;align-items:center;gap:11px;margin-bottom:18px;}
.footer-brand b{color:#fff;font-size:15px;}
.footer-brand span{display:block;font-size:9px;color:#6b7a92;letter-spacing:.09em;text-transform:uppercase;margin-top:2px;}
.footer-contact{list-style:none;padding:0;margin:0;}
.footer-contact li{font-size:13.5px;margin-bottom:12px;line-height:1.7;display:flex;gap:10px;}
.footer-contact .k{color:#6b7a92;flex:0 0 40px;}
.footer-bottom{
  border-top:1px solid #1b2438;padding:22px 0;font-size:12.5px;color:#6b7a92;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;
}
.footer-bottom .links{display:flex;gap:18px;flex-wrap:wrap;}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .brand-txt b{font-size:14.5px;}
  .brand-txt span{font-size:8px;letter-spacing:.05em;}
  .header .container{gap:14px;}
  .nav{gap:0;}
  .nav a{padding:9px 10px;font-size:14px;}
  .hero .container{grid-template-columns:1fr;gap:48px;padding-top:56px;padding-bottom:64px;}
  .hero-visual{min-height:380px;order:2;}
  .float-card{display:none;}
  .split,.split--license{grid-template-columns:1fr;gap:40px;}
  .split>div:not(.split-media){max-width:700px;margin-left:auto;margin-right:auto;}
  .split--license .split-media{padding:20px;}
  .store{grid-template-columns:1fr;}
  .store-map{border-left:0;border-top:1px solid var(--line);min-height:260px;}
  .doc-wrap{grid-template-columns:1fr;gap:0;}
  .doc-toc{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:repeat(2,1fr);gap:32px;}
  .step::after{display:none;}
  .trust .container{grid-template-columns:repeat(2,1fr);}
  .trust-item:nth-child(2){border-right:0;}
  .trust-item:nth-child(1),.trust-item:nth-child(2){border-bottom:1px solid var(--line-2);}
}
@media (max-width:900px){
  .nav{
    position:fixed;top:72px;left:0;right:0;background:#fff;flex-direction:column;
    align-items:stretch;padding:12px 16px 20px;gap:2px;
    border-bottom:1px solid var(--line);box-shadow:0 14px 30px -12px rgba(11,18,32,.16);
    transform:translateY(-8px);opacity:0;visibility:hidden;transition:all .2s ease;
    max-height:calc(100vh - 72px);overflow-y:auto;
  }
  .nav.open{transform:translateY(0);opacity:1;visibility:visible;}
  .nav a{padding:12px 14px;font-size:15.5px;border-radius:9px;}
  .nav a.active::after{display:none;}
  .nav a.active{background:var(--brand-soft);}
  .nav-toggle{display:flex;}
  .header-cta .btn span.long{display:none;}
}
@media (max-width:640px){
  .section{padding:60px 0;}
  .section--tight{padding:48px 0;}
  .container{padding:0 18px;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
  .field-row{grid-template-columns:1fr;}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;}
  .hero-stats b{font-size:23px;}
  .topbar{font-size:12px;}
  .topbar .hide-sm{display:none;}
  .hero-duo{height:364px;}
  .brand-txt b{font-size:13px;letter-spacing:0;}
  .brand-txt span{font-size:7.5px;letter-spacing:.03em;}
  .brand svg{width:32px;height:32px;}
  .form-card,.quote-box{padding:26px 20px;}
  .cta-band{padding:36px 26px;}
  .store-info{padding:30px 24px;}
  .footer{padding:48px 0 0;}
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .page-head{padding:44px 0 40px;}
}

/* ---------- 打印 ---------- */
@media print{
  .header,.topbar,.footer,.cta-band,.doc-toc,.nav-toggle{display:none!important;}
  body{font-size:12pt;color:#000;}
  .page-head{background:none;border:0;padding:0 0 20px;}
  .section{padding:0;}
  .doc h2{page-break-after:avoid;}
  a{color:#000;text-decoration:none;}
}

/* ---------- 无障碍 ---------- */
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px;}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ==========================================================================
   机型详情页
   ========================================================================== */

/* ---------- 可点击的机型卡片 ---------- */
.device--link{display:block;color:inherit;position:relative;}
.device--link:hover{color:inherit;border-color:#c9d8f2;}
.device--link h4{color:var(--ink);}
.device-more{
  display:inline-flex;align-items:center;gap:5px;margin-top:14px;
  font-size:12.5px;font-weight:600;color:var(--brand);
}
.device-more svg{transition:transform .2s ease;}
.device--link:hover .device-more svg{transform:translateX(3px);}
.tag--used{background:#fdf2e7;color:#c56a12;}

/* ---------- 顶部：画廊 + 购买区 ---------- */
.pd-wrap{padding:26px 0 70px;}
.pd-wrap .crumb{margin-bottom:22px;}
.pd{display:grid;grid-template-columns:minmax(0,1fr) 428px;gap:54px;align-items:start;}

.pd-stage{
  --stage-h:540px;
  position:relative;height:var(--stage-h);border-radius:26px;overflow:hidden;
  background:linear-gradient(180deg,#f7f9fd 0%,#eef3fb 100%);
  border:1px solid #e4ebf7;display:grid;place-items:center;
}
.pd-stage::after{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(22,82,240,.07),transparent 66%);
  right:-110px;bottom:-150px;pointer-events:none;
}
.pv{
  position:absolute;inset:0;display:grid;place-items:center;
  opacity:0;transform:scale(.985);transition:opacity .3s ease,transform .3s ease;
  pointer-events:none;
}
.pv.is-on{opacity:1;transform:none;pointer-events:auto;}
.pv--shot img{
  height:calc(var(--stage-h) - 46px);width:auto;
  max-width:calc(100% - 36px);
  object-fit:contain;mix-blend-mode:darken;
}
.pv[data-view="3"] svg{height:min(94%,500px);width:auto;filter:drop-shadow(0 18px 30px rgba(15,30,60,.14));}
.pv svg{height:min(92%,486px);width:auto;filter:drop-shadow(0 22px 34px rgba(15,30,60,.16));}
.pv[data-view="2"] svg{border-radius:18px;}

.pd-thumbs{display:flex;gap:9px;margin-top:14px;}
.pd-thumb{
  flex:1;padding:9px 4px;border:1px solid var(--line);background:#fff;border-radius:11px;
  font-family:inherit;font-size:12.5px;color:var(--ink-3);cursor:pointer;transition:all .18s ease;
}
.pd-thumb:hover{border-color:#b9c9ea;color:var(--ink);}
.pd-thumb.is-on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);font-weight:600;}
.pd-disclaimer{font-size:12px;color:var(--ink-3);line-height:1.75;margin:14px 0 0;}

/* ---------- 购买区 ---------- */
.pd-buy{
  position:sticky;top:104px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:26px 26px 24px;box-shadow:var(--shadow-sm);
}
.pd-buy-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;}
.pd-buy-top .tag{margin:0;}
.pd-stock{font-size:12px;color:var(--teal);display:inline-flex;align-items:center;gap:7px;}
.pd-stock i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(0,166,138,.15);}
.pd-buy h1{font-size:27px;letter-spacing:-.025em;line-height:1.25;margin-bottom:7px;}
.pd-sub{font-size:13.5px;color:var(--ink-3);margin:0;}
.pd-pricerow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:18px 0 20px;}
.pd-price{display:flex;align-items:baseline;gap:2px;color:var(--brand);}
.pd-price span{font-size:17px;font-weight:600;}
.pd-price b{font-size:37px;font-weight:700;letter-spacing:-.035em;line-height:1.05;}
.pd-price em{font-style:normal;font-size:12.5px;color:var(--ink-3);margin-left:5px;}
.pd-pricenote{font-size:12.5px;color:var(--ink-3);margin:6px 0 0;}

.pd-opt{margin-bottom:18px;}
.pd-opt-k{font-size:12.5px;color:var(--ink-3);margin-bottom:9px;display:flex;gap:8px;align-items:baseline;}
.pd-opt-k b{color:var(--ink);font-weight:600;font-size:13px;}
.pd-vars{display:flex;gap:9px;flex-wrap:wrap;}
.pd-v{
  flex:1 1 0;min-width:92px;border:1px solid var(--line);background:#fff;border-radius:10px;
  padding:9px 6px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--ink);
  display:flex;flex-direction:column;align-items:center;gap:1px;transition:all .18s ease;
}
.pd-v small{font-size:11.5px;color:var(--ink-3);}
.pd-v:hover{border-color:#b9c9ea;}
.pd-v.is-on{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand);}
.pd-v.is-on small{color:var(--brand);}
.pd-colors{display:flex;gap:11px;}
.pd-c{
  width:31px;height:31px;border-radius:50%;border:0;background:var(--c);cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:box-shadow .18s ease,transform .18s ease;
}
.pd-c:hover{transform:scale(1.06);}
.pd-c.is-on{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 2px #fff,0 0 0 4px var(--brand);}
.pd-hint,.pd-single{font-size:12px;color:var(--ink-3);margin:9px 0 0;line-height:1.7;}

.pd-points{list-style:none;padding:16px 0 0;margin:0 0 20px;border-top:1px solid var(--line-2);}
.pd-points li{position:relative;padding-left:18px;font-size:13.5px;color:var(--ink-2);margin:.42em 0;line-height:1.7;}
.pd-points li::before{content:"";position:absolute;left:3px;top:.66em;width:5px;height:5px;border-radius:50%;background:var(--brand);}

.pd-actions{display:flex;flex-direction:column;gap:9px;}
.pd-actions .btn{justify-content:center;}
.pd-guar{margin-top:18px;padding-top:17px;border-top:1px solid var(--line-2);display:grid;gap:8px;}
.pd-guar div{display:flex;gap:8px;font-size:12.5px;color:var(--ink-3);align-items:flex-start;line-height:1.65;}
.pd-guar .ck{color:var(--teal);flex:0 0 auto;line-height:0;}
.pd-guar .ck svg{width:15px;height:15px;}

/* ---------- 宣传横幅 ---------- */
.promo-band{padding:10px 0 0;}
.promo-inner{
  position:relative;overflow:hidden;border-radius:26px;padding:52px 54px;
  display:grid;grid-template-columns:1fr 290px;gap:28px;align-items:center;
  background:linear-gradient(118deg,#0a1120 0%,#101c33 52%,#182741 100%);
}
.promo-inner::before{
  content:"";position:absolute;width:560px;height:560px;border-radius:50%;
  right:-130px;top:-190px;background:radial-gradient(circle,var(--g1),transparent 68%);
  opacity:.40;filter:blur(6px);pointer-events:none;
}
.promo-inner::after{
  content:"";position:absolute;width:380px;height:380px;border-radius:50%;
  left:-160px;bottom:-220px;background:radial-gradient(circle,var(--g2),transparent 70%);
  opacity:.32;pointer-events:none;
}
.promo-copy{position:relative;z-index:1;}
.promo-kicker{
  display:inline-block;font-size:11.5px;letter-spacing:.14em;color:#a9c2ff;
  padding:4px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;margin-bottom:15px;
}
.promo-copy h2{color:#fff;font-size:clamp(25px,3vw,38px);margin-bottom:13px;letter-spacing:-.02em;}
.promo-copy p{color:rgba(255,255,255,.76);font-size:14.5px;max-width:32em;margin-bottom:20px;}
.promo-tags{display:flex;gap:9px;flex-wrap:wrap;}
.promo-tags span{
  font-size:12px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.15);padding:5px 12px;border-radius:8px;
}
.promo-art{position:relative;z-index:1;display:grid;place-items:center;}
.promo-shot{
  background:#fff;border-radius:20px;padding:14px 14px 6px;
  box-shadow:0 32px 60px -22px rgba(0,0,0,.55);
}
.promo-shot img{display:block;height:296px;width:auto;border-radius:10px;}

/* ---------- 亮点 ---------- */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.feat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;}
.feat .ic-lg{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand);margin-bottom:16px;
}
.feat h3{font-size:16.5px;margin-bottom:9px;line-height:1.45;}
.feat p{font-size:13.8px;color:var(--ink-3);margin:0;line-height:1.85;}

.suit{
  margin-top:26px;padding:18px 22px;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;
  background:var(--brand-soft);border-left:3px solid var(--brand);border-radius:0 14px 14px 0;
}
.suit-k{font-size:12px;font-weight:700;color:var(--brand);letter-spacing:.05em;flex:0 0 auto;}
.suit p{margin:0;font-size:14.5px;color:var(--ink-2);}

/* ---------- 参数表 ---------- */
.spec-wrap{
  display:grid;grid-template-columns:1fr 1fr;gap:0 52px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:6px 30px;
}
.spec-row{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line-2);}
.spec-row .k{font-size:13px;color:var(--ink-3);}
.spec-row .v{font-size:13.5px;color:var(--ink);line-height:1.7;}
.spec-block:last-child .spec-row:last-child{border-bottom:0;}

/* ---------- 验机报告 ---------- */
.report{
  display:grid;grid-template-columns:296px 1fr;gap:34px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;
}
.report-side{border-right:1px solid var(--line-2);padding-right:26px;}
.batt{display:grid;place-items:center;margin-bottom:20px;}
.report-meta{display:grid;gap:11px;}
.report-meta div{display:flex;justify-content:space-between;gap:12px;font-size:13px;}
.report-meta span{color:var(--ink-3);flex:0 0 auto;}
.report-meta b{color:var(--ink);font-weight:600;text-align:right;}
.report-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-content:start;}
.report-list li{
  display:grid;grid-template-columns:18px 1fr;gap:7px;padding:10px 0;
  border-bottom:1px solid var(--line-2);font-size:13.4px;align-items:start;
}
.report-list .rk{color:var(--teal);line-height:0;padding-top:4px;}
.report-list .rk svg{width:15px;height:15px;}
.report-list .rn{color:var(--ink);line-height:1.55;}
.report-list .rv{grid-column:2;font-size:12.4px;color:var(--ink-3);line-height:1.55;}
.report-list--wide{
  grid-template-columns:repeat(3,1fr);gap:0 30px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 30px;
}

/* ---------- 详情页响应式 ---------- */
@media (max-width:1080px){
  .pd{grid-template-columns:1fr;gap:34px;}
  .pd-buy{position:static;}
  .pd-stage{--stage-h:470px;}
  .promo-inner{grid-template-columns:1fr;padding:40px 30px;}
  .promo-art{display:none;}
  .spec-wrap{grid-template-columns:1fr;padding:6px 24px;}
  .report{grid-template-columns:1fr;padding:26px;gap:24px;}
  .report-side{border-right:0;border-bottom:1px solid var(--line-2);padding:0 0 22px;}
  .report-list--wide{grid-template-columns:1fr 1fr;padding:12px 24px;}
}
@media (max-width:760px){
  .pd-wrap{padding:18px 0 52px;}
  .pd-stage{--stage-h:400px;}
  .pv svg{height:min(82%,340px);}
  .pd-buy{padding:22px 18px 20px;}
  .pd-buy h1{font-size:22px;}
  .pd-price b{font-size:31px;}
  .feat-grid{grid-template-columns:1fr;}
  .report-list,.report-list--wide{grid-template-columns:1fr;}
  .suit{flex-direction:column;gap:6px;}
}

/* 分栏右侧换成实拍图 / 截图 */
.split-media .shot{
  display:block;border-radius:12px;overflow:hidden;background:#fff;
  box-shadow:0 22px 46px rgba(4,12,26,.45);
  transition:transform .25s ease,box-shadow .25s ease;
}
.split-media a.shot:hover{transform:translateY(-3px);box-shadow:0 28px 56px rgba(4,12,26,.55);}
.split-media .shot img{display:block;width:100%;height:auto;}
.split-media .shot--tall img{max-height:470px;object-fit:cover;object-position:50% 42%;}
.split-media .shot--license{background:#fff;padding:8px;}
.split-media .shot--report img{max-height:520px;object-fit:contain;object-position:top center;background:#fff;}
.split-media .shot-cap{
  margin:14px 0 0;text-align:center;color:rgba(255,255,255,.55);
  font-size:12px;letter-spacing:.02em;
}