/* ==================================================================
   BMS Labs - design layer
   ------------------------------------------------------------------
   The palette file changed colour. This file changes the things that
   actually make a site look like a different company: typefaces,
   corner shape and depth. The old template's language was soft
   consumer UI - big radii, drop shadows, system sans. This replaces
   it with a precision-instrument language: real typefaces, square
   corners, hairline rules instead of shadows.

   Load order: tailwind.css -> style.css -> bms-palette.css -> this.
   Remove the bms-design enqueue in functions.php to revert.
   ================================================================== */

/* --- 1. Typefaces -------------------------------------------------
   The theme asked for Inter but never loaded it, so every page was
   rendering in the visitor's system sans - the same face the old site
   falls back to. Three real faces now do three distinct jobs.
   Archivo is a wide grotesque, matched to the logo's letterforms.
   ------------------------------------------------------------------ */
body,
input, select, textarea, button {
  font-family:"IBM Plex Sans","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body{font-weight:400;}

h1, h2, h3,
.text-3xl, .text-4xl, .text-5xl, .text-6xl, .text-7xl, .text-9xl,
.sm\:text-4xl, .sm\:text-5xl, .md\:text-5xl, .md\:text-6xl, .lg\:text-7xl {
  font-family:"Archivo","IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  font-variation-settings:'wdth' 112;
}

/* Archivo is a display face and belongs on headlines only. `.font-black` used
   to sit in the list above, and because the markup marks almost every small
   uppercase label as font-black, a wide display face was landing on 9-13px
   text across the whole site. That mismatch - a poster face doing the work of
   a UI face - is what read as unsettled. Everything at interface size now
   stays on the text face, whatever weight class the markup carries. */
h4, h5, h6,
.text-\[9px\], .text-\[10px\], .text-\[11px\], .text-\[12px\],
.text-\[13px\], .text-\[14px\], .text-\[15px\],
.text-xs, .text-sm, .text-base, .text-lg, .text-xl, .text-2xl {
  font-family:"IBM Plex Sans","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  font-variation-settings:normal;
}

/* IBM Plex Sans is loaded up to 700. A 900 request would be synthesised into
   a smeared faux-bold, so label weight is capped at the real top weight. */
.text-\[9px\].font-black, .text-\[10px\].font-black, .text-\[11px\].font-black,
.text-\[12px\].font-black, .text-\[13px\].font-black, .text-\[14px\].font-black,
.text-\[15px\].font-black, .text-xs.font-black, .text-sm.font-black,
.text-base.font-black, .text-lg.font-black,
.text-xl.font-black, .text-2xl.font-black { font-weight:600; }

/* Display sizes take the logo's wide, tightly-set treatment. */
h1, .text-5xl, .text-6xl, .text-7xl, .text-9xl, .lg\:text-7xl, .md\:text-6xl {
  font-variation-settings:'wdth' 118;
  letter-spacing:-0.025em;
}

/* Figures - purity, batch numbers, prices - set in mono and aligned
   in columns, the way an analysis report sets them. */
.font-mono{
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-variant-numeric:tabular-nums;
  letter-spacing:0.01em;
}
table, .tabular, td, th{font-variant-numeric:tabular-nums;}

/* Small uppercase labels get the logo's wide letterspacing. */
.uppercase.tracking-widest,
.uppercase.tracking-wider{letter-spacing:0.22em;}

/* --- 2. Square corners --------------------------------------------
   Every radius goes to zero. This single change does more to separate
   the two sites than the whole palette swap did. Soft-blurred glows
   are left alone - they have no visible edge to square.
   ------------------------------------------------------------------ */
.rounded, .rounded-md, .rounded-lg, .rounded-xl,
.rounded-2xl, .rounded-3xl, .rounded-l-md,
.rounded-\[2rem\], .rounded-\[2\.5rem\], .rounded-\[3rem\],
.rounded-full{border-radius:0;}

[class*="blur-"].rounded-full{border-radius:9999px;}

input, select, textarea, button{border-radius:0;}

/* --- 3. Hairline rules instead of drop shadows --------------------
   Shadows become a 1px ring drawn with box-shadow, so nothing shifts
   position - the object is defined by an edge, not by floating above
   the page.
   ------------------------------------------------------------------ */
.shadow-sm, .shadow, .shadow-md{box-shadow:0 0 0 1px rgb(0 18 52 / 0.10);}
.shadow-lg, .shadow-xl, .shadow-2xl, .shadow-3xl{box-shadow:0 0 0 1px rgb(0 18 52 / 0.16);}
.shadow-inner{box-shadow:inset 0 0 0 1px rgb(0 18 52 / 0.08);}
.hover\:shadow-lg:hover, .hover\:shadow-xl:hover{box-shadow:0 0 0 1px rgb(0 18 52 / 0.32);}

/* On the navy surfaces the ring has to be light to be visible at all. */
.bg-\[\#080C14\] .shadow-sm, .bg-\[\#080C14\] .shadow, .bg-\[\#080C14\] .shadow-md,
.bg-\[\#080C14\] .shadow-lg, .bg-\[\#080C14\] .shadow-xl, .bg-\[\#080C14\] .shadow-2xl,
footer .shadow-sm, footer .shadow, footer .shadow-md,
footer .shadow-lg, footer .shadow-xl, footer .shadow-2xl{box-shadow:0 0 0 1px rgb(255 255 255 / 0.12);}

/* --- 4. Edges read as drawn lines, not soft dividers -------------- */
.border-gray-100, .border-gray-50{border-color:rgb(0 18 52 / 0.10);}
.border-gray-200{border-color:rgb(0 18 52 / 0.16);}

/* --- 5. Hero: a specification sheet, not a banner ------------------
   The old hero was a single block sitting in a two-column grid whose
   second column was empty - the same shape the other site uses, which
   is why recolouring never separated them. This is a real split: the
   argument on the left, the latest lot's actual analytical values on
   the right, divided by a hairline rather than a card edge.
   ------------------------------------------------------------------ */
.bms-hero{position:relative;overflow:hidden;border-bottom:1px solid rgb(255 255 255 / 0.10);}
.bms-hero__inner{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1fr;}
.bms-hero__main{padding:3.5rem 1.5rem 3rem;position:relative;z-index:10;}
.bms-hero__spec{padding:0 1.5rem 3.5rem;position:relative;z-index:10;}
@media (min-width:1024px){
  .bms-hero__inner{grid-template-columns:1.45fr 1fr;}
  .bms-hero__main{padding:6rem 3rem 6rem 2rem;border-right:1px solid rgb(255 255 255 / 0.10);}
  .bms-hero__spec{padding:6rem 2rem 6rem 3rem;}
}

.bms-eyebrow-rule{display:flex;align-items:center;gap:.875rem;margin-bottom:2.25rem;}
.bms-eyebrow-rule span{font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#79A7F5;white-space:nowrap;}
.bms-eyebrow-rule i{flex:1;height:1px;background:rgb(255 255 255 / .15);}

.bms-hero__title{
  font-family:"Archivo","IBM Plex Sans",Arial,sans-serif;font-variation-settings:'wdth' 118;
  font-weight:800;text-transform:uppercase;font-size:clamp(2rem,5.2vw,3.75rem);
  line-height:1.02;letter-spacing:-.025em;margin:0 0 1.75rem;text-wrap:balance;
}
.bms-hero__title em{font-style:normal;color:#79A7F5;}

.bms-hero__lede{font-size:1rem;line-height:1.7;color:#9AA4B8;max-width:34rem;margin:0 0 2.5rem;font-weight:300;}

.bms-hero__actions{display:flex;flex-wrap:wrap;gap:0;}
.bms-btn{display:inline-block;padding:1rem 2rem;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease;}
.bms-btn--solid{background:#0039A6;color:#fff;}
.bms-btn--solid:hover{background:#2D67C5;}
.bms-btn--ghost{color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .22);}
.bms-btn--ghost:hover{background:rgb(255 255 255 / .06);}

.bms-spec__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid rgb(255 255 255 / .55);}
.bms-spec__head span{font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#8E99AE;}
.bms-spec__row{display:flex;align-items:baseline;justify-content:space-between;gap:1.25rem;padding:.85rem 0;border-bottom:1px solid rgb(255 255 255 / .10);}
.bms-spec__key{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#8E99AE;}
.bms-spec__val{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:.8125rem;color:#fff;font-variant-numeric:tabular-nums;text-align:right;}
.bms-spec__link{display:inline-block;margin-top:1.5rem;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#79A7F5;border-bottom:1px solid currentColor;padding-bottom:2px;}
.bms-spec__link:hover{color:#A8C6F8;}


/* --- 5. Footer ----------------------------------------------------
   The old footer was the clearest evidence that both sites came from
   one template: four equal columns headed Navigation / Company /
   Research Alerts, a rounded newsletter box that submitted nowhere and
   two social tiles that were never links. This replaces it with a
   colophon - identification plate, numbered index, compliance band.
   Remove this section and revert footer.php to go back.
   ------------------------------------------------------------------ */
.bms-footer{
  background:#001234;color:#9AA4B8;margin-top:auto;
  border-top:1px solid rgb(255 255 255 / .10);
}
.bms-footer a{color:inherit;text-decoration:none;}
.bms-footer__inner{max-width:80rem;margin:0 auto;padding:0 1.5rem;}

.bms-footer__plate{
  display:grid;gap:2rem;padding:3.5rem 0 2.5rem;
  border-bottom:1px solid rgb(255 255 255 / .10);
}
@media (min-width:900px){
  .bms-footer__plate{grid-template-columns:1fr auto;align-items:end;gap:3rem;}
}
.bms-footer__mark{
  font-family:"Archivo","IBM Plex Sans",Arial,sans-serif;
  font-variation-settings:'wdth' 118;
  font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:800;line-height:1;
  letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0;
}
.bms-footer__mark em{font-style:normal;color:#79A7F5;}
.bms-footer__tagline{
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:#8E99AE;margin:.9rem 0 0;
}
.bms-footer__stats{
  display:flex;flex-wrap:wrap;gap:0;margin:0;
  border-left:1px solid rgb(255 255 255 / .10);
}
.bms-footer__stat{padding:.25rem 1.5rem;border-right:1px solid rgb(255 255 255 / .10);}
.bms-footer__stat dt{
  font-size:9px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:#8E99AE;margin:0 0 .45rem;
}
.bms-footer__stat dd{
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:.875rem;color:#fff;margin:0;font-variant-numeric:tabular-nums;
}

.bms-footer__index{
  display:grid;grid-template-columns:1fr;
  border-bottom:1px solid rgb(255 255 255 / .10);
}
@media (min-width:640px){.bms-footer__index{grid-template-columns:1fr 1fr;}}
@media (min-width:1024px){.bms-footer__index{grid-template-columns:repeat(4,1fr);}}
.bms-footer__col{
  padding:2.75rem 0 2.75rem 1.75rem;
  border-left:1px solid rgb(255 255 255 / .10);
}
.bms-footer__col:first-child{padding-left:0;border-left:0;}
@media (min-width:640px) and (max-width:1023px){
  .bms-footer__col:nth-child(3){padding-left:0;border-left:0;}
  .bms-footer__col:nth-child(1),.bms-footer__col:nth-child(2){border-bottom:1px solid rgb(255 255 255 / .10);}
}
@media (max-width:639px){
  .bms-footer__col{padding:2rem 0;border-left:0;border-bottom:1px solid rgb(255 255 255 / .06);}
  .bms-footer__col:last-child{border-bottom:0;}
}
.bms-footer__num{
  display:block;font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:11px;color:#79A7F5;opacity:.75;margin-bottom:.6rem;
  font-variant-numeric:tabular-nums;
}
.bms-footer__head{
  font-family:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;font-variation-settings:normal;
  font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:#fff;margin:0 0 1.5rem;
}
.bms-footer__list{list-style:none;margin:0;padding:0;}
.bms-footer__list li{margin:0 0 .9rem;}
.bms-footer__list a{
  font-size:.875rem;line-height:1.45;color:#9AA4B8;
  display:inline-block;padding-bottom:2px;
  border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease;
}
.bms-footer__list a:hover,.bms-footer__list a:focus-visible{color:#fff;border-bottom-color:#79A7F5;}
.bms-footer__note{font-size:.8125rem;line-height:1.6;color:#8E99AE;margin:.25rem 0 0;}
.bms-footer__mail{
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:.8125rem;color:#79A7F5;word-break:break-all;
  border-bottom:1px solid rgb(121 167 245 / .4);padding-bottom:2px;
}
.bms-footer__mail:hover{color:#A8C6F8;border-bottom-color:#A8C6F8;}

.bms-footer__compliance{
  padding:2.5rem 0;border-bottom:1px solid rgb(255 255 255 / .10);
  display:grid;gap:1.25rem;
}
@media (min-width:900px){
  .bms-footer__compliance{grid-template-columns:auto 1fr;gap:2.5rem;align-items:start;}
}
.bms-footer__flag{
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff;
  border-left:2px solid #79A7F5;padding:.2rem 0 .2rem .9rem;margin:0;
}
@media (min-width:900px){.bms-footer__flag{white-space:nowrap;}}
.bms-footer__disclaimer{font-size:.8125rem;line-height:1.7;color:#8E99AE;margin:0;max-width:62ch;}

.bms-footer__colophon{
  display:flex;flex-wrap:wrap;gap:.75rem 2rem;align-items:center;
  justify-content:space-between;padding:1.75rem 0 2.5rem;
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8E99AE;
}


/* --- 6. Policy pages ----------------------------------------------
   template-policy.php used Tailwind Typography's "prose prose-brown".
   prose-brown was never compiled into this theme's stylesheet, so the
   modifier did nothing and the name was a leftover from the old site.
   This replaces it with a typographic scale of our own, in the same
   two faces the rest of the site uses.
   ------------------------------------------------------------------ */
.bms-prose{
  font-family:"IBM Plex Sans",system-ui,sans-serif;
  font-size:1rem;line-height:1.75;color:#3A4252;
}
.bms-prose > :first-child{margin-top:0;}
.bms-prose > :last-child{margin-bottom:0;}
.bms-prose p{margin:0 0 1.25rem;}
.bms-prose h2{
  font-family:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;font-variation-settings:normal;
  font-size:1.0625rem;font-weight:600;letter-spacing:.01em;color:#001234;
  margin:2.75rem 0 1rem;padding-top:1.5rem;border-top:1px solid #E3E7EE;
}
.bms-prose h2:first-child{margin-top:0;padding-top:0;border-top:0;}
.bms-prose h3{
  font-family:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  font-size:.9375rem;font-weight:600;color:#001234;margin:1.75rem 0 .75rem;
}
.bms-prose ul{margin:0 0 1.25rem;padding-left:1.25rem;list-style:disc;}
.bms-prose ol{margin:0 0 1.25rem;padding-left:1.25rem;list-style:decimal;}
.bms-prose li{margin:0 0 .5rem;padding-left:.25rem;}
.bms-prose strong{font-weight:600;color:#001234;}
.bms-prose em{font-style:normal;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#5A6274;}
.bms-prose a{color:#0039A6;text-decoration:none;border-bottom:1px solid rgb(0 57 166 / .35);}
.bms-prose a:hover{border-bottom-color:#0039A6;}


/* --- 7. Catalog ordering control ----------------------------------
   The old control was a select with no name and no handler. It is now a
   row of links that put the order in the URL.
   ------------------------------------------------------------------ */
.bms-sort{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.bms-sort__label{
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8A93A5;margin-right:.25rem;
}
.bms-sort__link{
  font-size:12px;font-weight:500;color:#5A6274;
  padding:.4rem .75rem;border:1px solid transparent;
  transition:color .18s ease,border-color .18s ease,background-color .18s ease;
}
.bms-sort__link:hover{color:#0039A6;border-color:#D4DAE6;}
.bms-sort__link.is-active{background:#001234;color:#fff;border-color:#001234;}

/* --- 8. Header lockup ---------------------------------------------
   The wordmark carries the name, so the tagline sits beside it as a
   quiet second line rather than under a repeated "BMS LABS".
   ------------------------------------------------------------------ */
/* The compiled Tailwind bundle only contains the utilities the markup used
   at build time, so h-14 / h-11 do not exist in it. The logo height is set
   here instead of relying on a class that has no rule. */
.bms-logo{display:block;height:54px;width:auto;}
@media (max-width:640px){.bms-logo{height:40px;}}
.bms-logo__tagline{
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#5A6274;
  padding-left:.875rem;margin-left:.25rem;border-left:1px solid #D4DAE6;line-height:1.4;
}


/* ===========================================================================
   9. Trust badge row
   ---------------------------------------------------------------------------
   The caption line carried tracking-tighter, which is the wrong direction for
   10px uppercase text: negative letter-spacing closes up the very gaps that
   make small caps readable, and with no space between the two lines the pair
   read as one block. The caption now sits lower, lighter and wider than the
   title, so the hierarchy is legible at a glance.
   ========================================================================= */

.bms-badge{ gap:16px; }

.bms-badge__title{
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.10em;
  color:#101827;
}

.bms-badge__sub{
  margin-top:6px;
  font-size:10px;
  line-height:1.4;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#6B7280;
}

@media (max-width:640px){
  .bms-badge{ gap:12px; }
  .bms-badge__title{ font-size:12px; letter-spacing:.08em; }
  .bms-badge__sub{ font-size:9px; letter-spacing:.11em; margin-top:5px; }
}


/* ===========================================================================
   10. Grid overlay, and four colour utilities the bundle is missing
   ---------------------------------------------------------------------------
   .bms-grid used to paint its lines with background-image on the element
   itself. This stylesheet loads after Tailwind, so on any section that also
   carried a Tailwind gradient the grid REPLACED the gradient and left the
   element transparent - which is why the contact masthead was white text on a
   near-white page. The lines now sit on a pseudo-element, so they layer over
   whatever background the element already has instead of erasing it.

   Tailwind here is precompiled, so an arbitrary-value class that was not in
   the source at build time simply does not exist. These four are used in
   templates but absent from the bundle, so they are declared by hand.
   ========================================================================= */

.bms-grid{ position:relative; background-image:none; }
.bms-grid > *{ position:relative; z-index:1; }
.bms-grid::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(45,103,197,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(45,103,197,.07) 1px, transparent 1px);
  background-size:36px 36px;
}

.bg-\[\#00277A\]{ background-color:#00277A; }
.hover\:bg-\[\#00277A\]:hover{ background-color:#00277A; }
.bg-\[\#2D67C5\]{ background-color:#2D67C5; }
.text-\[\#5B8DEF\]{ color:#5B8DEF; }
.text-\[\#001234\]{ color:#001234; }

/* ===== BMS header 设计层 — 2026-09-17 =====
   新 header 所需样式。沿用「精密仪器」取向：发丝线 + 留白，
   不用卡片和阴影；navy 是唯一重色块；蓝色只用于交互反馈。
   与老站的结构差别：两排而非一排；只有导航轨吸顶；全程零阴影、
   零毛玻璃、零圆角；底色 paper #FCFCFC 而非纯白。
   还原：删掉本注释到文件末尾的整段。 */

:root{ --bms-hairline: rgba(0,18,52,.14); --bms-hairline-strong: rgba(0,18,52,.28); }

.bms-head__inner{ max-width:1280px; margin:0 auto; padding-inline:24px; }
.bms-head{ background:#FCFCFC; position:relative; z-index:50; }
.bms-head__id{ border-bottom:1px solid var(--bms-hairline); }
.bms-head__id .bms-head__inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:72px; }
.bms-head__mark{ display:flex; align-items:baseline; gap:16px; text-decoration:none; min-width:0; }
.bms-head__mark .bms-logo{ height:34px; width:auto; flex-shrink:0; }
.bms-head__tagline{ font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#656D7E; white-space:nowrap; padding-left:16px; border-left:1px solid var(--bms-hairline); align-self:center; }
@media (max-width:860px){ .bms-head__tagline{ display:none; } }

.bms-head__utility{ display:flex; align-items:stretch; flex-shrink:0; }
.bms-head__util{ display:flex; align-items:center; min-height:44px; padding-inline:18px; border-left:1px solid var(--bms-hairline); font-family:"Archivo",system-ui,sans-serif; font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#181818; text-decoration:none; background:none; cursor:pointer; transition:color .15s ease; }
.bms-head__utility > :last-child{ padding-right:0; }
.bms-head__util:hover{ color:#0039A6; }
.bms-head__count{ font-family:"IBM Plex Mono",ui-monospace,monospace; font-variant-numeric:tabular-nums; font-size:12px; margin-left:8px; padding:2px 7px; background:#001234; color:#FFFFFF; letter-spacing:0; }
.bms-head__menu-toggle{ display:none; }
@media (max-width:1023px){ .bms-head__menu-toggle{ display:flex; } }

.bms-head__rail{ position:sticky; top:0; z-index:50; background:#FCFCFC; border-bottom:1px solid var(--bms-hairline-strong); }
.bms-head__rail-inner{ display:flex; align-items:stretch; }
@media (max-width:1023px){ .bms-head__rail{ display:none; } }
.bms-nav__item{ position:relative; display:flex; align-items:center; min-height:52px; padding-inline:22px; border-right:1px solid var(--bms-hairline); font-family:"Archivo",system-ui,sans-serif; font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#181818; text-decoration:none; transition:color .15s ease; }
.bms-nav__item:first-child{ padding-left:0; }
.bms-nav__item::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:#0039A6; transform:scaleX(0); transform-origin:left; transition:transform .18s ease; }
.bms-nav__item:hover{ color:#0039A6; }
.bms-nav__item:hover::after{ transform:scaleX(1); }
.bms-nav__item--admin{ margin-left:auto; border-right:0; border-left:1px solid var(--bms-hairline); color:#0039A6; }

.bms-head__mobile{ border-bottom:1px solid var(--bms-hairline-strong); background:#FCFCFC; padding:8px 24px 24px; }
@media (min-width:1024px){ .bms-head__mobile{ display:none !important; } }
.bms-mobile__item{ display:flex; align-items:center; min-height:52px; border-bottom:1px solid var(--bms-hairline); font-family:"Archivo",system-ui,sans-serif; font-size:15px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#181818; text-decoration:none; }
.bms-mobile__item--admin{ color:#0039A6; }
.bms-mobile__actions{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:20px; }
.bms-mobile__btn{ display:flex; align-items:center; justify-content:center; min-height:48px; box-shadow:inset 0 0 0 1px #001234; font-family:"Archivo",system-ui,sans-serif; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#001234; text-decoration:none; }
.bms-mobile__btn--primary{ background:#001234; color:#FFFFFF; box-shadow:none; }

.bms-specbar{ background:#FCFCFC; border-bottom:1px solid var(--bms-hairline); }
.bms-specbar__grid{ display:grid; grid-template-columns:repeat(4,1fr); padding-block:18px; }
.bms-specbar__grid .bms-badge{ padding-left:20px; border-left:1px solid var(--bms-hairline); }
.bms-specbar__grid .bms-badge:first-child{ padding-left:0; border-left:0; }
@media (max-width:720px){
  .bms-specbar__grid{ grid-template-columns:repeat(2,1fr); row-gap:16px; }
  .bms-specbar__grid .bms-badge:nth-child(odd){ padding-left:0; border-left:0; }
}
/* 规格条副标题下限 12px —— 原来的 9px 手机上读不了 */
.bms-specbar__grid .bms-badge__sub{ font-size:12px; color:#656D7E; }

/* ===== 补：两处遗留对比度 =====
   .bms-eyebrow 落在深色横幅上是 #2D67C5 / 2.85:1。模板写的
   text-[#79A7F5] 在编译好的 tailwind.css 里没有对应规则（那份
   CSS 编译于换色之前），所以该工具类不产生任何样式，元素退回
   .bms-eyebrow 自己的颜色。这里直接补上。 */
.bg-\[\#080C14\] .bms-eyebrow,
.bg-\[\#020617\] .bms-eyebrow,
.bg-\[\#0F172A\] .bms-eyebrow,
.bg-\[\#101827\] .bms-eyebrow,
.bms-hero .bms-eyebrow,
footer .bms-eyebrow{ color:#79A7F5; }

/* .bms-sort__label 原为 #8A93A5，在 #F4F6F9 上 3.64:1 */
.bms-sort__label{ color:#656D7E; }

/* ===== header 移动端收尾 — 2026-09-17 ===== */
/* logo 在窄屏被 flex 压缩：mark 本身不许收缩，图片锁死高度 */
.bms-head__mark{ flex-shrink:0; }
.bms-head__mark .bms-logo{ height:34px !important; width:auto !important; max-width:none; }
@media (max-width:480px){ .bms-head__mark .bms-logo{ height:28px !important; } }

/* 窄屏隐藏 ACCOUNT：它已经在展开的菜单面板里，留 CART 与 MENU */
@media (max-width:640px){
  .bms-head__utility > a.bms-head__util:not(.bms-head__util--cart){ display:none; }
  .bms-head__util{ padding-inline:14px; }
}

/* 规格条断点 720 -> 900，避免平板宽度四列挤在一起 */
@media (max-width:900px){
  .bms-specbar__grid{ grid-template-columns:repeat(2,1fr); row-gap:16px; }
  .bms-specbar__grid .bms-badge:nth-child(odd){ padding-left:0; border-left:0; }
}

/* ===== 隐藏结账页残留的「BTC Conversion Rate」空框 — 2026-09-17 =====
   page-checkout.php 含内联脚本，被 Hostinger WAF 拦截无法从 wp-admin
   保存，所以这里用 CSS 精确隐藏那个空的橙色残留框（旧 Barn 样式）。
   选择器同时匹配 x-show 条件与唯一的四类组合，只命中这一个元素。 */
[x-show="formData.crypto_method === 'btc'"].mt-4.pt-4.border-t.border-gray-200{ display:none !important; }

/* ===== 清理老站橙色残留 (2026-09-17) ===== */
/* 结账支付方式选中态背景：橙 → 淡蓝，与选中态蓝色边框呼应 */
.bg-orange-50\/50{ background-color: rgba(0,57,166,0.06) !important; }
.bg-orange-100\/50{ background-color: rgba(0,57,166,0.08) !important; }
.border-orange-200{ border-color: rgba(0,57,166,0.22) !important; }
/* 管理登录页锁图标底框：桃色 → 淡海军蓝 */
.w-20.h-20.bg-orange-100.rounded-full{ background-color: #E6ECF5 !important; }


/* 联系页图标底色修正：藏青底+藏青图标导致图标隐身，改浅蓝底让深蓝图标显示 (2026-09-17) */
.bg-\[\#0039A6\].bg-opacity-10{ background-color: rgba(0,57,166,0.10) !important; }


/* 页脚链接移动端点按区 ≥44px (2026-09-17) */
@media (max-width: 640px){
  .bms-footer li a{ display:flex; align-items:center; min-height:44px; }
}


/* 订单查询页 (2026-09-17) */
.bms-lookup{max-width:520px;margin:0 auto;}
.bms-lookup form{display:grid;gap:16px;}
.bms-lookup label{display:block;font-family:Arial,sans-serif;}
.bms-lookup__lab{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5A6274;margin-bottom:6px;}
.bms-lookup input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid rgba(0,18,52,.2);border-radius:8px;font-size:15px;}
.bms-lookup button{padding:14px;background:#0039A6;color:#fff;border:0;border-radius:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px;cursor:pointer;}
.bms-lookup__card{border:1px solid rgba(0,18,52,.14);border-radius:12px;padding:20px;margin-bottom:24px;font-family:Arial,sans-serif;}
.bms-lookup__err{border:1px solid #FCA5A5;background:#FEF2F2;color:#B91C1C;border-radius:12px;padding:16px;font-size:14px;margin-bottom:24px;font-family:Arial,sans-serif;}
.bms-lookup__k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5A6274;}
.bms-lookup__status{font-size:22px;font-weight:800;color:#001234;margin:6px 0 2px;}
.bms-lookup__meta{font-size:13px;color:#5A6274;}
.bms-lookup__track{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,18,52,.1);}
.bms-lookup__tn{font-size:15px;color:#001234;margin-top:4px;}
.bms-lookup__link{display:inline-block;margin-top:8px;color:#0039A6;font-weight:700;text-decoration:none;}


/* 结账页“不会用加密货币”帮助链接 (2026-09-17) */
.bms-crypto-help{margin:10px 0 4px;}
.bms-crypto-help__link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#0039A6;text-decoration:none;border-bottom:1px solid rgba(0,57,166,.35);padding-bottom:1px;}
.bms-crypto-help__link:hover{color:#002E86;border-color:#002E86;}

/* ===== 首页中段「Built for research teams」(2026-09-18) =====
   旧样式：白底圆角卡片 + 16px 模糊阴影，是模板站通用做法。
   改为发丝线三栏：顶部一道墨色细线，栏间竖向细线，编号用等宽字。 */
body.home main > section:has(.bms-panel){ background:#FCFCFC; border-top:1px solid rgba(0,18,52,.08); }
body.home .grid:has(> .bms-panel){ gap:0; border-top:1px solid #181818; counter-reset:bms-pillar; }
body.home .grid > .bms-panel{
  background:transparent; border:0; border-radius:0; box-shadow:none;
  padding:28px 0 8px; counter-increment:bms-pillar;
}
body.home .grid > .bms-panel + .bms-panel{ border-top:1px solid rgba(0,18,52,.12); }
body.home .grid > .bms-panel::before{
  content:counter(bms-pillar, decimal-leading-zero);
  display:block; margin-bottom:22px;
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:12px; color:#5A6274; letter-spacing:.04em;
}
@media (min-width:768px){
  body.home .grid > .bms-panel{ padding:28px 32px 8px 0; }
  body.home .grid > .bms-panel + .bms-panel{ border-top:0; border-left:1px solid rgba(0,18,52,.12); padding-left:32px; }
}

/* ===== 首页精选产品：独立卡片 → 共用发丝线的规格网格 (2026-09-18) ===== */
body.home .grid:has(> .bg-white.p-6.rounded-2xl){
  gap:0; border-top:1px solid rgba(0,18,52,.14); border-left:1px solid rgba(0,18,52,.14);
}
body.home .grid > .bg-white.p-6.rounded-2xl{
  border:0; border-right:1px solid rgba(0,18,52,.14); border-bottom:1px solid rgba(0,18,52,.14);
  border-radius:0; box-shadow:none; padding:24px; transition:background-color .2s ease;
}
body.home .grid > .bg-white.p-6.rounded-2xl:hover{ background:#F7F9FC; }
body.home .grid > .bg-white.p-6.rounded-2xl .aspect-square{ background:transparent; border-radius:0; margin-bottom:20px; }
body.home .grid > .bg-white.p-6.rounded-2xl h4{
  font-family:'Archivo',sans-serif; font-weight:800; font-size:15px; line-height:1.35; letter-spacing:.01em;
}
body.home .grid > .bg-white.p-6.rounded-2xl h4 a:hover{ color:#0039A6; }
body.home .grid > .bg-white.p-6.rounded-2xl h4 + span{
  display:inline-block; background:transparent; border:1px solid rgba(0,57,166,.30); border-radius:0;
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:500; font-size:11px; letter-spacing:.02em; padding:3px 8px;
}
body.home .grid > .bg-white.p-6.rounded-2xl .border-t > span:first-child{
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:500; color:#5A6274;
}

/* ===== 顶部合规条：两条合并为一条 (2026-09-18) ===== */
.bms-topbar{ position:relative; z-index:60; background:#001234; color:#fff; border-bottom:1px solid rgba(255,255,255,.08); }
.bms-topbar__inner{
  max-width:80rem; margin:0 auto; padding:9px 16px;
  display:flex; flex-direction:column; align-items:center; gap:3px; text-align:center;
  font-family:'IBM Plex Mono',ui-monospace,monospace; text-transform:uppercase;
}
.bms-topbar__ruo{ font-size:12px; font-weight:600; letter-spacing:.14em; }
.bms-topbar__promo{ font-size:11px; font-weight:500; letter-spacing:.08em; color:#B9CBEA; }
@media (min-width:1024px){
  .bms-topbar__inner{ flex-direction:row; justify-content:space-between; padding:9px 32px; text-align:left; }
}

@media (max-width:639px){
  .bms-topbar__inner{ padding:7px 12px; gap:2px; }
  .bms-topbar__ruo{ font-size:10px; letter-spacing:.04em; }
  .bms-topbar__promo{ font-size:10px; letter-spacing:.02em; line-height:1.45; }
}


/* ===================================================================
   产品目录页 /products 与分类页 (2026-09-18)
   旧：24px 圆角卡片 + 悬浮上移 + 大阴影、灰底图框、胶囊徽章。
   新：与首页精选同一套发丝线网格，数字一律等宽字。
   =================================================================== */
.grid:has(> .premium-card){ gap:0 !important; border-top:1px solid rgba(0,18,52,.14); border-left:1px solid rgba(0,18,52,.14); }
.grid > .premium-card{
  border:0; border-right:1px solid rgba(0,18,52,.14); border-bottom:1px solid rgba(0,18,52,.14);
  border-radius:0 !important; box-shadow:none !important; transform:none !important;
  transition:background-color .2s ease;
}
.grid > .premium-card:hover{ background:#F7F9FC; }
.premium-card .aspect-square{ background:transparent; }
.premium-card .aspect-square img{ transition:transform .5s ease; }
.premium-card:hover .aspect-square img{ transform:scale(1.04); }
.premium-card .absolute.top-4 > span{
  background:#fff; color:#001234; border:1px solid rgba(0,18,52,.18); box-shadow:none; border-radius:0;
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:600; letter-spacing:.06em; font-size:10px; padding:4px 8px;
}
.premium-card h3{ font-family:'Archivo',sans-serif; font-weight:800; font-size:18px; letter-spacing:-.005em; }
.premium-card .grid-cols-2 > span{
  background:transparent !important; border:1px solid rgba(0,18,52,.12); border-radius:0;
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:500; letter-spacing:.02em; text-transform:none;
}
.premium-card .grid-cols-2 > span + span{ border-color:rgba(0,57,166,.28); }
.premium-card .mt-auto{ border-top:1px solid rgba(0,18,52,.10); }
.premium-card .mt-auto .flex-col > span:first-child{ font-family:'IBM Plex Mono',ui-monospace,monospace; letter-spacing:.08em; color:#5A6274; }
.premium-card .mt-auto .flex-col > span:last-child{
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-variant-numeric:tabular-nums;
  font-size:17px; font-weight:600; color:#181818; letter-spacing:0;
}
/* 侧栏 */
aside .space-y-3 a > span:last-child{ background:transparent !important; font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:500; }
aside .space-y-3 > li + li{ border-top:1px solid rgba(0,18,52,.08); }
aside .rounded-3xl.shadow-2xl{ border-radius:0 !important; box-shadow:none !important; background:#001234; }
aside .rounded-3xl.shadow-2xl a{ box-shadow:none; }
aside .bg-emerald-50{ background:rgba(0,57,166,.08) !important; }
aside .text-emerald-500{ color:#0039A6 !important; }

/* ===================================================================
   单品页 (2026-09-18)
   =================================================================== */
body.single-barn_product main .aspect-square.shadow-inner{
  background:#fff; border:1px solid rgba(0,18,52,.12); box-shadow:none; border-radius:0;
}
body.single-barn_product main .aspect-square.shadow-inner img{ object-fit:contain; padding:6%; }
body.single-barn_product main .aspect-square.shadow-inner:hover img{ transform:scale(1.03); }
/* 图下三格：独立灰块 → 一条发丝线分三格 */
body.single-barn_product main .flex.flex-col > .mt-8.grid{ gap:0; border:1px solid rgba(0,18,52,.12); border-top:0; margin-top:0; }
body.single-barn_product main .flex.flex-col > .mt-8.grid > div{ background:transparent; border-radius:0; padding:18px 12px; }
body.single-barn_product main .flex.flex-col > .mt-8.grid > div + div{ border-left:1px solid rgba(0,18,52,.12); }
body.single-barn_product main .flex.flex-col > .mt-8.grid > div > span:first-child{
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:600; font-size:17px; color:#001234;
}
body.single-barn_product main .flex.flex-col > .mt-8.grid > div > span:last-child{ font-family:'IBM Plex Mono',ui-monospace,monospace; color:#5A6274; letter-spacing:.1em; }
/* 右栏 */
body.single-barn_product main .space-x-2.mb-4 > span{
  background:transparent; border:1px solid rgba(0,18,52,.18); border-radius:0; color:#001234;
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:600; letter-spacing:.08em;
}
body.single-barn_product main .space-x-2.mb-4 > span:first-child{ border-color:rgba(0,57,166,.35); color:#0039A6; }
body.single-barn_product main h1{ font-family:'Archivo',sans-serif; font-weight:800; letter-spacing:-.02em; line-height:1.05; }
body.single-barn_product main h1 + p{
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:500; font-size:15px; letter-spacing:.04em; text-transform:none; color:#5A6274;
}
body.single-barn_product main .items-baseline > p{
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-variant-numeric:tabular-nums;
  font-weight:600; font-size:40px; letter-spacing:-.01em; color:#001234;
}
body.single-barn_product main a[href="#lab-results"]{
  border-width:1px; border-radius:0; font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:600; letter-spacing:.08em;
}
body.single-barn_product main .flex.items-center.gap-4 > .bg-gray-100{ background:transparent; border:1px solid rgba(0,18,52,.18); border-radius:0; }
body.single-barn_product main .flex.items-center.gap-4 input{ font-family:'IBM Plex Mono',ui-monospace,monospace; }
body.single-barn_product main .flex.items-center.gap-4 > button{
  background:#001234; border-radius:0; box-shadow:none; letter-spacing:.14em; text-transform:uppercase; font-size:13px;
}
body.single-barn_product main .flex.items-center.gap-4 > button:hover{ background:#0039A6; }
/* 规格表：行间发丝线，数值等宽 */
body.single-barn_product main .space-y-6.border-t{ border-top:1px solid #181818; padding-top:0; margin-top:40px; }
body.single-barn_product main .space-y-6.border-t > div{ margin-top:0; padding:14px 0; border-bottom:1px solid rgba(0,18,52,.10); }
body.single-barn_product main .space-y-6.border-t > div > span:first-child{ font-family:'IBM Plex Mono',ui-monospace,monospace; color:#5A6274; }
body.single-barn_product main .space-y-6.border-t > div > span:last-child{ font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:500; }
/* 研究概述 / 检测报告 / 免责声明 */
body.single-barn_product main #lab-results .rounded-2xl{ border-radius:0; border-color:rgba(0,18,52,.14); }
body.single-barn_product main #lab-results td{ font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:13px; }
body.single-barn_product main #lab-results a{ border-radius:0; }
body.single-barn_product main .bg-orange-50.rounded-3xl{
  background:#F5F7FA; border:1px solid rgba(0,18,52,.12); border-left:3px solid #001234; border-radius:0;
}
body.single-barn_product main .bg-orange-50.rounded-3xl p{ color:#3A4458; }


/* ===================================================================
   内容页 (2026-09-18)
   =================================================================== */
/* About 页头修复：.bms-grid 为了画网格线把 background-image 清成 none，
   连带把 bg-gradient 深色底也清掉了，白字落在浅灰底上几乎看不见。
   深色区块一律改为纯色（设计方向：藏青是唯一的重色块，不用渐变）。 */
[class*="bg-gradient-to"].from-\[\#080C14\]{ background-image:none !important; background-color:#000A1C !important; }
[class*="bg-gradient-to"].from-\[\#0039A6\]{ background-image:none !important; background-color:#001234 !important; }

/* 订单查询页：圆角与 Arial 与全站不一致 */
.bms-lookup label, .bms-lookup__card, .bms-lookup__err{ font-family:'IBM Plex Sans',sans-serif; }
.bms-lookup input, .bms-lookup button, .bms-lookup__card, .bms-lookup__err{ border-radius:0; }
.bms-lookup input{ font-family:'IBM Plex Mono',ui-monospace,monospace; }
.bms-lookup button{ background:#001234; letter-spacing:.14em; }
.bms-lookup button:hover{ background:#0039A6; }
.bms-lookup__k, .bms-lookup__lab{ font-family:'IBM Plex Mono',ui-monospace,monospace; }
.bms-lookup__tn{ font-family:'IBM Plex Mono',ui-monospace,monospace; }

/* 账户页：桃色图标底 → 淡藏青 */
.bg-orange-100.rounded-2xl{ background-color:#E6ECF5 !important; }

/* About：核心价值三卡 → 与首页同款发丝线三栏 */
.page-template-template-about .grid.lg\:grid-cols-3{ gap:0; border-top:1px solid #181818; }
.page-template-template-about .grid.lg\:grid-cols-3 > div{
  background:transparent; border:0; box-shadow:none; text-align:left; padding:28px 32px 8px 0;
}
.page-template-template-about .grid.lg\:grid-cols-3 > div > div:first-child{ margin:0 0 20px; width:40px; height:40px; }
.page-template-template-about .grid.lg\:grid-cols-3 > div h3{ font-family:'Archivo',sans-serif; font-weight:800; font-size:20px; }
@media (min-width:768px) and (max-width:1023px){
  .page-template-template-about .grid.lg\:grid-cols-3 > div:nth-child(2n){ border-left:1px solid rgba(0,18,52,.12); padding-left:32px; }
}
@media (min-width:1024px){
  .page-template-template-about .grid.lg\:grid-cols-3 > div + div{ border-left:1px solid rgba(0,18,52,.12); padding-left:32px; }
}
@media (max-width:767px){
  .page-template-template-about .grid.lg\:grid-cols-3 > div + div{ border-top:1px solid rgba(0,18,52,.12); }
}
/* About：质量流程 → 编号表格，等宽编号，行间发丝线 */
.page-template-template-about .space-y-12{ border-top:1px solid #181818; }
.page-template-template-about .space-y-12 > .flex{ margin-top:0 !important; padding:24px 0; border-bottom:1px solid rgba(0,18,52,.12); gap:32px; }
.page-template-template-about .space-y-12 > .flex > div:first-child{
  background:transparent; color:#0039A6; box-shadow:none; width:56px; height:auto; justify-content:flex-start; align-items:flex-start;
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:500; font-size:15px; padding-top:6px;
}
.page-template-template-about .space-y-12 > .flex > div:last-child{ padding-top:0; }
.page-template-template-about .space-y-12 h3{ font-family:'Archivo',sans-serif; font-weight:800; font-size:20px; }
.page-template-template-about .space-y-12 p{ font-size:16px; }

/* FAQ：一题一框的卡片堆 → 发丝线分隔的清单 */
.page-template-template-faq .space-y-3 > div{ margin-top:0 !important; }
.page-template-template-faq .space-y-3 > div.bg-white.border{
  background:transparent; border:0; border-bottom:1px solid rgba(0,18,52,.12); box-shadow:none;
}
.page-template-template-faq .space-y-3 > div.bg-white.border > button{ padding:20px 0; }
.page-template-template-faq .space-y-3 > div.bg-white.border > button:hover h3{ color:#0039A6; }
.page-template-template-faq .space-y-3 > div.bg-white.border > div{ padding:0 0 22px; margin-top:0; border-top:0; max-width:68ch; }
.page-template-template-faq h2[x-text="category.category"]{
  border-bottom:1px solid #181818; margin-bottom:0; font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:600; letter-spacing:.12em;
}
.page-template-template-faq h3[x-text="item.q"]{ font-family:'IBM Plex Sans',sans-serif; font-weight:600; }

/* Contact：右侧三张联系方式卡 → 一张发丝线分行的信息表 */
.page-template-template-contact .space-y-6 > .bg-white.p-6{
  margin-top:0 !important; box-shadow:none; border:1px solid rgba(0,18,52,.12); border-top-width:0; padding:20px 24px;
}
.page-template-template-contact .space-y-6 > .bg-white.p-6:first-child{ border-top:1px solid #181818; }
.page-template-template-contact .space-y-6 > .bg-white.p-6:hover{ border-color:rgba(0,18,52,.12); background:#F7F9FC; }
.page-template-template-contact .space-y-6 > .bg-white.p-6 p:not(:first-child),
.page-template-template-contact .space-y-6 > .bg-white.p-6 a{ font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:13px; }
.page-template-template-contact .space-y-6 > .bg-white.p-6 + [class*="bg-gradient-to"]{ margin-top:24px !important; }
.page-template-template-contact form button{ background:#001234; border-radius:0; letter-spacing:.14em; text-transform:uppercase; font-size:13px; }
.page-template-template-contact form button:hover{ background:#0039A6; }

/* 首页 hero 规格表：两个链接并排 (2026-09-18) */
.bms-spec__links{ display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; }
.bms-spec__links .bms-spec__link{ margin-top:0; }
.bms-hero__spec > .bms-spec__links{ margin-top:22px; }

/* 结账：帮助链接放在「Select Cryptocurrency」右侧；字段错误提示 (2026-09-18) */
.bms-crypto-head{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 20px; margin-bottom:24px; }
.bms-crypto-head > h2{ margin-bottom:0 !important; }
.bms-crypto-head .bms-crypto-help{ margin:0; }
.bms-field-err{ margin-top:6px; font-size:13px; color:#B91C1C; }
#checkout-form [aria-invalid="true"]{ border-color:#B91C1C !important; }

/* 结账：邮箱核对提醒 (2026-09-18) */
.bms-email-note{ margin-top:8px; padding:10px 12px; font-size:13px; line-height:1.5; color:#001234; background:rgba(0,57,166,.06); border-left:3px solid #0039A6; }
.bms-email-note strong{ font-weight:700; }

/* 订单页：付款信息提交成功面板 (2026-09-18) */
.bms-proof-done{ border-top:2px solid #001234; background:rgba(0,57,166,.05); padding:20px 22px; font-size:14px; line-height:1.6; color:#181818; text-align:left; }
.bms-proof-done p + p{ margin-top:10px; }
.bms-proof-done__title{ font-family:'Archivo',sans-serif; font-weight:800; font-size:18px; color:#001234; }
.bms-proof-done a{ color:#0039A6; font-weight:700; text-decoration:underline; }

/* 页头「Track order」入口 (2026-09-18) */
.bms-head__util--track{ gap:8px; color:#001234; }
.bms-head__icon{ flex-shrink:0; color:#0039A6; }
.bms-head__util--track.is-current{ color:#0039A6; box-shadow:inset 0 -2px 0 #0039A6; }
.bms-mobile__track{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  margin-top:20px; padding:16px 18px; background:rgba(0,57,166,.06); border-left:3px solid #0039A6;
  text-decoration:none; color:#001234;
}
.bms-mobile__track-text{ display:flex; flex-direction:column; gap:4px; }
.bms-mobile__track-k{ font-family:"Archivo",system-ui,sans-serif; font-size:14px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.bms-mobile__track-v{ font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:12px; color:#5A6274; }
.bms-mobile__track-arrow{ font-size:18px; color:#0039A6; }

/* 订单页：非稳定币汇率换算提醒 (2026-09-18) */
.bms-rate-note{ grid-column:1 / -1; padding:10px 12px; font-size:12px; line-height:1.5; color:#001234; background:rgba(0,57,166,.06); border-left:3px solid #0039A6; text-align:left; }

/* ===== 顾客登录 / 注册页 /login/ (2026-09-18) ===== */
.bms-auth{ background:#F5F7FA; padding:64px 16px 96px; }
.bms-auth__inner{ max-width:1080px; margin:0 auto; display:grid; gap:48px; }
@media (min-width:900px){ .bms-auth__inner{ grid-template-columns:1fr 1fr; gap:72px; align-items:start; } }
.bms-auth__title{ font-family:'Archivo',sans-serif; font-weight:800; font-size:clamp(34px,5vw,48px); letter-spacing:-.02em; line-height:1.05; color:#001234; margin:12px 0 18px; }
.bms-auth__lede{ font-size:16px; line-height:1.7; color:#3A4458; max-width:46ch; }
.bms-auth__points{ list-style:none; margin:28px 0 0; padding:0; border-top:1px solid #181818; }
.bms-auth__points li{ display:flex; gap:18px; padding:14px 0; border-bottom:1px solid rgba(0,18,52,.12); font-size:14px; color:#181818; }
.bms-auth__points li span{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:#0039A6; padding-top:2px; }
.bms-auth__track{ display:inline-block; margin-top:24px; font-size:13px; font-weight:600; color:#0039A6; text-decoration:none; border-bottom:1px solid rgba(0,57,166,.35); }
.bms-auth__panel{ background:#fff; box-shadow:0 0 0 1px rgba(0,18,52,.12); }
.bms-auth__tabs{ display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid rgba(0,18,52,.12); }
.bms-auth__tabs button{ padding:18px 12px; font-family:'Archivo',sans-serif; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#5A6274; background:#F7F9FC; border:0; cursor:pointer; }
.bms-auth__tabs button + button{ border-left:1px solid rgba(0,18,52,.12); }
.bms-auth__tabs button.is-active{ background:#fff; color:#001234; box-shadow:inset 0 3px 0 #001234; }
.bms-auth__form{ padding:32px 28px 28px; display:grid; gap:18px; }
.bms-auth__field{ display:grid; gap:6px; }
.bms-auth__field > span{ font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#5A6274; }
.bms-auth__field > span em{ font-style:normal; font-weight:400; text-transform:none; letter-spacing:0; color:#8A92A3; }
.bms-auth__field input{ width:100%; padding:13px 14px; font-size:15px; border:1px solid rgba(0,18,52,.2); border-radius:0; background:#fff; color:#181818; }
.bms-auth__field input:focus{ outline:none; border-color:#0039A6; box-shadow:0 0 0 3px rgba(0,57,166,.12); }
.bms-auth__field small{ font-size:12px; color:#5A6274; line-height:1.5; }
.bms-auth__pair{ display:grid; gap:18px; }
@media (min-width:520px){ .bms-auth__pair{ grid-template-columns:1fr 1fr; } }
.bms-auth__row{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; font-size:13px; }
.bms-auth__row a{ color:#0039A6; font-weight:600; text-decoration:none; }
.bms-auth__check{ display:flex; align-items:center; gap:8px; color:#3A4458; }
.bms-auth__submit{ margin-top:4px; padding:16px; background:#001234; color:#fff; border:0; font-family:'Archivo',sans-serif; font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; cursor:pointer; }
.bms-auth__submit:hover{ background:#0039A6; }
.bms-auth__switch{ font-size:13px; color:#5A6274; text-align:center; }
.bms-auth__switch button{ background:none; border:0; padding:0; color:#0039A6; font-weight:700; cursor:pointer; }
.bms-auth__fine{ font-size:12px; color:#5A6274; line-height:1.5; }
.bms-auth__fine a{ color:#0039A6; }
.bms-auth__err{ padding:12px 14px; font-size:13px; color:#8A1C1C; background:#FDF2F2; border-left:3px solid #B91C1C; }
.bms-auth__ok{ margin:24px 28px 0; padding:12px 14px; font-size:13px; color:#001234; background:rgba(0,57,166,.06); border-left:3px solid #0039A6; }
.bms-auth__hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
/* 账户页提示条 */
.bms-account-notice{ max-width:80rem; margin:16px auto 0; padding:12px 16px; font-size:14px; color:#001234; background:rgba(0,57,166,.06); border-left:3px solid #0039A6; }
/* 订单页游客注册引导 */
.bms-account-cta{ margin-top:20px; padding:18px 20px; text-align:left; box-shadow:0 0 0 1px rgba(0,18,52,.12); font-size:14px; line-height:1.6; color:#3A4458; }
.bms-account-cta__title{ font-family:'Archivo',sans-serif; font-weight:800; font-size:16px; color:#001234; margin-bottom:4px; }
.bms-account-cta__btn{ display:inline-block; margin-top:12px; padding:11px 18px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#001234; text-decoration:none; box-shadow:inset 0 0 0 1px #001234; }
.bms-account-cta__btn:hover{ background:#001234; color:#fff; }

/* =====================================================================
   结账页改版 (2026-09-18)：与全站「精密仪器」风格统一
   ===================================================================== */
.page-template-page-checkout [x-data="checkoutFlow()"]{ background:#F5F7FA; padding-top:56px; padding-bottom:96px; }
/* 步骤条：圆点 → 方形等宽编号，发丝线 */
.page-template-page-checkout [x-data="checkoutFlow()"] .absolute.top-1\/2.h-0\.5{ height:1px; background:rgba(0,18,52,.18); }
.page-template-page-checkout [x-data="checkoutFlow()"] .w-10.h-10.rounded-full{ width:34px; height:34px; border-radius:0; font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:14px; }
.page-template-page-checkout [x-data="checkoutFlow()"] .w-10.h-10.rounded-full.bg-white{ border-width:1px; border-color:rgba(0,18,52,.25); color:#5A6274; }
.page-template-page-checkout [x-data="checkoutFlow()"] .w-10.h-10.rounded-full.bg-\[\#0039A6\]{ background:#001234; }
.page-template-page-checkout [x-data="checkoutFlow()"] .flex.flex-col.items-center > span{ font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#5A6274; }
/* 面板 */
.page-template-page-checkout [x-data="checkoutFlow()"] .bg-white.p-8{ padding:32px; box-shadow:0 0 0 1px rgba(0,18,52,.12); border:0; }
.page-template-page-checkout [x-data="checkoutFlow()"] h2, .page-template-page-checkout [x-data="checkoutFlow()"] h3{ font-family:'Archivo',sans-serif; font-weight:800; letter-spacing:-.01em; color:#001234; }
.page-template-page-checkout [x-data="checkoutFlow()"] h2{ font-size:22px; }
.page-template-page-checkout [x-data="checkoutFlow()"] h3{ font-size:18px; border-bottom:1px solid #181818 !important; }
/* 表单 */
.page-template-page-checkout [x-data="checkoutFlow()"] label.block{ font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#5A6274; margin-bottom:6px; }
.page-template-page-checkout [x-data="checkoutFlow()"] input[type=text], .page-template-page-checkout [x-data="checkoutFlow()"] input[type=email]{ border:1px solid rgba(0,18,52,.2); border-radius:0; padding:12px 14px; font-size:15px; background:#fff; }
.page-template-page-checkout [x-data="checkoutFlow()"] input[type=text]:focus, .page-template-page-checkout [x-data="checkoutFlow()"] input[type=email]:focus{ outline:none; border-color:#0039A6; box-shadow:0 0 0 3px rgba(0,57,166,.12); }
/* 主按钮 / 次按钮 */
.page-template-page-checkout [x-data="checkoutFlow()"] button.bg-\[\#0039A6\]{ background:#001234; font-family:'Archivo',sans-serif; font-size:13px; letter-spacing:.16em; text-transform:uppercase; }
.page-template-page-checkout [x-data="checkoutFlow()"] button.bg-\[\#0039A6\]:hover{ background:#0039A6; }
.page-template-page-checkout [x-data="checkoutFlow()"] button.border.border-gray-200{ border:1px solid rgba(0,18,52,.25); font-family:'Archivo',sans-serif; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:#001234; }
/* 币种选项：独立圆角框 → 连成一张发丝线列表 */
.page-template-page-checkout [x-data="checkoutFlow()"] .space-y-3.mb-8 > div{ margin-top:-1px !important; border-width:1px; border-color:rgba(0,18,52,.14); padding:15px 16px; }
.page-template-page-checkout [x-data="checkoutFlow()"] .space-y-3.mb-8 > div.border-\[\#0039A6\]{ position:relative; z-index:1; border-color:#0039A6; background:rgba(0,57,166,.06) !important; box-shadow:inset 3px 0 0 #0039A6; }
.page-template-page-checkout [x-data="checkoutFlow()"] .space-y-3.mb-8 > div span[x-text]{ font-family:'IBM Plex Sans',sans-serif; font-weight:600; font-size:15px; color:#181818; }
.page-template-page-checkout [x-data="checkoutFlow()"] .space-y-3.mb-8 .w-4.h-4{ width:14px; height:14px; border-radius:0; }
.page-template-page-checkout [x-data="checkoutFlow()"] .space-y-3.mb-8 .w-2.h-2{ width:6px; height:6px; border-radius:0; }
/* 收款地址框 */
.page-template-page-checkout [x-data="checkoutFlow()"] code{ font-family:'IBM Plex Mono',monospace; font-weight:500; color:#001234; }
.page-template-page-checkout [x-data="checkoutFlow()"] p.uppercase.tracking-wider{ font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.12em; }
/* 订单摘要 */
.page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-1 .bg-white{ box-shadow:0 0 0 1px rgba(0,18,52,.12); border:0; }
.page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-1 img{ border-radius:0; box-shadow:none; }
.page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-1 .text-green-600{ color:#0039A6 !important; font-family:'IBM Plex Mono',monospace; }
.page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-1 .border-dashed{ border-top:1px solid #181818 !important; }
.page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-1 .text-2xl{ font-family:'IBM Plex Mono',monospace; font-weight:600; color:#001234; }
.page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-1 .font-medium{ font-family:'IBM Plex Mono',monospace; }

/* 结账页两栏：lg:grid-cols-3 没被编进 tailwind.css，订单摘要一直掉在表单下方 */
@media (min-width:1024px){
  .page-template-page-checkout [x-data="checkoutFlow()"] .grid.lg\:grid-cols-3{ grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:32px; align-items:start; }
  .page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-2, .page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-1{ grid-column:auto; }
  .page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-1 .sticky{ position:sticky; top:140px; }
}
.page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-2 > form, .page-template-page-checkout [x-data="checkoutFlow()"] .lg\:col-span-2 .bg-white.p-8{ width:100%; }

/* =====================================================================
   订单页改版 (2026-09-18)
   ===================================================================== */
[x-data="orderReceived()"]{ background:#F5F7FA; padding-top:64px; padding-bottom:96px; }
[x-data="orderReceived()"] > .max-w-3xl{ max-width:720px; }
.bms-or__eyebrow{ font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#0039A6; }
.bms-or__title{ font-family:'Archivo',sans-serif; font-weight:800; font-size:clamp(34px,5vw,46px); letter-spacing:-.02em; line-height:1.05; color:#001234; margin:12px 0 16px; }
.bms-or__lede{ font-size:16px; line-height:1.7; color:#3A4458; max-width:52ch; margin:0 auto; }
[x-data="orderReceived()"] .grid.md\:grid-cols-2{ gap:24px; }
[x-data="orderReceived()"] .bg-white.shadow-xl{ border-radius:0; border:0; box-shadow:0 0 0 1px rgba(0,18,52,.12); padding:28px; }
[x-data="orderReceived()"] h2{ font-family:'Archivo',sans-serif; font-weight:800; font-size:20px; color:#001234; padding-bottom:14px; border-bottom:1px solid #181818; }
[x-data="orderReceived()"] h2 > span.w-8{ width:28px; height:28px; border-radius:0; background:#001234 !important; color:#fff !important; font-family:'IBM Plex Mono',monospace; font-size:13px; font-weight:600; }
[x-data="orderReceived()"] label.block, [x-data="orderReceived()"] span.text-xs.uppercase, [x-data="orderReceived()"] span.text-\[10px\].uppercase{ font-family:'IBM Plex Mono',monospace; font-weight:600; letter-spacing:.12em; color:#5A6274 !important; }
[x-data="orderReceived()"] code{ font-family:'IBM Plex Mono',monospace; font-weight:500; font-size:13px; color:#001234; }
[x-data="orderReceived()"] .bg-gray-50.border{ background:#F7F9FC; border:1px solid rgba(0,18,52,.14); border-radius:0; }
[x-data="orderReceived()"] button.text-\[10px\]{ border-radius:0; border:1px solid #001234; color:#001234; font-family:'IBM Plex Mono',monospace; letter-spacing:.1em; }
[x-data="orderReceived()"] button.text-\[10px\]:hover{ background:#001234; color:#fff; }
[x-data="orderReceived()"] .bg-orange-50\/50{ background:#fff !important; border:1px solid rgba(0,18,52,.14) !important; border-top:2px solid #001234 !important; border-radius:0; }
[x-data="orderReceived()"] .bg-orange-50\/50 .text-xl{ font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:24px; color:#001234; }
[x-data="orderReceived()"] .bg-blue-50{ background:rgba(0,57,166,.06); border:0; border-left:3px solid #0039A6; border-radius:0; }
[x-data="orderReceived()"] .bg-blue-50 p{ font-size:13px; color:#001234; }
[x-data="orderReceived()"] input[type=text]{ background:#fff; border:1px solid rgba(0,18,52,.2); border-radius:0; padding:12px 14px; font-family:'IBM Plex Mono',monospace; font-size:13px; }
[x-data="orderReceived()"] input[type=text]:focus{ outline:none; border-color:#0039A6; box-shadow:0 0 0 3px rgba(0,57,166,.12); }
[x-data="orderReceived()"] .border-dashed{ border:1px dashed rgba(0,18,52,.3); border-radius:0; background:#F7F9FC; }
[x-data="orderReceived()"] .border-dashed:hover{ border-color:#0039A6; }
[x-data="orderReceived()"] button[type=submit]{ background:#001234; border-radius:0; box-shadow:none; font-family:'Archivo',sans-serif; font-size:13px; letter-spacing:.16em; text-transform:uppercase; }
[x-data="orderReceived()"] button[type=submit]:hover{ background:#0039A6; }
[x-data="orderReceived()"] .bg-gray-100\/50.rounded-3xl{ background:transparent; border-top:1px solid rgba(0,18,52,.12); border-bottom:1px solid rgba(0,18,52,.12); border-radius:0; }
[x-data="orderReceived()"] .bg-gray-100\/50 svg{ color:#0039A6 !important; }
[x-data="orderReceived()"] .bg-gray-100\/50 span{ font-family:'IBM Plex Mono',monospace; color:#5A6274; }
[x-data="orderReceived()"] template + .bg-green-500, [x-data="orderReceived()"] .bg-green-500{ background:#001234 !important; border-radius:0; animation:none !important; }
/* 结账摘要里的绿色勾 → 品牌蓝 */
.page-template-page-checkout .lg\:col-span-1 svg{ color:#0039A6 !important; }

[x-data="orderReceived()"] .grid.grid-cols-2 > :only-child{ grid-column:1 / -1; }

/* =====================================================================
   账户页 (2026-09-18)
   ===================================================================== */
body.page-id-9 nav.space-y-1 a{ border-radius:0; box-shadow:none; font-family:'Archivo',sans-serif; letter-spacing:.06em; }
body.page-id-9 nav.space-y-1 a.bg-gray-900{ background:#001234; }
body.page-id-9 nav.space-y-1 a.text-red-500{ color:#5A6274; }
body.page-id-9 nav.space-y-1 a.text-red-500:hover{ background:#F7F9FC; color:#B91C1C; }
body.page-id-9 .rounded-3xl, body.page-id-9 .rounded-2xl{ border-radius:0; }
body.page-id-9 h2{ font-family:'Archivo',sans-serif; font-weight:800; color:#001234; }
body.page-id-9 thead th{ font-family:'IBM Plex Mono',monospace; letter-spacing:.12em; color:#5A6274; border-bottom:1px solid #181818; }
body.page-id-9 tbody tr{ border-bottom:1px solid rgba(0,18,52,.1); }
body.page-id-9 tbody td span.font-black.text-gray-900{ font-family:'IBM Plex Mono',monospace; font-weight:600; }
body.page-id-9 tbody td span.font-black.text-\[\#0039A6\]{ font-family:'IBM Plex Mono',monospace; font-weight:600; color:#001234; }
body.page-id-9 tbody td span.rounded-full{ border-radius:0; background:transparent !important; box-shadow:inset 0 0 0 1px currentColor; font-family:'IBM Plex Mono',monospace; letter-spacing:.08em; }
body.page-id-9 .bg-orange-100{ color:#0039A6 !important; }
body.page-id-9 .text-orange-500, body.page-id-9 .text-orange-700{ color:#0039A6 !important; }
body.page-id-9 tbody img{ border-radius:0; }

/* Cookie 同意条 (2026-09-18) */
.bms-consent{ position:fixed; left:16px; right:16px; bottom:16px; z-index:9998; max-width:560px; margin:0 auto; background:#001234; color:#fff; padding:16px 18px; display:flex; flex-wrap:wrap; gap:12px 16px; align-items:center; justify-content:space-between; box-shadow:0 0 0 1px rgba(255,255,255,.08); }
.bms-consent__text{ margin:0; font-size:13px; line-height:1.5; flex:1 1 260px; }
.bms-consent__text a{ color:#B9CBEA; text-decoration:underline; }
.bms-consent__actions{ display:flex; gap:8px; }
.bms-consent__btn{ padding:9px 14px; font-family:'Archivo',sans-serif; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; background:transparent; color:#fff; border:1px solid rgba(255,255,255,.4); cursor:pointer; }
.bms-consent__btn--primary{ background:#fff; color:#001234; border-color:#fff; }

/* 邮件订阅条 (2026-09-18) */
.bms-signup{ background:#FCFCFC; border-top:1px solid rgba(0,18,52,.12); }
.bms-signup__inner{ max-width:80rem; margin:0 auto; padding:56px 16px; display:grid; gap:28px; align-items:end; }
@media (min-width:900px){ .bms-signup__inner{ grid-template-columns:1.1fr 1fr; gap:64px; padding:64px 32px; } }
.bms-signup__title{ font-family:'Archivo',sans-serif; font-weight:800; font-size:clamp(24px,3vw,32px); letter-spacing:-.015em; color:#001234; margin:10px 0 10px; }
.bms-signup__lede{ font-size:15px; line-height:1.65; color:#3A4458; max-width:52ch; }
.bms-signup__label{ display:block; font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#5A6274; margin-bottom:8px; }
.bms-signup__row{ display:flex; }
.bms-signup__row input{ flex:1; min-width:0; padding:14px; font-size:15px; border:1px solid rgba(0,18,52,.25); border-right:0; border-radius:0; background:#fff; }
.bms-signup__row input:focus{ outline:none; border-color:#0039A6; box-shadow:0 0 0 3px rgba(0,57,166,.12); }
.bms-signup__row button{ padding:0 22px; background:#001234; color:#fff; border:0; font-family:'Archivo',sans-serif; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; cursor:pointer; white-space:nowrap; }
.bms-signup__row button:hover{ background:#0039A6; }
.bms-signup__row button:disabled{ opacity:.6; }
.bms-signup__hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; }
.bms-signup__msg{ min-height:1.4em; margin-top:10px; font-size:13px; }
.bms-signup__msg.is-ok{ color:#0039A6; }
.bms-signup__msg.is-err{ color:#B91C1C; }

/* 产品页相关指南 (2026-09-18) */
.bms-related-guides{ margin-top:56px; text-align:left; }
.bms-related-guides__k{ font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#5A6274; padding-bottom:10px; border-bottom:1px solid #181818; }
.bms-related-guides ul{ list-style:none; margin:0; padding:0; }
.bms-related-guides li{ border-bottom:1px solid rgba(0,18,52,.12); }
.bms-related-guides a{ display:flex; justify-content:space-between; gap:16px; padding:14px 0; font-size:15px; font-weight:600; color:#001234; text-decoration:none; }
.bms-related-guides a:hover{ color:#0039A6; }
.bms-related-guides a span{ color:#0039A6; }


/* ===== 2026-09-18 404 page ===== */
.bms-404{padding:88px 16px 96px;background:#fff}
.bms-404__wrap{max-width:880px;margin:0 auto}
.bms-404__code{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0039A6;margin:0 0 14px}
.bms-404__title{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(34px,5vw,54px);line-height:1.05;color:#001234;margin:0 0 18px;letter-spacing:-.01em}
.bms-404__desc{font-family:'IBM Plex Sans',sans-serif;font-size:17px;line-height:1.6;color:#4a4f5c;max-width:640px;margin:0 0 40px}
.bms-404__links{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #d6d9e0;border-left:1px solid #d6d9e0}
.bms-404__links li{border-right:1px solid #d6d9e0;border-bottom:1px solid #d6d9e0}
.bms-404__links a{display:block;padding:22px 24px;text-decoration:none;transition:background .15s}
.bms-404__links a:hover{background:#f3f5f9}
.bms-404__k{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#0039A6;margin-bottom:6px}
.bms-404__v{display:block;font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;color:#181818}
.bms-404__sub{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6b7080;margin:0 0 12px}
.bms-404__terms{list-style:none;margin:0 0 40px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bms-404__terms a{display:inline-block;padding:8px 14px;border:1px solid #d6d9e0;font-family:'IBM Plex Sans',sans-serif;font-size:14px;color:#001234;text-decoration:none}
.bms-404__terms a:hover{border-color:#0039A6;color:#0039A6}
.bms-404__home{font-family:'IBM Plex Sans',sans-serif;font-weight:600;color:#0039A6;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
@media (max-width:640px){.bms-404{padding:56px 16px 72px}.bms-404__links{grid-template-columns:1fr}}


/* ===== 2026-09-18 home: technical guides ===== */
.bms-home-guides{background:#fff;border-top:1px solid #d6d9e0;padding:80px 16px}
.bms-home-guides__wrap{max-width:1280px;margin:0 auto}
.bms-home-guides__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px;flex-wrap:wrap}
.bms-home-guides__k{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0039A6;margin:0 0 10px}
.bms-home-guides__h{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(26px,3.4vw,38px);line-height:1.1;color:#001234;margin:0;letter-spacing:-.01em}
.bms-home-guides__all{font-family:'IBM Plex Sans',sans-serif;font-weight:600;color:#0039A6;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}
.bms-home-guides__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid #181818}
.bms-home-guides__list li{border-bottom:1px solid #d6d9e0}
.bms-home-guides__list li+li{border-left:1px solid #d6d9e0}
.bms-home-guides__list a{display:flex;flex-direction:column;height:100%;padding:26px 24px 24px;text-decoration:none;transition:background .15s}
.bms-home-guides__list a:hover{background:#f3f5f9}
.bms-home-guides__n{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6b7080;margin-bottom:14px}
.bms-home-guides__t{font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;line-height:1.3;color:#181818;flex:1;margin-bottom:22px}
.bms-home-guides__go{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14px;color:#0039A6}
@media (max-width:860px){.bms-home-guides{padding:56px 16px}.bms-home-guides__list{grid-template-columns:1fr}.bms-home-guides__list li+li{border-left:0}}


/* ===== 2026-09-18 mobile buy bar (single product) ===== */
.bms-buybar{display:none}
#bms-buy{scroll-margin-top:96px}
@media (max-width:1023px){
  .bms-buybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #181818;transform:translateY(110%);transition:transform .2s ease;box-shadow:0 -6px 20px rgba(0,18,52,.08)}
  .bms-buybar.is-on{transform:translateY(0)}
  .bms-buybar__info{flex:1;min-width:0;display:flex;flex-direction:column}
  .bms-buybar__t{font-family:'IBM Plex Sans',sans-serif;font-size:12px;color:#4a4f5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bms-buybar__p{font-family:'Archivo',sans-serif;font-weight:800;font-size:18px;color:#001234}
  .bms-buybar__btn{flex:none;background:#001234;color:#fff;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14px;letter-spacing:.04em;padding:12px 18px;text-decoration:none}
}
@media (prefers-reduced-motion:reduce){.bms-buybar{transition:none}}


/* ===== 2026-09-18 cart reassurance ===== */
.bms-cart-assure{list-style:none;margin:24px 0 0;padding:18px 0 0;border-top:1px solid #d6d9e0;display:grid;gap:10px}
.bms-cart-assure li{position:relative;padding-left:18px;font-family:'IBM Plex Sans',sans-serif;font-size:13px;line-height:1.5;color:#4a4f5c}
.bms-cart-assure li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;background:#0039A6}
.bms-cart-assure strong{color:#001234;font-weight:600}
.bms-cart-assure a{color:#0039A6;text-decoration:underline;text-underline-offset:2px}
.bms-cart-continue{display:inline-block;margin-top:18px;font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:600;color:#0039A6;text-decoration:none}


/* ===== 2026-09-18 related compounds (single product) ===== */
.bms-related-products{margin-top:40px}
.bms-related-products ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid #181818}
.bms-related-products li{border-bottom:1px solid #d6d9e0}
.bms-related-products li:nth-child(odd){border-right:1px solid #d6d9e0}
.bms-related-products a{display:block;padding:16px 16px 16px 0;text-decoration:none;transition:background .15s}
.bms-related-products li:nth-child(even) a{padding-left:16px}
.bms-related-products a:hover{background:#f3f5f9}
.bms-related-products__t{display:block;font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;color:#181818;line-height:1.3}
.bms-related-products__m{display:block;margin-top:4px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;color:#6b7080}
@media (max-width:560px){.bms-related-products ul{grid-template-columns:1fr}.bms-related-products li:nth-child(odd){border-right:0}.bms-related-products li:nth-child(even) a{padding-left:0}}


/* ===== 2026-09-18 guides index, grouped ===== */
.bms-guides-idx{padding:64px 16px 80px;background:#fff}
.bms-guides-idx__wrap{max-width:1040px;margin:0 auto}
.bms-guides-idx__group+.bms-guides-idx__group{margin-top:56px}
.bms-guides-idx__h{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#0039A6;margin:0 0 12px;display:flex;gap:10px;align-items:baseline}
.bms-guides-idx__h span{color:#8a8f9c}
.bms-guides-idx__list{list-style:none;margin:0;padding:0;border-top:2px solid #181818}
.bms-guides-idx__list li{border-bottom:1px solid #d6d9e0}
.bms-guides-idx__list a{display:grid;grid-template-columns:48px 1fr 24px;gap:16px;align-items:start;padding:22px 8px 22px 0;text-decoration:none;transition:background .15s}
.bms-guides-idx__list a:hover{background:#f3f5f9}
.bms-guides-idx__n{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8a8f9c;padding-top:4px}
.bms-guides-idx__t{display:block;font-family:'Archivo',sans-serif;font-weight:700;font-size:19px;line-height:1.3;color:#181818}
.bms-guides-idx__x{display:block;margin-top:6px;font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.6;color:#4a4f5c;max-width:720px}
.bms-guides-idx__go{font-family:'IBM Plex Sans',sans-serif;font-size:18px;color:#0039A6;padding-top:2px}
@media (max-width:640px){.bms-guides-idx{padding:40px 16px 56px}.bms-guides-idx__list a{grid-template-columns:32px 1fr;gap:10px}.bms-guides-idx__go{display:none}.bms-guides-idx__t{font-size:17px}}


/* ===== 2026-09-18 guide: keep reading ===== */
.bms-keep-reading ul{list-style:none;margin:0;padding:0;border-top:2px solid #181818}
.bms-keep-reading li{border-bottom:1px solid #d6d9e0}
.bms-keep-reading a{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:16px 4px 16px 0;text-decoration:none;color:#0039A6;font-family:'IBM Plex Sans',sans-serif}
.bms-keep-reading a:hover{background:#f3f5f9}
.bms-keep-reading__t{font-family:'Archivo',sans-serif;font-weight:700;font-size:17px;line-height:1.35;color:#181818}


/* ===== 2026-09-21 product FAQ ===== */
.bms-pfaq{margin-top:48px}
.bms-pfaq__h{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:-.01em;color:#001234;margin:0 0 14px}
.bms-pfaq dl{margin:0;border-top:2px solid #181818}
.bms-pfaq__item{padding:18px 0;border-bottom:1px solid #d6d9e0}
.bms-pfaq dt{font-family:'Archivo',sans-serif;font-weight:700;font-size:16px;color:#181818;margin-bottom:6px}
.bms-pfaq dd{margin:0;font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.65;color:#4a4f5c}


/* ===== 2026-09-21 catalog + class pages: guide links ===== */
.bms-cat-guides{background:#fff;border-top:1px solid #d6d9e0;padding:64px 16px 72px}
.bms-cat-guides__wrap{max-width:1280px;margin:0 auto}
.bms-cat-guides__k{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0039A6;margin:0 0 10px}
.bms-cat-guides__h{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(24px,3vw,32px);line-height:1.15;color:#001234;margin:0 0 24px;letter-spacing:-.01em}
.bms-cat-guides ul{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid #181818}
.bms-cat-guides li{border-bottom:1px solid #d6d9e0}
.bms-cat-guides li:nth-child(odd){border-right:1px solid #d6d9e0}
.bms-cat-guides li a{display:block;padding:18px 18px 18px 0;text-decoration:none;font-family:'Archivo',sans-serif;font-weight:700;font-size:16px;color:#181818;transition:background .15s}
.bms-cat-guides li:nth-child(even) a{padding-left:18px}
.bms-cat-guides li a:hover{background:#f3f5f9;color:#0039A6}
.bms-cat-guides__all{font-family:'IBM Plex Sans',sans-serif;font-weight:600;color:#0039A6;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
@media (max-width:640px){.bms-cat-guides{padding:44px 16px 52px}.bms-cat-guides ul{grid-template-columns:1fr}.bms-cat-guides li:nth-child(odd){border-right:0}.bms-cat-guides li:nth-child(even) a{padding-left:0}}


/* ===== 2026-09-21 search results ===== */
.bms-search{background:#fff;padding:72px 16px 88px}
.bms-search__wrap{max-width:880px;margin:0 auto}
.bms-search__k{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0039A6;margin:0 0 12px}
.bms-search__h{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(28px,4vw,42px);line-height:1.1;color:#001234;margin:0 0 28px;letter-spacing:-.01em}
.bms-search__form{display:flex;gap:0;margin:0 0 44px;border:1px solid #181818}
.bms-search__form input{flex:1;min-width:0;border:0;padding:14px 16px;font-family:'IBM Plex Sans',sans-serif;font-size:16px;color:#181818;background:#fff}
.bms-search__form input:focus{outline:2px solid #0039A6;outline-offset:-2px}
.bms-search__form button{flex:none;border:0;background:#001234;color:#fff;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14px;letter-spacing:.06em;padding:14px 22px;cursor:pointer}
.bms-search__form button:hover{background:#0039A6}
.bms-search__group+.bms-search__group{margin-top:44px}
.bms-search__gh{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#0039A6;margin:0 0 10px}
.bms-search__gh span{color:#8a8f9c;margin-left:6px}
.bms-search__list{list-style:none;margin:0;padding:0;border-top:2px solid #181818}
.bms-search__list li{border-bottom:1px solid #d6d9e0}
.bms-search__list a{display:block;padding:18px 6px 18px 0;text-decoration:none;transition:background .15s}
.bms-search__list a:hover{background:#f3f5f9}
.bms-search__t{display:block;font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;line-height:1.3;color:#181818}
.bms-search__m{display:block;margin-top:4px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;color:#6b7080}
.bms-search__x{display:block;margin-top:6px;font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.6;color:#4a4f5c}
.bms-search__empty p{font-family:'IBM Plex Sans',sans-serif;font-size:16px;line-height:1.7;color:#4a4f5c;margin:0 0 20px}
.bms-search__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bms-search__links a{display:inline-block;padding:8px 14px;border:1px solid #d6d9e0;font-family:'IBM Plex Sans',sans-serif;font-size:14px;color:#001234;text-decoration:none}
.bms-search__links a:hover{border-color:#0039A6;color:#0039A6}
@media (max-width:640px){.bms-search{padding:48px 16px 64px}.bms-search__form{flex-wrap:wrap}.bms-search__form input{width:100%;flex:1 1 100%}.bms-search__form button{width:100%}}

.bms-404__search{max-width:520px;margin:0 0 32px}


/* ===== 2026-09-21 out-of-stock restock notification ===== */
.bms-restock{flex:1;border:1px solid #181818;padding:20px}
.bms-restock__k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b91c1c;margin:0 0 8px}
.bms-restock__lede{font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.6;color:#4a4f5c;margin:0 0 14px}
.bms-restock__form{display:flex;border:1px solid #181818}
.bms-restock__form input[type=email]{flex:1;min-width:0;border:0;padding:12px 14px;font-family:'IBM Plex Sans',sans-serif;font-size:15px;color:#181818;background:#fff}
.bms-restock__form input[type=email]:focus{outline:2px solid #0039A6;outline-offset:-2px}
.bms-restock__form button{flex:none;border:0;background:#001234;color:#fff;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14px;letter-spacing:.04em;padding:12px 20px;cursor:pointer}
.bms-restock__form button:hover{background:#0039A6}
.bms-restock__form button[disabled]{opacity:.6;cursor:default}
.bms-restock__msg{font-family:'IBM Plex Sans',sans-serif;font-size:13px;line-height:1.6;color:#001234;margin:12px 0 0}
.bms-restock__msg:empty{display:none}
@media (max-width:560px){.bms-restock__form{flex-wrap:wrap}.bms-restock__form input[type=email]{flex:1 1 100%}.bms-restock__form button{width:100%}}


/* ===== 2026-10-05 wholesale enquiry form ===== */
.bms-wf{max-width:620px;margin:8px 0 28px;border:1px solid #181818;padding:24px}
.bms-wf__row{margin-bottom:18px}
.bms-wf label{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#001234;margin-bottom:7px}
.bms-wf label span{color:#b91c1c;letter-spacing:.06em}
.bms-wf input[type=text],.bms-wf input[type=email],.bms-wf textarea{width:100%;box-sizing:border-box;border:1px solid #d6d9e0;padding:11px 13px;font-family:'IBM Plex Sans',sans-serif;font-size:15px;color:#181818;background:#fff}
.bms-wf input:focus,.bms-wf textarea:focus{outline:2px solid #0039A6;outline-offset:-2px;border-color:#0039A6}
.bms-wf textarea{resize:vertical;line-height:1.55}
.bms-wf__btn{border:0;background:#001234;color:#fff;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:15px;letter-spacing:.04em;padding:13px 28px;cursor:pointer}
.bms-wf__btn:hover{background:#0039A6}
.bms-wf__btn[disabled]{opacity:.6;cursor:default}
.bms-wf__msg{font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.6;color:#001234;margin:14px 0 0}
.bms-wf__msg:empty{display:none}
@media (max-width:560px){.bms-wf{padding:18px}.bms-wf__btn{width:100%}}

.bms-cat-guides__bulk{margin:18px 0 0;font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.6;color:#4a4f5c;max-width:720px}
.bms-cat-guides__bulk a{color:#0039A6;text-decoration:underline;text-underline-offset:2px}


/* ===== 2026-10-08 guide page: catalogue entry ===== */
.bms-guide-shop ul{list-style:none;margin:0;padding:0;border-top:2px solid #181818}
.bms-guide-shop li{border-bottom:1px solid #d6d9e0}
.bms-guide-shop a{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 4px 14px 0;text-decoration:none;color:#0039A6;font-family:'IBM Plex Sans',sans-serif}
.bms-guide-shop a:hover{background:#f3f5f9}
.bms-guide-shop__t{font-family:'Archivo',sans-serif;font-weight:700;font-size:16px;line-height:1.35;color:#181818}
.bms-guide-shop__note{margin:14px 0 0;font-family:'IBM Plex Sans',sans-serif;font-size:13px;line-height:1.6;color:#4a4f5c}
.bms-guide-shop__note a{color:#0039A6;text-decoration:underline;text-underline-offset:2px}