:root{--color-ink:#0f172a;--color-ink-soft:#475569;--color-muted:#64748b;--color-primary:#0b5fa5;--color-primary-dark:#094a80;--color-accent:#d97706;--color-bg:#f5f7fa;--color-surface:#fff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-ok:#059669;--color-warn:#d97706;--color-danger:#dc2626;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--container:100%;--container-pad:clamp(1.25rem, 6vw, 6rem);--radius:6px;--radius-lg:10px;--header-h:64px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--card-img-ratio:4 / 3}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);background:var(--color-surface);margin:0;line-height:1.6}img{max-width:100%;display:block}[hidden]{display:none!important}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 var(--space-3);font-weight:650;line-height:1.25}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin:0 0 var(--space-4)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:var(--container);padding-inline:var(--container-pad);margin-inline:auto}.section{padding-block:var(--space-8)}.section--tight{padding-block:var(--space-6)}.section--alt{background:var(--color-bg)}.lead{font-size:var(--text-lg);color:var(--color-ink-soft);max-width:62ch}.muted{color:var(--color-muted)}.mono{font-family:var(--font-mono)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);font:inherit;font-weight:600;font-size:var(--text-sm);cursor:pointer;border:1px solid #0000;padding:.625rem 1.125rem;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark)}.btn--accent{background:var(--color-accent);color:#fff}.btn--accent:hover{filter:brightness(.94)}.btn--ghost{color:var(--color-primary);border-color:var(--color-border-strong);background:0 0}.btn--ghost:hover{border-color:var(--color-primary);background:#f8fafc}.btn--block{width:100%}.site-header{z-index:50;backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--color-border);background:#fffffff5;position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-5);min-height:var(--header-h);display:flex}.brand{font-weight:750;font-size:var(--text-xl);letter-spacing:-.02em;color:var(--color-ink);flex:none;text-decoration:none}.brand:hover{text-decoration:none}.brand__mark{color:var(--color-primary)}.site-nav{gap:var(--space-5);margin-left:auto;display:flex}.site-nav a{color:var(--color-ink-soft);font-weight:550;font-size:var(--text-sm);padding-block:var(--space-2)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-primary);text-decoration:none}.site-nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--color-primary)}.lang-switch{gap:var(--space-1);align-items:center;display:flex}.lang-switch a{font-size:var(--text-xs);letter-spacing:.03em;border-radius:var(--radius);color:var(--color-ink-soft);border:1px solid #0000;padding:.25rem .5rem;font-weight:700}.lang-switch a[aria-current=true]{color:var(--color-primary);border-color:var(--color-border-strong);background:var(--color-bg)}.lang-switch a:hover{border-color:var(--color-border-strong);text-decoration:none}.nav-toggle{display:none}.notice{color:#92400e;font-size:var(--text-sm);background:#fffbeb;border-bottom:1px solid #fde68a}.notice__inner{padding-block:var(--space-2)}.grid-products{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.product-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.product-card__media{aspect-ratio:var(--card-img-ratio);background:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;display:flex;overflow:hidden}.product-card__media img{object-fit:contain;width:100%;height:100%}.product-card__media--empty{color:var(--color-muted);font-size:var(--text-xs);gap:var(--space-1);flex-direction:column}.product-card__body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.product-card__code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);letter-spacing:-.01em;font-weight:650}.product-card__name{font-weight:650;font-size:var(--text-base);line-height:1.35}.product-card__meta{font-size:var(--text-xs);color:var(--color-ink-soft);gap:2px;margin-top:auto;line-height:1.55;display:grid}.product-card__meta p{margin:0}.product-card__label{color:var(--color-muted);white-space:nowrap}.spec{gap:var(--space-4);display:grid}.spec__row{gap:var(--space-4);grid-template-columns:minmax(140px,34%) 1fr;align-items:start;display:grid}.spec__label{color:var(--color-muted);font-size:var(--text-sm);font-weight:600}.spec__value{font-size:var(--text-base)}.spec__value--code{font-family:var(--font-mono);font-weight:650}.spec__pending{color:var(--color-accent);font-weight:600}.grid-groups{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.group-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s;overflow:hidden}.group-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);text-decoration:none}.group-card__media{aspect-ratio:3/2;background:var(--color-bg);justify-content:center;align-items:center;display:flex}.group-card__media img{object-fit:contain;width:100%;height:100%}.group-card__body{padding:var(--space-4) var(--space-5) var(--space-5)}.group-card__title{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:700}.group-card__count{color:var(--color-muted);font-size:var(--text-sm)}.hero{background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-surface) 100%);border-bottom:1px solid var(--color-border)}.hero__inner{gap:var(--space-7);padding-block:var(--space-8) var(--space-7);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=1000px){.hero__inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.hero__text{max-width:40rem}.hero__eyebrow{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-3);font-weight:700}.hero h1{letter-spacing:-.025em;margin-bottom:var(--space-4);font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.14}.hero__cta{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hero__stats{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=1000px){.hero__stats{gap:var(--space-5);border-left:2px solid var(--color-border);padding-left:var(--space-6);grid-template-columns:1fr}}.hero__stats li{gap:2px;display:grid}.hero__stats strong{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-ink);font-weight:750;line-height:1.1}.hero__stats span{font-size:var(--text-sm);color:var(--color-muted)}.grid-why{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.why-item h3{font-size:var(--text-base);margin-bottom:var(--space-1)}.why-item p{font-size:var(--text-sm);color:var(--color-ink-soft);margin:0}.breadcrumb{font-size:var(--text-sm);color:var(--color-muted);padding-block:var(--space-4)}.breadcrumb a{color:var(--color-muted)}.breadcrumb span{margin-inline:var(--space-2)}.product-detail{gap:var(--space-7);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=900px){.product-detail{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.product-detail__media{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;overflow:hidden}.product-detail__media img{object-fit:contain;width:100%;height:100%}.form{gap:var(--space-4);max-width:36rem;display:grid}.field{gap:var(--space-1);display:grid}.field label{font-size:var(--text-sm);color:var(--color-ink-soft);font-weight:600}.field input,.field textarea,.field select{font:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);color:var(--color-ink);width:100%;padding:.5rem .75rem}.field textarea{resize:vertical;min-height:6rem}.form__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.form__hint{font-size:var(--text-sm);color:var(--color-muted)}.search{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.search input[type=search]{font:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius);flex:16rem;min-width:16rem;padding:.5rem .75rem}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg);margin-top:var(--space-9)}.site-footer__inner{padding-block:var(--space-7) var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.site-footer h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:var(--space-3)}.site-footer ul{gap:var(--space-2);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:grid}.site-footer__bottom{border-top:1px solid var(--color-border);padding-block:var(--space-4);font-size:var(--text-sm);color:var(--color-muted);justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;display:flex}.empty-state{padding:var(--space-7);text-align:center;color:var(--color-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.nav-order{align-items:center;gap:var(--space-2);color:var(--color-ink-soft);font-size:var(--text-sm);font-weight:600;text-decoration:none;display:inline-flex}.nav-order:hover,.nav-order[aria-current=page]{color:var(--color-primary);text-decoration:none}.nav-order[aria-current=page]{box-shadow:inset 0 -2px 0 var(--color-primary)}.nav-order__badge{background:var(--color-accent);color:#fff;min-width:1.25rem;height:1.25rem;font-size:var(--text-xs);border-radius:99px;justify-content:center;align-items:center;padding:0 .35rem;font-weight:700;display:inline-flex}.add-order{gap:var(--space-4);margin-top:var(--space-5);max-width:26rem;display:grid}.qty{gap:var(--space-2);display:grid}.qty__label{font-size:var(--text-sm);color:var(--color-ink-soft);font-weight:600}.qty__control{align-items:stretch;width:9rem;display:inline-flex}.qty__btn{border:1px solid var(--color-border-strong);background:var(--color-surface);width:2.5rem;font-size:var(--text-lg);cursor:pointer;color:var(--color-ink);line-height:1}.qty__btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.qty__btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.qty__btn:hover{background:var(--color-bg)}.qty__input{text-align:center;min-width:0;font:inherit;border:1px solid var(--color-border-strong);-moz-appearance:textfield;border-left:0;border-right:0;flex:1;padding:.5rem .25rem}.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-order__msg{color:var(--color-ok);font-weight:600;font-size:var(--text-sm);margin:0}.add-order__note{font-size:var(--text-sm);color:var(--color-muted);margin:0}.order-meta{gap:var(--space-6);padding:var(--space-4) 0;border-block:1px solid var(--color-border);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.order-meta>div{gap:2px;display:grid}.order-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.order-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.order-table th,.order-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.order-table th{color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.order-table td.order-table__no{color:var(--color-muted);width:2.5rem}.order-table td.order-table__img{width:8rem}.order-table td.order-table__img img{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);object-fit:contain;width:7rem;height:auto}.order-table .order-table__noimg{color:var(--color-muted);font-size:var(--text-xs)}.order-table__name{color:var(--color-ink-soft);margin-top:2px}.order-table td.order-table__qty{width:6rem}.order-table input[type=number]{width:5rem;font:inherit;text-align:center;border:1px solid var(--color-border-strong);border-radius:var(--radius);padding:.375rem .5rem}.btn--sm{font-size:var(--text-xs);padding:.375rem .625rem}.order-actions{margin-top:var(--space-4)}.form--grid{gap:var(--space-4);max-width:none;display:grid}@media (width>=700px){.form--grid{grid-template-columns:1fr 1fr}.field--full{grid-column:1/-1}}.print-only{display:none}@media print{.site-header,.site-footer,.breadcrumb,.notice,.skip-link,.order-actions,.form__actions,.form__hint,.qty,.add-order,.no-print,[data-nav-toggle]{display:none!important}.print-only{display:block}.print-head{border-bottom:2px solid #000;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;font-size:14pt;display:flex}body{color:#000;font-size:11pt}.container{max-width:none;padding:0}.section,.section--tight{padding-block:8px}h1{font-size:16pt}h2{margin-top:12px;font-size:12pt}a{color:#000;text-decoration:none}.order-table th,.order-table td{border-bottom:1px solid #999;padding:6px 4px}.order-table td.order-table__img img{width:90px}.order-table input[type=number]{text-align:left;border:0;width:auto;padding:0;font-weight:700}.order-meta{border-block-color:#999}.order-table tr{break-inside:avoid}}@media (width>=1024px){.section{padding-block:var(--space-7)}}@media (width<=767px){.nav-toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;font-size:1.1rem;display:inline-flex}.site-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-4) var(--space-4);flex-direction:column;gap:0;margin:0;display:none;position:absolute;top:100%;left:0;right:0}.site-nav[data-open=true]{display:flex}.site-nav a{padding-block:var(--space-3);border-bottom:1px solid var(--color-border)}.lang-switch{margin-left:0}.site-header__inner{position:relative}.nav-order{font-weight:700}.spec__row{gap:var(--space-1);grid-template-columns:1fr}}.order-table__moq{font-size:var(--text-xs);color:var(--color-muted);margin-top:2px}.category-links{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-1);border:1px solid var(--color-border-strong);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-ink-soft);border-radius:99px;padding:.3rem .7rem;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.chip--static{background:var(--color-bg);color:var(--color-ink)}.filters{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);padding:var(--space-4);margin-bottom:var(--space-5)}.filters__row{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;display:grid}.field--inline{gap:var(--space-1);display:grid}.field--inline select,.field--inline input[type=search]{font:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-ink);padding:.45rem .6rem}.field__label{font-size:var(--text-sm);color:var(--color-ink-soft);font-weight:600}.field--grow{grid-column:1/-1}@media (width>=900px){.field--grow{grid-column:auto}}.filters__foot{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.field--inline>.chip{justify-self:start}.site-footer__disclaimer{border-top:1px solid var(--color-border);margin:var(--space-4) 0 0;padding-block:var(--space-4);font-size:var(--text-xs);color:var(--color-muted);max-width:90ch;line-height:1.6}[data-item]>.product-card{height:100%}