.voc-oem{--bg:#151515;--bg-deep:#0E0E10;--surface:#1B1B1D;--surface-high:#232326;--fg:#F2F1EC;--muted:rgba(242,241,236,.66);--meta:rgba(242,241,236,.44);--border:rgba(242,241,236,.16);--border-soft:rgba(242,241,236,.08);--accent:#E6A23C;--accent-hover:#F0B44F;--accent-soft:rgba(230,162,60,.13);--success:#4CC38A;--warn:#D9A63C;--danger:#E06C5A;--font-display:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-body:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-mono:ui-monospace,SF Mono,Menlo,Consolas,monospace;--text-display:clamp(36px,4.5vw,58px);--text-h2:clamp(24px,2.8vw,34px);--text-h3:19px;--text-body:16px;--text-small:14px;--text-label:12px;--text-mono:13px;--space-1:5px;--space-2:10px;--space-3:15px;--space-4:20px;--space-5:30px;--space-6:45px;--space-8:60px;--section-y:72px;--container-max:1180px;--tracking-caps:.08em;--glow-hero:radial-gradient(60% 50% at 70% 35%,rgba(230,162,60,.13) 0%,transparent 70%)}
.voc-oem{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-body);line-height:1.55;padding:0;margin:0 -999px;padding-left:999px;padding-right:999px}
.voc-oem *{box-sizing:border-box}
.voc-oem h1,.voc-oem h2,.voc-oem h3{font-family:var(--font-display);font-weight:500;margin:0;letter-spacing:-.02em;color:var(--fg)}
.voc-oem p{margin:0;color:var(--muted)}
.voc-oem a{color:inherit}
.voc-oem img{max-width:100%;display:block}
.voc-oem .container{max-width:var(--container-max);margin:0 auto;padding:0 20px}
.voc-oem section{padding:var(--section-y) 0}
.voc-oem .eyebrow{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent);font-weight:500}
.voc-oem .section-head{margin-bottom:var(--space-8)}
.voc-oem .section-head h2{font-size:var(--text-h2);line-height:1.12;margin-top:var(--space-3);max-width:24ch}
.voc-oem .section-head p{max-width:65ch;margin-top:var(--space-3)}
.voc-oem .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;border:1px solid transparent;cursor:pointer;min-height:48px;transition:background .15s,color .15s,border-color .15s}
.voc-oem .btn-primary{background:var(--accent);color:#151515}
.voc-oem .btn-primary:hover{background:var(--accent-hover);color:#151515}
.voc-oem .btn-secondary{background:transparent;color:var(--fg);border-color:var(--border)}
.voc-oem .btn-secondary:hover{border-color:var(--fg)}
.voc-oem .cert-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;border:1px solid var(--border);background:var(--accent-soft);font-family:var(--font-mono);font-size:13px;color:var(--fg);white-space:nowrap}
.voc-oem .spec-chip{display:inline-block;padding:4px 10px;border:1px solid var(--border);font-family:var(--font-mono);font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.voc-oem :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Hero */
.voc-oem .hero{padding:72px 0 48px;overflow:hidden}
.voc-oem .hero-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}
.voc-oem .hero h1{font-size:var(--text-display);line-height:1.03;margin-top:15px;max-width:15ch}
.voc-oem .hero-lead{margin-top:24px;max-width:65ch}
.voc-oem .hero-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:15px}
.voc-oem .hero-certs{margin-top:36px;display:flex;flex-wrap:wrap;gap:10px}
.voc-oem .hero-media{position:relative;display:none}
.voc-oem .hero-media img{width:100%;aspect-ratio:16/10;object-fit:cover}
.voc-oem .hero-glow{position:absolute;inset:0;background:var(--glow-hero);pointer-events:none}
@media(min-width:1024px){.voc-oem .hero-grid{grid-template-columns:1fr 1fr}.voc-oem .hero-media{display:block}}

/* Capabilities */
.voc-oem .cap-grid{display:grid;grid-template-columns:1fr;gap:30px}
@media(min-width:768px){.voc-oem .cap-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.voc-oem .cap-grid{grid-template-columns:repeat(4,1fr)}}
.voc-oem .cap-card{background:var(--surface);border:1px solid var(--border-soft);display:flex;flex-direction:column;padding:30px}
.voc-oem .cap-card img{aspect-ratio:4/5;object-fit:cover;margin-bottom:20px;filter:saturate(.85) contrast(1.05)}
.voc-oem .cap-index{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-caps);color:var(--meta)}
.voc-oem .cap-card h3{font-size:var(--text-h3);line-height:1.25;margin-top:10px}
.voc-oem .cap-card p{font-size:var(--text-small);margin-top:15px;flex:1}
.voc-oem .cap-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

/* Positioning */
.voc-oem .pos-grid{display:grid;grid-template-columns:1fr;gap:48px}
@media(min-width:1024px){.voc-oem .pos-grid{grid-template-columns:7fr 5fr}}
.voc-oem .pos-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-soft)}
.voc-oem .pos-item{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--border-soft);align-items:baseline}
.voc-oem .pos-num{font-family:var(--font-mono);font-size:13px;color:var(--accent);flex-shrink:0}
.voc-oem .pos-item h3{font-size:var(--text-h3);line-height:1.25}
.voc-oem .pos-item p{font-size:var(--text-small);margin-top:10px}

