/* =========================================================
   上海标本模型厂 · 骠马牌 — v3 样本册（暖纸 / 朱红）
   ========================================================= */
:root{
  --paper:#ece9e2;
  --paper-2:#e3dfd6;
  --white:#faf9f6;
  --ink:#15120f;
  --ink-2:#332e28;
  --red:#b32b18;
  --red-d:#8e2012;
  --steel:#6f6a62;
  --line:rgba(21,18,15,.16);
  --line-2:rgba(21,18,15,.09);
  --sans:"PXSans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --body:"PingFang SC","Microsoft YaHei","Noto Sans SC","Hiragino Sans GB",sans-serif;
  --cond:"PlexCond","IBM Plex Sans Condensed","Barlow Condensed","Arial Narrow",sans-serif;
  --wrap:1340px;
  --pad:46px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,dl,dd,figure,ul{margin:0}
ul{padding:0;list-style:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid var(--ink)}
.top__in{display:flex;align-items:center;gap:22px;height:88px}
.brand{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap;color:#26382c}
.brand__main{display:flex;align-items:center;gap:10px}
.brand__mark{width:44px;height:48px;flex:none;object-fit:contain}
.brand__txt{display:flex;flex-direction:column;line-height:1.2}
.brand__txt b{font-family:var(--body);font-weight:400;font-size:24px;letter-spacing:.035em;color:#182c2e}
.brand__txt i{display:flex;align-items:center;gap:6px;font-family:Arial,sans-serif;font-style:normal;font-size:8px;letter-spacing:.14em;color:#71818b;margin-top:3px}
.brand__txt i::before{content:"";width:27px;height:1px;background:#c53b27;flex:none}



.nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex:1 1 auto}
.nav a{font-size:14px;letter-spacing:.06em;color:var(--ink-2);padding:4px 0;border-bottom:1px solid transparent;transition:border-color .18s,color .18s}
.nav a:hover{color:var(--red);border-bottom-color:var(--red)}

.top__act{display:flex;align-items:center;gap:16px;margin-left:auto}
.search{display:flex;align-items:center;height:38px;background:transparent;border-bottom:1px solid var(--line);padding-left:2px;color-scheme:light}
.search input{border:0;outline:none;background:none;width:116px;font-size:13px;font-family:var(--body)}
.search input::placeholder{color:#9b958c}
.search button{border:0;background:none;height:100%;padding:0 8px;color:var(--steel);cursor:pointer;display:grid;place-items:center}
.search button:hover{color:var(--red)}
.tel{font-family:var(--cond);font-size:17px;letter-spacing:.06em;border-left:1px solid var(--line);padding-left:16px}
.tel:hover{color:var(--red)}
.burger{display:none;width:40px;height:40px;border:1px solid var(--ink);background:none;position:relative;cursor:pointer}
.burger span{position:absolute;left:10px;right:10px;height:1.5px;background:var(--ink)}
.burger span:nth-child(1){top:15px}
.burger span:nth-child(2){top:23px}


/* nav dropdown */
.has-sub{position:relative}
.nav .has-sub>a::after{content:"";display:inline-block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:8px;opacity:.6}
.sub{position:absolute;top:calc(100% + 12px);left:-16px;min-width:196px;background:var(--white);border:1px solid var(--ink);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:80}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.sub a{display:block;padding:9px 18px;border:0;font-size:13.5px;white-space:nowrap}
.sub a:hover{background:var(--paper);color:var(--red)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 34px;background:var(--ink);color:var(--paper);font-size:15px;letter-spacing:.08em;transition:background .2s,color .2s}
.btn:hover{background:var(--red)}
.btn--line{background:none;color:var(--ink);border:1px solid var(--ink)}
.btn--line:hover{background:var(--ink);color:var(--paper)}
.btn--paper{background:var(--paper);color:var(--ink)}
.btn--paper:hover{background:var(--ink);color:var(--paper)}

/* ---------- hero ---------- */
.hero{padding:64px 0 0}
.hero__in{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;padding-bottom:40px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.18em;color:var(--steel)}
.eyebrow i{width:8px;height:8px;background:var(--red);display:block}
.hero h1{margin-top:26px;font-family:var(--sans);font-weight:700;font-size:clamp(50px,6.2vw,98px);line-height:1.1;letter-spacing:.005em}
.lead{margin-top:30px;max-width:42ch;color:#4a453e;font-size:16px;line-height:1.95}
.hero__act{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}

.hero__fig{margin:0}
.shot{position:relative;overflow:hidden;border:1px solid var(--ink);background:#fff;aspect-ratio:1/1}
.shot img{display:block;width:100%;height:100%;object-fit:contain}

.hero__fig figcaption{margin-top:6px;font-size:12.5px;letter-spacing:.06em;color:var(--steel);border-top:1px solid var(--line);padding-top:12px}

.ticker{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.ticker li+li{border-left:1px solid var(--line)}
.ticker a{display:flex;align-items:baseline;gap:10px;padding:18px 4px 20px;font-size:13.5px;letter-spacing:.04em;transition:color .18s}
.ticker b{font-family:var(--cond);font-size:19px;letter-spacing:.08em;color:var(--red)}
.ticker a:hover{color:var(--red)}

/* ---------- statement ---------- */
.statement{background:var(--ink);color:var(--paper);padding:96px 0}
.statement__in{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.statement h2{font-family:var(--sans);font-weight:700;font-size:clamp(30px,3.4vw,46px);line-height:1.34;letter-spacing:.01em}
.statement h2::after{content:"";display:block;width:76px;height:3px;background:var(--red);margin-top:30px}
.statement__txt p{color:#a8a29a;font-size:15.5px;max-width:46ch}
.points{margin-top:44px;border-top:1px solid rgba(236,233,226,.2)}
.points li{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid rgba(236,233,226,.13)}
.points b{font-family:var(--sans);font-weight:700;font-size:15.5px;letter-spacing:.02em;color:#f2efe9}
.points span{color:#a8a29a;font-size:14px}

/* ---------- section shells ---------- */
.band{padding:92px 0;background:var(--paper)}
.band+.band{border-top:1px solid var(--line)}
.head{display:flex;flex-direction:column;gap:14px;margin-bottom:46px;max-width:640px}
.head--row{flex-direction:row;align-items:flex-end;justify-content:space-between;max-width:none;gap:32px}
.head h2{font-family:var(--sans);font-weight:700;font-size:clamp(30px,3.2vw,44px);line-height:1.22}
.head p{color:#5f5a52;font-size:15px;max-width:54ch}
.more{font-size:13.5px;color:var(--red);white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:2px}
.more:hover{color:var(--red-d)}

/* ---------- series list ---------- */
.list{border-top:1px solid var(--ink)}
.list li{border-bottom:1px solid var(--line)}
.list a{
  display:grid;grid-template-columns:96px 210px 1fr 240px 28px;align-items:baseline;gap:26px;
  padding:26px 6px 26px 0;position:relative;transition:padding-left .22s,background .22s;
}
.list a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .22s}
.list__k{font-family:var(--cond);font-size:30px;letter-spacing:.06em;color:var(--ink);transition:color .2s}
.list__name{font-family:var(--sans);font-weight:700;font-size:20px;letter-spacing:.03em}
.list__desc{font-size:14px;color:#5f5a52}
.list__meta{font-family:var(--cond);font-size:13px;letter-spacing:.08em;color:var(--steel);text-align:right}
.list__go{color:#b0a99f;text-align:right;transition:color .2s,transform .2s}
.list a:hover{padding-left:18px;background:rgba(179,43,24,.045)}
.list a:hover::before{transform:scaleY(1)}
.list a:hover .list__k{color:var(--red)}
.list a:hover .list__go{color:var(--red);transform:translateX(4px)}

/* ---------- models grid ---------- */
.models{background:var(--paper-2)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.p{display:flex;flex-direction:column;background:var(--white);padding:22px;transition:background .2s}
.p__img{position:relative;overflow:hidden;aspect-ratio:1/1;background:var(--white);margin-bottom:20px}
.p__img img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.p__body{display:flex;flex-direction:column}
.p__code{font-family:var(--cond);font-size:14.5px;letter-spacing:.14em;color:var(--red)}
.p__name{font-family:var(--sans);font-weight:700;font-size:16px;margin-top:4px}
.p__spec{font-family:var(--cond);font-size:13px;letter-spacing:.05em;color:var(--steel);margin-top:12px;padding-top:10px;border-top:1px solid var(--line-2)}
.p:hover{background:#fdfcf9}


.p--wide{grid-column:span 2;grid-row:span 2;flex-direction:column;gap:0;padding:30px}
.p--wide .p__img{flex:0 0 auto;width:100%;aspect-ratio:1/1;margin:0 0 22px}
.p--wide .p__body{flex:1 1 auto;justify-content:flex-start}
.p--wide .p__img img{width:100%;height:100%;object-fit:contain}
.p--wide .p__name{font-size:20px;margin-top:8px;line-height:1.5}
.p--wide .p__spec{font-size:14px}

/* ---------- use ---------- */
.use__in{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.use__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.use__grid li{display:flex;flex-direction:column;gap:4px;padding:20px 20px 22px 0;border-bottom:1px solid var(--line)}
.use__grid li:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}
.use__grid b{font-family:var(--sans);font-weight:700;font-size:18px;letter-spacing:.04em}
.use__grid span{font-size:13.5px;color:#5f5a52}
.use__note{grid-column:1/-1;border-left:0 !important;padding-left:0 !important;flex-direction:row !important;align-items:baseline;gap:16px !important}
.use__note span{color:var(--steel)}
.use__note a{color:var(--red);font-size:13.5px;white-space:nowrap;border-bottom:1px solid currentColor}

/* ---------- journal ---------- */
.journal__in{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.news li{border-bottom:1px solid var(--line-2)}
.news a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:15px 0;font-size:15px;transition:color .18s,padding .18s}
.news time{font-family:var(--cond);font-size:13.5px;color:#a09a90;flex:0 0 auto;font-variant-numeric:tabular-nums}
.news a:hover{color:var(--red);padding-left:4px}

/* ---------- cta ---------- */
.cta{background:var(--red);color:var(--paper);padding:86px 0}
.cta__in{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.cta h2{font-family:var(--sans);font-weight:700;font-size:clamp(30px,3.2vw,44px);line-height:1.28}
.cta p{color:#f0cfc8;margin-top:18px;max-width:44ch;font-size:15px}
.cta .btn{margin-top:30px}
.cta__side{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center}
.cta__side .cta__data{grid-template-columns:1fr}
.cta__qr{text-align:center}
.cta__qr img{display:block;width:124px;height:124px;background:#fff;padding:6px;object-fit:contain}
.cta__qr span{display:block;margin-top:10px;font-size:12px;letter-spacing:.1em;color:#f4d8d2}
.cta__data{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(236,233,226,.45)}
.cta__data>div{display:flex;align-items:baseline;justify-content:space-between;gap:28px;padding:16px 0;border-bottom:1px solid rgba(236,233,226,.3)}
.cta__data dd{margin:0}
.cta__data dt{font-size:11.5px;letter-spacing:.16em;color:#f1d2cb}
.cta__data dd{font-family:var(--cond);font-size:24px;letter-spacing:.03em;margin-top:2px}
.cta__data a:hover{border-bottom:1px solid currentColor}

/* ---------- footer ---------- */
.foot{background:var(--ink);color:#a09a90;padding:52px 0 24px;font-size:14px}
.foot__in{display:flex;justify-content:space-between;gap:44px;flex-wrap:wrap;padding-bottom:32px}
.foot__name{font-family:var(--sans);font-weight:700;font-size:22px;letter-spacing:.12em;color:#f2efe9}
.foot__sub{margin-top:8px;font-size:13px;color:#8d867d}
.foot__nav{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:flex-start}
.foot__nav a{font-size:13.5px;color:#b3aca3}
.foot__nav a:hover{color:var(--paper)}
.foot__legal{border-top:1px solid rgba(236,233,226,.16);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#857f76}
.foot__legal a:hover{color:var(--paper)}


/* ---------- footer links & floating contact ---------- */
.foot__links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:#857f76;border-top:1px solid rgba(236,233,226,.16);padding-top:18px;margin-top:26px}
.foot__links>span{color:#6a655d}
.foot__links a:hover{color:var(--paper)}

.kf{position:fixed;right:18px;bottom:18px;z-index:70;display:none;flex-direction:column;gap:10px;background:var(--white);border:1px solid var(--ink);padding:12px 14px;min-width:138px}
.kf a{display:flex;flex-direction:column;line-height:1.35}
.kf span{font-size:11px;letter-spacing:.12em;color:var(--steel)}
.kf b{font-family:var(--cond);font-size:16px;letter-spacing:.04em;font-weight:600}
.kf a:hover b{color:var(--red)}
.kf__qrbox{position:fixed;right:18px;bottom:112px;z-index:71;background:#fff;border:1px solid var(--ink);padding:10px;text-align:center;opacity:0;visibility:hidden;transition:opacity .2s}
.kf__qrbox img{width:104px;height:104px;object-fit:contain}
.kf__qrbox p{font-size:11.5px;color:var(--steel);margin-top:6px;letter-spacing:.06em}
.kf:hover ~ .kf__qrbox,.kf__qrbox:target{opacity:1;visibility:visible}


/* ---------- inner pages ---------- */
.page-head{background:var(--paper);padding:30px 0 26px}
.crumb{font-size:12.5px;letter-spacing:.04em;color:var(--steel)}
.crumb a{color:var(--steel)}
.crumb a:hover{color:var(--red)}
.page-head h1{font-family:var(--sans);font-weight:700;font-size:clamp(28px,3.2vw,44px);line-height:1.24;margin-top:14px;letter-spacing:.005em}
.page-head__sub{color:#5f5a52;font-size:15px;margin-top:8px;max-width:60ch}

.section{padding:54px 0 64px}
.section--tight{padding-top:0}

.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:transparent}
.pgrid .p{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.pgrid .p{padding:18px 18px 22px}
.pgrid .p__img{background:var(--white);aspect-ratio:1/1}
.pgrid .p__code{padding:0}
.pgrid .p__name{padding:0;font-size:15.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}
.pgrid .p__spec{padding:10px 0 0;margin-top:10px;border-top:1px solid var(--line-2)}

.pagelist{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:38px 0 0}
.pagelist li{display:block}
.pagination ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:38px 0 0}
.pagelist a,.pagelist span,.pagination a,.pagination span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);font-family:var(--cond);font-size:14px;color:var(--ink-2);transition:.18s}
.pagelist a:hover{border-color:var(--ink);color:var(--ink)}
.pagelist .active a,.pagelist a.active,.pagelist .active span{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* category nav */
.catnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.catnav a{font-size:13px;letter-spacing:.04em;padding:7px 14px;border:1px solid var(--line);color:#5f5a52;transition:.18s;background:transparent}
.catnav a:hover{border-color:var(--ink);color:var(--ink)}
.catnav a.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* product detail */
.detail{display:grid;grid-template-columns:minmax(0,0.78fr) minmax(0,1.22fr);gap:56px;align-items:start;padding:14px 0 10px}
.detail__fig{background:#faf9f6;border:1px solid var(--ink);padding:0;overflow:hidden;position:relative;aspect-ratio:1/1;max-width:470px;width:100%}
.detail__fig img{width:86%;height:86%;margin:7%;object-fit:contain;display:block;mix-blend-mode:multiply}
.detail__tag{position:absolute;top:16px;left:18px;font-family:var(--cond);font-size:12px;letter-spacing:.18em;color:#9a948a}
.detail h1{font-family:var(--sans);font-weight:700;font-size:clamp(26px,2.6vw,38px);line-height:1.3}
.detail__meta{margin-top:14px;font-size:13px;color:var(--steel);display:flex;gap:16px;flex-wrap:wrap}
.detail__meta a{color:var(--red);border-bottom:1px solid currentColor}
.detail__lead{margin-top:20px;font-size:15px;line-height:1.9;color:#3f3a32}
.detail__act{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.detail__note{margin-top:18px;font-size:12.5px;color:var(--steel)}

.prose{max-width:840px;font-size:15.5px;line-height:1.95;color:#3a352d}
.prose>*{max-width:100%}
.prose p,.prose li,.prose td,.prose th{overflow-wrap:break-word;word-break:break-word}
.prose h2{font-family:var(--sans);font-weight:700;font-size:23px;line-height:1.4;margin:40px 0 12px}
.prose h3{font-family:var(--sans);font-weight:700;font-size:18px;margin:28px 0 10px}
.prose p{margin:14px 0}
.prose ul,.prose ol{padding-left:22px;margin:14px 0;list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin:6px 0}
.prose img{max-width:100%;height:auto;margin:18px 0;border:1px solid var(--line);background:#fff}
.prose table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px;background:var(--white)}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--paper-2);font-weight:700}
.prose a{color:var(--red)}
.prose .btn{color:var(--paper);border-bottom:0}
.prose .btn--line{color:var(--ink)}
.prose--wide{max-width:1060px}
.prose--full{max-width:none}
.prose strong{font-weight:700}

.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding-top:18px;margin:64px 0 28px}
.block-head h2{font-family:var(--sans);font-weight:700;font-size:clamp(22px,2.2vw,30px)}
.block-head a{font-size:13.5px;color:var(--red);border-bottom:1px solid currentColor;padding-bottom:2px}

/* article list */
.alist{border-top:1px solid var(--ink)}
.alist li{border-bottom:1px solid var(--line)}
.alist a{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:20px 2px;font-size:16.5px;transition:.18s}
.alist time{font-family:var(--cond);font-size:13.5px;color:#a09a90;flex:0 0 auto}
.alist a:hover{color:var(--red);padding-left:6px}

/* article detail */
.article{max-width:860px}
.article h1{font-family:var(--sans);font-weight:700;font-size:clamp(26px,2.8vw,38px);line-height:1.35}
.article__meta{margin-top:14px;font-size:13px;color:var(--steel);display:flex;gap:14px;flex-wrap:wrap}
.article__meta a{color:var(--red)}
.article__body{margin-top:34px}
.prevnext{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-top:48px;font-size:14px}
.prevnext a:hover{color:var(--red)}
.prevnext span{color:var(--steel)}

/* contact */
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}
.contact-card{margin:0;background:var(--white);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 24px 30px}
.contact-card dt{font-size:12px;letter-spacing:.14em;color:var(--steel)}
.contact-card dd{margin:10px 0 0;font-family:var(--cond);font-size:22px;letter-spacing:.02em}
.contact-card dd small{display:block;font-family:var(--body);font-size:12px;color:var(--steel);letter-spacing:0;margin-top:4px}
.contact-card--qr{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.contact-card--qr img{width:118px;height:118px;display:block}
.contact-card--qr span{display:block;margin-top:10px;font-size:12px;letter-spacing:.08em;color:var(--steel)}
.contact-line{display:flex;flex-wrap:wrap;gap:12px 44px;padding:18px 2px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--steel)}
.contact-line b{font-family:var(--cond);font-size:16px;letter-spacing:.02em;color:var(--ink);margin-left:10px;font-weight:600}
.contact-split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:start}
.contact-list{border-top:1px solid var(--ink);margin:0}
.contact-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:30px;padding:18px 2px;border-bottom:1px solid var(--line)}
.contact-list dt{font-size:12px;letter-spacing:.14em;color:var(--steel)}
.contact-list dd{margin:0;font-family:var(--cond);font-size:24px;letter-spacing:.02em}
.contact-list dd small{display:block;font-family:var(--body);font-size:12px;color:var(--steel);letter-spacing:0;margin-top:2px}
.contact-qr{background:var(--white);border:1px solid var(--line);padding:20px;text-align:center}
.contact-qr img{width:100%;max-width:220px;margin:0 auto;display:block}
.contact-qr p{margin-top:10px;font-size:12.5px;letter-spacing:.08em;color:var(--steel)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:transparent;border-top:1px solid var(--ink)}
.contact-grid div{background:var(--white);padding:26px 24px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-grid dt{font-size:11.5px;letter-spacing:.16em;color:var(--steel)}
.contact-grid dd{font-family:var(--cond);font-size:22px;margin-top:6px;letter-spacing:.03em}
.contact-grid dd small{font-family:var(--body);font-size:13px;color:var(--steel);display:block;margin-top:4px;letter-spacing:0}

/* message pages */
.msgbox{padding:110px 0 130px;text-align:center}
.msgbox h1{font-family:var(--sans);font-weight:700;font-size:clamp(30px,4vw,52px);line-height:1.3}
.msgbox p{color:var(--steel);margin-top:16px}
.msgbox .btn{margin-top:30px}

/* search */
.result{border-top:1px solid var(--ink);padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:26px}
.result__fig{background:linear-gradient(180deg,#f7f5ef,#e9e5db);display:grid;place-items:center;padding:10px;aspect-ratio:1/1}
.result__fig img{width:88%}
.result h2{font-family:var(--sans);font-weight:700;font-size:18px;line-height:1.5}
.result h2 a:hover{color:var(--red)}
.result p{color:#5f5a52;font-size:14px;margin-top:8px}

@media (max-width:980px){
  .contact-cards{grid-template-columns:repeat(2,1fr)}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .detail{grid-template-columns:1fr;gap:30px}
  .contact-grid{grid-template-columns:1fr 1fr}
  .result{grid-template-columns:1fr}
  .result__fig{width:46%;min-width:130px}
}
@media (max-width:560px){
  .contact-cards{grid-template-columns:1fr}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .pgrid .p{padding:12px 12px 16px}
  .pgrid .p__name{font-size:13.5px}
  .contact-grid{grid-template-columns:1fr}
  .section{padding:40px 0 48px}
  .detail__fig{padding:22px}
}

/* ---------- motion ---------- */
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero__copy,.hero__fig{animation:rise .8s cubic-bezier(.2,.7,.3,1) both}
.hero__fig{animation-delay:.12s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  
  :root{--pad:30px}
  .nav{gap:18px}
  .search{display:none}
  .list a{grid-template-columns:80px 180px 1fr 200px 24px;gap:20px}
  .statement__in{gap:44px}
}
@media (max-width:980px){
  .hero__in{grid-template-columns:1fr;gap:20px}
  .shot{max-width:460px;margin:0 auto}
  .ticker{grid-template-columns:repeat(3,1fr)}
  .ticker li:nth-child(4){border-left:0}
  .ticker li:nth-child(n+4){border-top:1px solid var(--line)}
  .statement__in{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,1fr)}
  .p--wide{grid-column:span 2;grid-row:auto;flex-direction:column;padding:22px}
  .p--wide .p__img{flex:none;width:100%}
  .use__in{grid-template-columns:1fr;gap:34px}
  .journal__in{grid-template-columns:1fr;gap:48px}
  .cta__in{grid-template-columns:1fr;gap:36px}
  .list a{grid-template-columns:64px 1fr 24px;row-gap:6px}
  .list__desc{grid-column:2/-1}
  .list__meta{display:none}
  .band{padding:68px 0}
  .statement{padding:68px 0}
}
@media (max-width:820px){
  .contact-split{grid-template-columns:1fr;gap:32px}
  .cta__side{grid-template-columns:1fr;gap:26px}
  .top__in{height:66px;gap:14px}
  .brand__txt b{font-size:21px}
  .brand__txt i{font-size:7.5px}
  .brand__mark{width:34px;height:38px}
  .tel{display:none}
  .burger{display:block}
  .nav{position:fixed;left:0;right:0;top:66px;bottom:0;justify-content:flex-start;background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:8px 30px 36px;overflow:auto;transform:translateX(100%);transition:transform .3s;border-top:1px solid var(--ink)}
  .nav.is-open{transform:none}
  .nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}
  .nav .has-sub>a::after{display:none}
  .sub{position:static;opacity:1;visibility:visible;transform:none;border:0;padding:0 0 8px 14px;min-width:0}
  .sub a{font-size:14px;color:#6f6a62;padding:8px 0;border:0}
  .nav a:hover{padding-left:0}
  .points li{grid-template-columns:1fr;gap:6px}
  .head--row{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (max-width:820px){
  body{padding-bottom:54px}
  .kf{display:flex;left:0;right:0;bottom:0;flex-direction:row;justify-content:space-around;gap:0;border:0;border-top:1px solid var(--ink);padding:8px 12px;min-width:0}
  .kf a{flex-direction:row;align-items:baseline;gap:8px}
  .kf b{font-size:15px}
  .kf:hover ~ .kf__qrbox{opacity:0;visibility:hidden}
  .kf__qrbox{right:auto;left:50%;bottom:58px;transform:translateX(-50%)}
  .kf__qrbox:target{opacity:1;visibility:visible}
}
@media (max-width:560px){
  :root{--pad:20px}
  .hero{padding-top:40px}
  .hero h1{font-size:clamp(42px,12.5vw,60px)}
  .hero__act .btn{flex:1 1 auto}
  .ticker{grid-template-columns:repeat(2,1fr)}
  .ticker li:nth-child(odd){border-left:0}
  .ticker li:nth-child(n+3){border-top:1px solid var(--line)}
  .grid{grid-template-columns:1fr}
  .p--wide{grid-column:auto}
  .use__grid{grid-template-columns:1fr}
  .use__grid li:nth-child(even){padding-left:0;border-left:0}
  .cta__data{grid-template-columns:1fr}
}

/* Compact product-list thumbnails */
.product-list .p__img{height:220px;aspect-ratio:auto;margin-bottom:14px}
.product-list .p__img img{width:100%;height:100%;object-fit:contain}
@media(max-width:640px){.product-list .p__img{height:160px}}

/* Approved cool-white and technology-blue palette */
:root{--paper:#f6f9fd;--paper-2:#edf3fa;--white:#ffffff;--ink:#132d48;--ink-2:#3c526c;--red:#0a6dcf;--red-d:#0758a9;--steel:#647991;--line:rgba(33,72,112,.17);--line-2:rgba(33,72,112,.09);background:var(--paper)}
.top{background:#e6f0fc;border-bottom-color:#c9daee}
.brand__txt b{color:#173653}
.brand__txt i{color:#7b8fa4}
.hero{background:linear-gradient(112deg,#f6f9fd 40%,#e9f2fd 100%)}
.eyebrow{color:#42688d}
.lead{color:#536a82}
.shot{background:radial-gradient(ellipse at 50% 40%,#fff 5%,#f4f8fe 65%,#e7f0fb 100%);border-color:#d7e4f3}
.btn{background:var(--red);color:#fff}
.btn:hover{background:#0758a9}
.btn--line{background:transparent;border-color:#97b8db;color:#22588e}
.btn--line:hover{background:#e0edfb}
.ticker{border-color:#c4d7eb;background:rgba(255,255,255,.55)}
.statement{background:#112f4d;color:#f7fbff}
.statement__txt p,.points span{color:#b9cce1}
.points b{color:#f2f7fd}
.points,.points li{border-color:rgba(196,221,246,.19)}
.statement h2::after{background:#51a9f0}
.head p,.list__desc{color:#62788f}
.list a:hover{background:#e8f2ff}
.list__go{color:#829bb5}
.grid{background:#d9e5f2}
.p:hover{background:#f4f9ff}
.models{background:#edf3fa}
.use{background:#fff}
.use__grid span{color:#647b92}
.journal{background:#f6f9fd}
.news time{color:#7f94ab}
.cta{background:#195a99;color:#fff}
.cta p,.cta__qr span,.cta__data dt{color:#d1e4f7}
.cta__data,.cta__data>div{border-color:rgba(218,238,255,.3)}
.foot{background:#0c2239;color:#9db5ce}
.foot__sub{color:#a6bed7}
.foot__nav a{color:#c4d6e9}
.foot__links,.foot__legal{color:#89a5c1;border-color:#294159}
.foot__links>span{color:#b0c9e0}

body{background:var(--paper);color:var(--ink)}
.search input{color:var(--ink)}
.search input::placeholder{color:#7b8fa4}
.p__img img,.detail__fig img{mix-blend-mode:normal}
.btn--paper{background:#fff;color:#22588e;border-color:#c4d7eb}
.btn--paper:hover{background:#e0edfb;color:#173653}
.page-head{background:#edf3fa}
.page-head__sub,.detail__lead,.prose,.result p{color:#4c647d}
.catnav a{color:#536c86}
.catnav a:hover{color:#0758a9;border-color:#97b8db;background:#e8f2ff}
.catnav a.is-on{background:#0a6dcf;border-color:#0a6dcf;color:#fff}
.pagelist .active a,.pagelist a.active,.pagelist .active span{background:#0a6dcf;border-color:#0a6dcf;color:#fff}
.pagelist a:hover{border-color:#97b8db;color:#0758a9}
.detail__fig{background:#fff;border-color:#d7e4f3}
.detail__tag,.alist time{color:#7f94ab}
.prose th{background:#edf3fa;color:#173653}
.prose td{background:#fff}
.prose h2,.prose h3{color:#173653}
.prose .btn{color:#fff}
.prose .btn--line{color:#22588e}
.block-head,.alist,.contact-cards,.contact-list,.contact-grid,.result{border-top-color:#b9cfe5}
.contact-line,.contact-list>div,.result{border-bottom-color:#d9e5f1}
.contact-qr{background:#fff;border-color:#d7e4f3}
.result__fig{background:linear-gradient(180deg,#f6faff,#e9f2fc)}
.kf{background:#fff;border-color:#c4d7eb}
.kf__qrbox{background:#fff;border-color:#c4d7eb}

/* Let transparent product photos share the card hover color. */
.p .p__img{background:transparent}

/* Product catalog cards */
.product-list{gap:20px;background:transparent}
.product-list .p{padding:20px;border:1px solid #dce7f2;border-radius:12px;background:#fff;box-shadow:0 3px 14px rgba(25,65,105,.035);transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;min-width:0}
.product-list .p__img{height:220px;margin-bottom:0;background:transparent}
.product-list .p__body{flex:1;padding-top:16px;margin-top:16px;border-top:1px solid #eaf0f7}
.product-list .p__name{margin-top:0;min-height:3.3em;font-size:15px;line-height:1.65;font-weight:600;color:#173653}
.product-list .p__action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;font-size:12px;line-height:1.6;color:#647e98}
.product-list .p__action-arrow{font-size:18px;line-height:1;transition:transform .2s;color:#0a6dcf}
.product-list .p:hover{background:#f7fbff;border-color:#9fc4e8;box-shadow:0 12px 28px rgba(25,75,125,.1);transform:translateY(-4px)}
.product-list .p:hover .p__name,.product-list .p:focus-visible .p__name{color:#075eaf}
.product-list .p:hover .p__action{color:#0a6dcf}
.product-list .p:hover .p__action-arrow{transform:translateX(3px)}
@media(max-width:980px){.product-list{gap:16px}}
@media(max-width:640px){.product-list{gap:12px}.product-list .p{padding:14px;border-radius:10px}.product-list .p__img{height:160px}.product-list .p__body{padding-top:12px;margin-top:12px}.product-list .p__name{font-size:13.5px}.product-list .p__action{margin-top:12px;font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.product-list .p:hover{transform:none}.product-list .p,.product-list .p__action-arrow{transition:none}}

/* Article and product prose links follow the surrounding text color. */
.prose a:not(.btn),.prose a:not(.btn):hover,.prose a:not(.btn):visited{color:inherit}

/* Preserve accent-colored links in the quotation page. */
.prose.prose--quote a:not(.btn),.prose.prose--quote a:not(.btn):hover,.prose.prose--quote a:not(.btn):visited{color:var(--red)}

/* Blue header brand accents */
.top .brand__mark{filter:brightness(0) saturate(100%) invert(31%) sepia(99%) saturate(2155%) hue-rotate(195deg) brightness(93%) contrast(96%)}
.top .brand__txt i::before{background:#0a6dcf}

/* Refined global header */
.top {
  border-bottom: 1px solid #d5e3f2;
  background: linear-gradient(110deg, rgba(246, 251, 255, .98), rgba(226, 239, 255, .97));
  box-shadow: 0 4px 22px rgba(35, 77, 118, .045);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #0a6dcf, #8fc8f4 50%, #d9eafb);
}
.top .top__in { height: 92px; gap: 24px; }
.top .brand__main { gap: 13px; }
.top .brand__mark { width: 44px; height: 48px; filter: brightness(0) saturate(100%) invert(31%) sepia(99%) saturate(2155%) hue-rotate(195deg) brightness(93%) contrast(96%) drop-shadow(0 3px 3px rgba(10, 109, 207, .1)); }
.top .brand__txt b { color: #173d60; font-weight: 500; letter-spacing: .06em; }
.top .brand__txt i { margin-top: 5px; color: #8a9fb4; letter-spacing: .17em; }
.top .brand__txt i::before { height: 2px; width: 26px; border-radius: 2px; background: #0a6dcf; }
.top .nav { gap: 5px; }
.top .nav > a,
.top .nav > .has-sub > a {
  display: block;
  padding: 10px 13px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #476681;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .025em;
  white-space: nowrap;
  transition: background .2s, border-color .2s, color .2s, box-shadow .2s;
}
.top .nav > a:hover,
.top .nav > .has-sub > a:hover { background: rgba(255, 255, 255, .65); border-color: rgba(178, 206, 232, .5); color: #0a6dcf; }
.top .nav > a[aria-current],
.top .nav > .has-sub > a[aria-current] {
  border-color: #d3e4f5;
  background: #fff;
  color: #0a6dcf;
  box-shadow: 0 3px 10px rgba(31, 91, 149, .04);
}
.top .has-sub::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 12px; }
.top .sub {
  top: calc(100% + 8px);
  left: 0;
  min-width: 236px;
  padding: 8px;
  border: 1px solid #d7e5f3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(25, 66, 106, .12);
}
.top .sub a { padding: 10px 12px; border: 0; border-radius: 7px; color: #5c7892; font-size: 12px; line-height: 1.7; letter-spacing: 0; }
.top .sub a:hover,
.top .sub a[aria-current] { background: #edf5ff; color: #0a6dcf; }
.top .top__act { gap: 14px; }
.top .search {
  height: 42px;
  padding: 0 5px 0 15px;
  border: 1px solid #cedff0;
  border-radius: 24px;
  background: rgba(255, 255, 255, .8);
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.top .search:focus-within { border-color: #8db9e3; background: #fff; box-shadow: 0 0 0 3px rgba(10, 109, 207, .07); }
.top .search input { width: 128px; color: #345d80; font-size: 12px; }
.top .search input::placeholder { color: #91a7bc; }
.top .search button { width: 32px; height: 32px; padding: 0; border-radius: 50%; color: #5782a9; transition: background .2s, color .2s; }
.top .search button:hover { background: #eaf3fe; color: #0a6dcf; }
.top .burger { border: 1px solid #cbdff1; border-radius: 10px; background: rgba(255, 255, 255, .8); }
.top .burger span { background: #2c6597; transition: transform .2s, top .2s; }
.top .burger[aria-expanded="true"] span:nth-child(1) { top: 19px; transform: rotate(45deg); }
.top .burger[aria-expanded="true"] span:nth-child(2) { top: 19px; transform: rotate(-45deg); }
@media (max-width: 1200px) and (min-width: 821px) {
  .top .top__in { gap: 18px; }
  .top .nav { gap: 2px; }
  .top .nav > a,
  .top .nav > .has-sub > a { padding: 9px 10px; font-size: 13px; }
}
@media (max-width: 820px) {
  .top .top__in { height: 72px; gap: 16px; }
  .top .brand__main { gap: 10px; }
  .top .brand__mark { width: 34px; height: 38px; }
  .top .brand__txt b { font-size: 21px; }
  .top .brand__txt i { margin-top: 3px; font-size: 7.5px; }
  .top .nav {
    top: 72px;
    gap: 5px;
    padding: 18px 24px 36px;
    border-top: 1px solid #dbe7f4;
    background: linear-gradient(145deg, #f6faff, #fff 65%);
  }
  .top .nav > a,
  .top .nav > .has-sub > a { padding: 13px 15px; font-size: 15px; border-radius: 9px; }
  .top .has-sub::after { display: none; }
  .top .sub {
    position: static;
    min-width: 0;
    margin: 8px 0 8px 15px;
    padding: 0 0 0 10px;
    border: 0;
    border-left: 1px solid #dce8f5;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .top .sub a { padding: 9px 12px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .top .nav a, .top .search, .top .search button, .top .burger span { transition: none; }
}

/* Refined global footer */
.foot {
  position: relative;
  padding: 58px 0 22px;
  border-top: 1px solid #294967;
  background: radial-gradient(ellipse at 100% 0, rgba(33, 91, 146, .24), transparent 55%), linear-gradient(115deg, #102b45, #0b2136 75%);
  color: #94adc5;
}
.foot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #518aba 50%, transparent);
}
.foot .foot__in {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.05fr);
  gap: 48px;
  padding-bottom: 34px;
}
.foot__brand { min-width: 0; }
.foot__identity { display: inline-flex; align-items: center; gap: 12px; }
.foot__identity img { width: 40px; height: 44px; object-fit: contain; filter: brightness(0) invert(1); opacity: .93; }
.foot__identity > span { display: flex; flex-direction: column; gap: 5px; }
.foot__identity b { color: #eff6fd; font-size: 23px; line-height: 1.2; font-weight: 500; letter-spacing: .06em; }
.foot__identity small { color: #7897b4; font-family: Arial, sans-serif; font-size: 8px; line-height: 1.4; letter-spacing: .22em; }
.foot .foot__sub { max-width: 29em; margin-top: 22px; color: #86a3bd; font-size: 12px; line-height: 2.2; }
.foot .foot__column { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.foot h3 { margin: 0 0 10px; color: #dceaf8; font-size: 13px; font-weight: 500; line-height: 1.8; letter-spacing: .06em; }
.foot .foot__nav a { display: inline-block; color: #8eabc5; font-size: 12px; line-height: 1.8; transition: color .2s, transform .2s; }
.foot .foot__nav a span { display: inline-block; margin-left: 8px; color: #6f9cc4; }
.foot .foot__nav a:hover { color: #fff; transform: translateX(3px); }
.foot__contact { min-width: 0; }
.foot__contact-label { display: block; margin-top: 17px; color: #7897b3; font-size: 10px; line-height: 1.6; }
.foot__phone { display: block; margin-top: 5px; color: #e4f1fe; font-family: var(--sans); font-size: 25px; line-height: 1.4; font-weight: 500; letter-spacing: .015em; white-space: nowrap; }
.foot__phone:hover { color: #fff; }
.foot__landline { display: inline-block; margin-top: 8px; color: #88a5c0; font-size: 11px; line-height: 1.8; }
.foot__landline:hover { color: #d6e8f9; }
.foot__wechat { display: flex; align-items: center; gap: 13px; margin-top: 18px; }
.foot__wechat img { box-sizing: border-box; width: 76px; height: 76px; padding: 4px; border-radius: 6px; background: #fff; object-fit: contain; }
.foot__wechat > span { color: #adc5dc; font-size: 11px; line-height: 1.8; }
.foot__wechat small { display: block; margin-top: 3px; color: #6d8da9; font-size: 10px; }
.foot .foot__links {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid rgba(137, 174, 207, .13);
  color: #5e7e9a;
  font-size: 10px;
  line-height: 1.9;
}
.foot .foot__links > span { margin-right: 4px; color: #8daac5; font-size: 10px; }
.foot .foot__links a { color: #64839e; transition: color .2s; }
.foot .foot__links a:hover { color: #b6cde2; }
.foot .foot__legal {
  align-items: center;
  gap: 10px 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(137, 174, 207, .15);
  color: #6c8aa5;
  font-size: 10px;
  line-height: 1.8;
}
.foot .foot__legal a { color: #7d9bb6; }
.foot .foot__legal a:hover { color: #c6dcf0; }
.foot a:focus-visible { outline: 2px solid #8cc5f3; outline-offset: 5px; border-radius: 2px; }
@media (max-width: 1200px) {
  .foot .foot__in { grid-template-columns: minmax(0, 1.2fr) minmax(0, .75fr) minmax(0, .75fr) minmax(0, 1fr); gap: 26px; }
  .foot__phone { font-size: 22px; }
}
@media (max-width: 980px) {
  .foot .foot__in { grid-template-columns: 1.3fr 1fr; gap: 34px 42px; }
  .foot__brand { grid-column: 1; grid-row: 1; }
  .foot__contact { grid-column: 2; grid-row: 1; }
  .foot .foot__column { grid-column: auto; }
}
@media (max-width: 640px) {
  .foot { padding-top: 36px; }
  .foot .foot__in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 22px; padding-bottom: 28px; }
  .foot__brand { grid-column: 1 / -1; grid-row: auto; }
  .foot .foot__sub { max-width: none; margin-top: 18px; font-size: 11px; }
  .foot .foot__column { grid-column: auto; gap: 9px; }
  .foot h3 { margin-bottom: 7px; font-size: 12px; }
  .foot .foot__nav a { font-size: 11px; }
  .foot__contact { grid-column: 1 / -1; grid-row: auto; padding-top: 22px; border-top: 1px solid rgba(137, 174, 207, .13); }
  .foot__phone { font-size: 26px; }
  .foot .foot__links { gap: 5px 14px; padding-top: 16px; padding-bottom: 16px; }
  .foot .foot__legal { flex-direction: column; align-items: flex-start; padding-top: 16px; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .foot .foot__nav a, .foot .foot__links a { transition: none; }
  .foot .foot__nav a:hover { transform: none; }
}

/* Small text readability improvements */
:root{--steel:#526b83}
.product-list .p__action{color:#526b83}
.top .brand__txt i{color:#526b83}
.top .search input::placeholder{color:#526b83}
.detail__meta,.detail__note,.crumb,.crumb a,.news time{color:#526b83}
.foot .foot__sub,.foot .foot__nav a,.foot__contact-label,.foot__landline,.foot__wechat small,.foot .foot__links,.foot .foot__links a,.foot .foot__legal,.foot .foot__legal a,.foot__identity small{color:#a0b8cf}
.foot .foot__links,.foot .foot__links>span,.foot .foot__legal,.foot__contact-label,.foot__landline,.foot__wechat>span,.foot__wechat small{font-size:12px}
@media(max-width:640px){.foot .foot__legal{font-size:11px}.product-list .p__action{font-size:12px}}