/* ==========================================================================
   朗宙官网 —— 浅色主题 v3.0（Steel & Heat · Light）
   白底为主：稳重（深炭黑文字）+ 清爽（大面积留白）
   深色仅保留于页脚与 Hero 视频蒙层，作为视觉锚点
   加载顺序：ui.css / spec-ui.css / mobile.css 之后
   ========================================================================== */

:root {
    /* 白色为主，五级浅灰分层面板 */
    --ink-900: #FFFFFF;
    --ink-800: #F4F7F9;
    --ink-700: #EDF1F5;
    --ink-600: #E3E9EF;
    --ink-500: #D5DEE6;
    --line: #C7D2DC;
    --line-soft: #E6EBF0;

    /* 深炭黑文字，稳重不飘 */
    --text-1: #162230;
    --text-2: #4A5A6B;
    --text-3: #76869A;

    --steel-700: #123C58;
    --steel-600: #164E6F;
    --steel-500: #1D5F8A;
    --steel-400: #2E7CAD;

    --heat-600: #B8431A;
    --heat-500: #D9531E;
    --heat-400: #E85C22;

    --data: #1C6691;
}

body { background: #FFFFFF; color: var(--text-1); }

/* ---- 头部 ---- */
.site-head {
    background: rgba(255, 255, 255, .94);
    border-bottom-color: var(--line-soft);
}
.grid-bg::before {
    background: radial-gradient(ellipse at 50% 0%, rgba(29, 95, 138, .08), transparent 62%);
}
.brand-logoimg,
.bm-logo {
    background: #FFFFFF;
    border: 1px solid var(--line);
    box-shadow: 0 1px 3px rgba(16, 32, 48, .06);
}

/* ---- Hero 视频：白色蒙层，画面清爽透出 ---- */
.hero-shade {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,.93), rgba(255,255,255,.70) 52%, rgba(255,255,255,.96) 92%, #FFFFFF),
        linear-gradient(90deg, rgba(255,255,255,.86), rgba(255,255,255,.20) 60%);
}
.hero-shade::after { opacity: .75; }
.hero-watermark, .m-hero .wm {
    -webkit-text-stroke-color: rgba(29, 95, 138, .13);
}
.hero-sub, .m-hero p { color: var(--text-2); }
.btn-ghost { border-color: var(--line); color: var(--text-1); }
.btn-ghost:active { background: var(--ink-700); }