/* Process */
.voc-oem .proc-list{display:flex;flex-direction:column;gap:30px;list-style:none;margin:0;padding:0}
@media(min-width:1024px){.voc-oem .proc-list{flex-direction:row}.voc-oem .proc-step{flex:1}}
.voc-oem .proc-step{border-top:1px solid var(--border);padding-top:20px}
.voc-oem .proc-step .cap-index{display:block;margin-bottom:15px}
.voc-oem .proc-step h3{font-size:var(--text-h3);line-height:1.25}
.voc-oem .proc-step p{font-size:var(--text-small);margin-top:15px}

/* Comparison */
.voc-oem .cmp-wrap{background:var(--surface);border:1px solid var(--border);overflow:hidden}
.voc-oem .cmp-table{width:100%;border-collapse:collapse;font-size:14px}
.voc-oem .cmp-table th,.voc-oem .cmp-table td{text-align:left;padding:20px;border-bottom:1px solid var(--border-soft);vertical-align:top;color:var(--fg)}
.voc-oem .cmp-table thead th{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--meta);font-weight:500}
.voc-oem .cmp-table th.cmp-voc{color:var(--accent)}
.voc-oem .cmp-table td.cmp-alt{color:var(--meta)}
.voc-oem .cmp-table tr:last-child th,.voc-oem .cmp-table tr:last-child td{border-bottom:none}
.voc-oem .cmp-mark{display:inline-flex;align-items:center;gap:8px}
.voc-oem .cmp-mobile{display:none}
@media(max-width:767px){.voc-oem .cmp-table{display:none}.voc-oem .cmp-mobile{display:block}.voc-oem .cmp-row{padding:20px;border-bottom:1px solid var(--border-soft)}.voc-oem .cmp-row h3{font-size:14px;font-weight:500;margin-bottom:15px}.voc-oem .cmp-line{display:flex;align-items:baseline;gap:8px;padding:6px 0;font-size:14px}.voc-oem .cmp-line.voc{color:var(--fg)}.voc-oem .cmp-line.alt{color:var(--meta)}}

/* FAQ */
.voc-oem .faq-list{max-width:720px}
.voc-oem .faq-item{border-top:1px solid var(--border-soft)}
.voc-oem .faq-item:last-child{border-bottom:1px solid var(--border-soft)}
.voc-oem .faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;font-size:16px;font-weight:500;min-height:48px;color:var(--fg)}
.voc-oem .faq-item summary::-webkit-details-marker{display:none}
.voc-oem .faq-item summary::after{content:'+';font-family:var(--font-mono);color:var(--accent);font-size:24px}
.voc-oem .faq-item[open] summary::after{content:'−'}
.voc-oem .faq-item .faq-answer{color:var(--muted);font-size:14px;padding-bottom:20px;max-width:60ch}

/* CTA / Form */
.voc-oem .cta{text-align:center}
.voc-oem .cta h2{font-size:var(--text-h2);line-height:1.12;margin:15px auto 0;max-width:22ch}
.voc-oem .cta p{margin:20px auto 0;max-width:60ch}
.voc-oem .inquiry-form{max-width:640px;margin:48px auto 0;text-align:left;background:var(--surface);border:1px solid var(--border);padding:45px;display:grid;gap:20px}
@media(min-width:768px){.voc-oem .inquiry-form{grid-template-columns:1fr 1fr}.voc-oem .field-full{grid-column:1/-1}}
.voc-oem .field{display:flex;flex-direction:column;gap:6px}
.voc-oem .field label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--meta)}
.voc-oem .field input,.voc-oem .field select,.voc-oem .field textarea{background:transparent;border:1px solid var(--border);color:var(--fg);font-family:var(--font-body);font-size:14px;padding:12px 14px;min-height:44px;width:100%}
.voc-oem .field textarea{min-height:120px;resize:vertical}
.voc-oem .field input:focus,.voc-oem .field select:focus,.voc-oem .field textarea:focus{outline:none;border-color:var(--accent)}
.voc-oem .field input:user-invalid{border-color:var(--danger)}
.voc-oem .field-error{display:none;color:var(--danger);font-size:12px}
.voc-oem .field.invalid .field-error{display:block}
.voc-oem .form-status{font-family:var(--font-mono);font-size:14px;color:var(--muted);min-height:20px;grid-column:1/-1}
.voc-oem .form-status.error{color:var(--danger)}
.voc-oem .inquiry-form .btn{grid-column:1/-1}
.voc-oem .form-success{text-align:center;padding:48px 20px}
.voc-oem .form-success h3{font-size:var(--text-h3);margin-top:15px}
.voc-oem .form-success p{margin-top:10px}

/* Footer refs (page 内引用区，位于主题 footer 之前) */
.voc-oem .page-refs{background:var(--bg-deep);padding:48px 0;border-top:1px solid var(--border-soft)}
.voc-oem .page-refs ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.voc-oem .page-refs a{font-family:var(--font-mono);font-size:13px;color:var(--muted);text-decoration:none;overflow-wrap:anywhere}
.voc-oem .page-refs a:hover{color:var(--fg)}
.voc-oem .page-refs .note{font-family:var(--font-mono);font-size:13px;color:var(--meta);max-width:48ch;line-height:1.6;margin-top:20px}
@media(min-width:768px){.voc-oem .page-refs .inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}}