/* Shared Yihe / Surface visual tokens. Functionality and data are unchanged. */
:root{--brand-blue:#0f6cbd;--brand-sky:#00a4ef;--brand-orange:#f25022;--orange-ink:#b8410f;--brand-green:#7fba00;--green-ink:#4c7a17;--brand-yellow:#ffb900;--ink:#14181f;--muted:#667386;--line:#e4e9f0;--blue:#0f6cbd;--pale:#eaf5ff;--amber:#b8410f;--surface:#fff;--canvas:#f5f7fa}
@media screen{
body{background:var(--canvas);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',system-ui,sans-serif}
.site-brand{background:#fff;border-bottom:1px solid var(--line)}.site-brand-inner{max-width:1180px;margin:auto;padding:22px 24px;display:flex;align-items:center;gap:23px}.company-mark{width:125px;height:auto;display:block}.brand-separator{height:30px;width:1px;background:var(--line)}.surface-brand{position:relative;display:block;width:220px;height:36px;overflow:hidden}.surface-brand img{position:absolute;width:277px;height:auto;max-width:none;left:-29px;top:-29px}
body .top,body>header:not(.previewbar){background:linear-gradient(115deg,#eaf5ff,#f0f8f6 65%,#f3f9ee);color:var(--ink);border-bottom:1px solid #deebee}
body header.top .wrap::before{display:none!important;content:none!important}.top .eyebrow{color:var(--blue);font-size:12px;letter-spacing:.12em}.top .sub,header .muted,header p{color:var(--muted)}
.top a,body>header a{color:var(--blue)!important}
body>header a.button,.top a.button{color:#fff!important}
body .panel,body .card,body section:not(.print-only){border-color:var(--line);box-shadow:0 2px 8px #19345c04;border-radius:14px;background:white}
body .quick-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 2px 8px #19345c04}.quick-card h3{font-size:17px;line-height:1.55;margin:12px 0}.quick-meta{gap:6px}.tag{background:#edf5fd;color:#376b97;padding:3px 8px;border-radius:5px}.quick-price{color:#20364e;font-size:23px;font-weight:650}.quick-quote{color:var(--green-ink)}
body input:not([type=checkbox]):not([type=radio]),body select,body textarea{border:1px solid #d3dce8;border-radius:8px;background:#fff;padding:11px 12px;color:#354455;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #94c9ef;outline-offset:2px}
body button,body .button,.quick-actions button,.quick-card button{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer}body button:hover{filter:brightness(.96)}body button.secondary,.quick-actions button.secondary,.quick-card button.secondary{background:#fff;color:var(--blue);border-color:#cddfed}body a{color:var(--blue)}body button:disabled{opacity:.5;cursor:default}
body .tabs button{background:white;color:var(--blue);border:1px solid #d2e1f0}body .tabs button.active,body .tabs button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:white}.ok,.good{color:var(--green-ink)}.warn,.warning{color:var(--orange-ink)}.status,.muted{color:var(--muted)}
.quick-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.quick-form label{font-size:13px;color:#68788c;font-weight:500}.quick-form label:first-child{grid-column:1/-1}.quick-actions{border-top:1px solid #edf1f5;padding-top:18px;margin-top:22px;align-items:center}.quick-actions label{color:var(--muted);font-size:13px}.quick-actions button[type=submit]{margin-left:auto}.quick-results{gap:18px;margin-top:20px}.quick-detail{border-color:#a8cbe8}.quick-card button{font-size:13px}
.bar{border-color:var(--line);background:#fff}.metric,.fact{background:#f5f8fc}.spec-table th,.spec-table td{border-color:var(--line)}footer{color:var(--muted)}
@media(max-width:800px){.quick-form{grid-template-columns:repeat(2,minmax(0,1fr))}.site-brand-inner{padding:18px 22px;gap:13px}.company-mark{width:100px}.surface-brand{width:190px;height:30px}.surface-brand img{width:238px;left:-25px;top:-25px}.brand-separator{height:25px}}
@media(max-width:420px){.quick-form{grid-template-columns:1fr}.quick-form label:first-child{grid-column:auto}.quick-actions button[type=submit]{margin-left:0}.quick-card{padding:18px}.site-brand-inner{gap:10px;padding:18px 16px}.company-mark{width:90px}}
}
@media print{.site-brand{display:none!important}}