/* 明暗细部 */
.news-card { background: rgba(16, 32, 48, .012); }
.mini-table tr:hover td { background: rgba(29, 95, 138, .05); }
.spec-table tbody tr:hover { background: rgba(29, 95, 138, .06); }
.honor-item .himg, .honor-card .himg,
.brand-logoimg, .wx-cell img, .wx-row img { background: #FFFFFF; }
.honor-item .himg, .honor-card .himg { border: 1px solid var(--line-soft); }
.wx-cell img, .wx-row img { border: 1px solid var(--line-soft); }
.spec-table .c-kg, .spec-card .kg b { color: var(--heat-600); }
.spec-table .c-spec, .spec-card .sp { color: var(--steel-600); }

/* ---- 规格库页 ---- */
.spec-tools { background: rgba(255, 255, 255, .94); border-color: var(--line); }
#specQ, .spec-select { background-color: #FFFFFF; color: var(--text-1); border-color: var(--line); }
#specQ::placeholder { color: var(--text-3); }
.spec-tip { background: rgba(217, 83, 30, .055); border-color: rgba(217, 83, 30, .28); }
.crumb { background: var(--ink-800); }
.cat-cell.on { box-shadow: inset 0 2px 0 var(--heat-500); }

/* ---- 页脚：保留深炭黑，压住整体 ---- */
.site-foot, .m-foot {
    background: #101820;
    border-top-color: #101820;
}
.site-foot .brand-text strong,
.site-foot .foot-col h5,
.site-foot .foot-contact .row .vl,
.m-foot .fb strong { color: #E6EAEF; }
.site-foot .brand-text small,
.site-foot .foot-brand p,
.site-foot .foot-col li,
.site-foot .foot-col li a,
.site-foot .foot-contact .row .lb,
.site-foot .wx-cell span,
.site-foot .foot-bottom,
.m-foot .desc,
.m-foot .foot-links a,
.m-foot .addr,
.m-foot .copy,
.wx-row span { color: #A9B7C6; }
.site-foot .foot-col li a:hover,
.m-foot .foot-links a:hover { color: var(--heat-400); }
.site-foot .foot-bottom, .m-foot .copy { border-top-color: #24303C; }
.site-foot .foot-bottom { border-top: 1px solid #24303C; }
.m-foot .btn-ghost { border-color: #37485A; color: #E6EAEF; }
.m-foot .btn-ghost:active { background: #1B2733; }

/* ==========================================================================
   手机版
   ========================================================================== */
body:has(.phone-shell) { background: #E8EDF2; }
.preview-note { background: #E8EDF2; color: #6B7A8C; }
.phone-shell { background: #FFFFFF; }

.m-head {
    background: rgba(255, 255, 255, .95);
    border-bottom-color: var(--line-soft);
}
.icon-btn { border-color: var(--line); color: var(--text-1); }
.icon-btn:active { background: var(--ink-700); }
.menu-btn i { background: var(--text-1); }
.m-drawer { background: #FFFFFF; border-bottom-color: var(--line); }
.m-drawer a { color: var(--text-2); border-bottom-color: var(--line-soft); }
.m-drawer li.active a { color: var(--text-1); }

.m-hero .m-shade {
    background: linear-gradient(180deg, rgba(255,255,255,.93), rgba(255,255,255,.74) 55%, rgba(255,255,255,.98));
}
.m-hero .tag { color: var(--heat-600); }

.stat, .hs-card, .panel, .cta-card, .tile, .spec-card,
.crumb, .chip, .m-foot { border-color: var(--line-soft); }
.cta-card { border-top-color: var(--heat-500); }
.honor-card { border-color: var(--line-soft); }

.warn { background: rgba(217, 83, 30, .055); border-color: rgba(217, 83, 30, .28); }
.chip.on { border-color: var(--heat-500); }
.search input { background: #FFFFFF; color: var(--text-1); }
.count-bar { border-top-color: var(--line-soft); }
.count-bar button { border-color: var(--line); color: var(--text-2); }
.msg-entry { border-color: var(--steel-600); border-left-color: var(--heat-500); color: var(--text-1); }
.msg-entry strong { color: var(--text-1); }
.msg-entry .go { color: var(--heat-600); }
.about-photo { border-color: var(--line-soft); }
.about-photo .cap { border-top-color: var(--line-soft); }
.partner-card { border-color: var(--line-soft); }

/* 留言抽屉：遮罩保持深色，表单本体白 */
.sheet .mask { background: rgba(16, 24, 32, .62); }
.sheet .card { background: #FFFFFF; }
.field input, .field textarea {
    background: #FFFFFF; color: var(--text-1); border-color: var(--line);
}
.field input:focus, .field textarea:focus { border-color: var(--heat-500); }
.sheet .x { border-color: var(--line); color: var(--text-2); }
.sheet .card h3 { color: var(--text-1); }

/* ---------- v3.1 微调 ---------- */
/* logo：透明 PNG，白底上不再有衬块与边框 */
.brand-logoimg, .bm-logo {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* 深色页脚中的 logo 同样透明融入（使用反白版 logo-white.png，无白底无边框） */
.site-foot .brand-logoimg {
    background: transparent !important;
    padding: 0;
}
/* 荣誉证书：证书照片本身白底，白底页面直接融合，去衬块与边框 */
.honor-item .himg, .honor-card .himg {
    background: transparent !important;
    border: none !important;
}
.wx-cell img, .wx-row img {
    background: #FFFFFF;
    border: none !important;
}
/* Hero 视频：降低蒙层不透明度，画面看得清 */
.hero-shade {
    background-image:
        linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.34) 50%, rgba(255,255,255,.86) 90%, #FFFFFF),
        linear-gradient(90deg, rgba(255,255,255,.5), rgba(255,255,255,.04) 58%);
}
.hero-shade::after { opacity: .38; }
.m-hero .m-shade {
    background: linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,.44) 52%, rgba(255,255,255,.94));
}
/* 视频画面变清晰后，给标题加浅色描边保证可读 */
.hero h1, .hero .hero-tag, .m-hero h1, .m-hero .tag {
    text-shadow: 0 1px 0 rgba(255,255,255,.65), 0 0 18px rgba(255,255,255,.55);
}