/* =========================================================
   MIINOO · 浅色主题（Light / Warm Paper）
   配色：暖白底 + 墨黑字 + 品牌橙强调 + 深墨代码面板
   ---------------------------------------------------------
   作用域：本文件仅由 index.html 在 main.css 之后引入。
   main.css 不做任何修改，其他页面不受影响。
   将来要推广到全站：在目标页面的 main.css 之后加一行
   <link rel="stylesheet" href="/css/theme-light.css"> 即可。
   ========================================================= */

/* ---------- 1. 设计令牌（覆盖深色默认） ---------- */
:root{
  /* 背景层次：暖白纸感 */
  --bg-0:#FCFAF7;          /* 页面最底 */
  --bg-1:#F3EFE9;          /* 区块底 */
  --bg-2:#FFFFFF;          /* 卡片底 */
  --bg-3:#F8F5F1;          /* 内嵌块 / hover */
  --bg-invert:#201C19;     /* 反差深块 */

  /* 品牌橙保持原值（图形 / 填充），文字另用加深版保证对比度 */
  --c-1-ink:#B23D15;       /* 浅底上的橙色文字：白 5.88 / 暖白 5.64 / 浅灰 5.13，原 #C2471D 在浅灰底仅 4.35 */
  --c-ai-ink:#B6531A;

  --grad-text:linear-gradient(96deg,#1E1A17 0%,#D9541F 48%,#F26A37 100%);
  --grad-brand-soft:linear-gradient(120deg,rgba(242,106,55,.13) 0%,rgba(224,69,31,.09) 52%,rgba(255,154,60,.08) 100%);
  --grad-ai-soft:linear-gradient(120deg,rgba(242,106,55,.12) 0%,rgba(255,154,60,.10) 100%);

  /* 语义 / 线条 */
  --c-ok:#C2471D;
  --c-line:rgba(32,28,25,.11);
  --c-line-strong:rgba(32,28,25,.20);

  /* 文本 */
  --t-1:#1E1A17;
  --t-2:#4C4540;
  --t-3:#6E6660;
  --t-4:#756B63;   /* 实测对浅暖灰 4.54:1，原 #948A82 仅 2.95:1 */
  --t-inv-1:#FCFAF7;
  --t-inv-2:#CFC5BC;

  /* 阴影：浅底用灰色柔和投影，不用黑 */
  --sh-card:0 1px 2px rgba(32,28,25,.04), 0 12px 30px -18px rgba(32,28,25,.22);
  --sh-lift:0 1px 2px rgba(32,28,25,.05), 0 24px 48px -22px rgba(32,28,25,.26);
  --glow-cyan:0 0 0 1px rgba(242,106,55,.30), 0 16px 34px -16px rgba(242,106,55,.38);
}

body{background:var(--bg-0);color:var(--t-2)}
::selection{background:rgba(242,106,55,.24);color:#1E1A17}
::-webkit-scrollbar-thumb{background:#D3CBC2;border:2px solid var(--bg-0)}
::-webkit-scrollbar-thumb:hover{background:#BFB4AA}

/* ---------- 2. 区块 / 纹理 ---------- */
.section--alt{background:var(--bg-1)}
.section--invert{background:var(--bg-invert);color:var(--t-inv-2)}
.section--invert .sec-title,.section--invert h3{color:var(--t-inv-1)}
.section--alt::before{
  background:linear-gradient(90deg,transparent,rgba(194,71,29,.28),transparent)}
.grid-bg::before{
  background-image:linear-gradient(rgba(32,28,25,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(32,28,25,.045) 1px,transparent 1px)}
.glow{opacity:.26}
.glow--cyan{background:radial-gradient(circle,rgba(242,106,55,.42),transparent 68%)}
.glow--indigo{background:radial-gradient(circle,rgba(224,69,31,.36),transparent 68%)}
.glow--purple{background:radial-gradient(circle,rgba(255,154,60,.38),transparent 68%)}

/* ---------- 3. 排版 ---------- */
.eyebrow{color:var(--c-1-ink);font-weight:600}
.eyebrow--plain{color:var(--t-3)}
/* 渐变文字只靠 --grad-text 变量换色。
   切勿在此用 background 简写重写 .grad-text —— 简写会把
   background-clip:text 重置成 border-box，导致透明文字变成实色块。 */

/* ---------- 4. 按钮 / 链接 ---------- */
.btn--primary{box-shadow:0 12px 28px -14px rgba(194,71,29,.55)}
.btn--primary:hover{box-shadow:var(--glow-cyan)}
.btn--ghost{border-color:rgba(32,28,25,.28);color:var(--t-1);background:#FFFFFF}
.btn--ghost:hover{border-color:rgba(194,71,29,.55);color:var(--c-1-ink);
  background:rgba(242,106,55,.07)}
.arrow-link{color:var(--c-1-ink)}
.arrow-link.btn-detail{
  color:var(--c-1-ink);background:rgba(242,106,55,.09);
  border:1px solid rgba(194,71,29,.36);
  box-shadow:0 8px 20px -16px rgba(194,71,29,.7)}
.arrow-link.btn-detail:hover{color:#200A03;background:var(--grad-brand)}
.arrow-link.btn-detail:focus-visible{outline-color:var(--c-1-ink)}
.faq__q .sign::before,.faq__q .sign::after{background:var(--c-1-ink)}

/* ---------- 5. 导航 ---------- */
.nav{background:rgba(252,250,247,.86);border-bottom-color:var(--c-line)}
.nav.is-scrolled{background:rgba(252,250,247,.95);border-bottom-color:var(--c-line);
  box-shadow:0 8px 28px -20px rgba(32,28,25,.42)}
.nav__link:hover,.nav__link.is-active{color:var(--t-1);background:rgba(242,106,55,.08)}
.nav__drop a:hover{background:rgba(242,106,55,.09)}
.nav__drop a:hover b{color:var(--c-1-ink)}
.nav__toggle{border-color:var(--c-line-strong);background:#FFFFFF}
.nav__toggle span{background:var(--t-1)}
.nav__drop{
  background:#FFFFFF;border:1px solid var(--c-line-strong);
  box-shadow:0 24px 52px -24px rgba(32,28,25,.28),0 0 0 1px rgba(32,28,25,.02) inset}
.nav.is-scrolled{box-shadow:0 8px 24px -18px rgba(32,28,25,.36)}

/* ---------- 6. 首屏 ---------- */
.hero__badge{border-color:var(--c-line-strong);background:#FFFFFF;
  box-shadow:0 6px 20px -14px rgba(32,28,25,.35)}
.chip{border-color:var(--c-line);background:#FFFFFF;color:var(--t-3)}
.chip--v i{background:var(--c-ai)}

/* 代码面板：全页唯一深墨块，作为视觉锚点（终端语义） */
.panel{border-color:rgba(255,255,255,.10);
  background:linear-gradient(160deg,#262C35,#171B22);
  box-shadow:0 28px 56px -26px rgba(32,28,25,.42)}
.panel__bar{border-bottom-color:rgba(255,255,255,.09);background:rgba(255,255,255,.03)}
.panel__dots i{background:#59606B}
.panel__dots i:first-child{background:#6C7480}
.panel__title{color:#9AA3AE}
.panel__body{color:#C3CAD4}
.panel__foot{border-top-color:rgba(255,255,255,.09)}
.panel__foot div{border-right-color:rgba(255,255,255,.09)}
.panel__foot b{color:#F6F3EF}
.panel__foot span{color:#9AA3AE}
.panel__cursor{background:#C3CAD4}

/* ---------- 7. 数据指标 ---------- */
.stats{background:var(--c-line);border-color:var(--c-line)}
.stat{background:#FFFFFF}
.stat:hover{background:var(--bg-3)}
.stat__num .u{color:var(--c-1-ink)}

/* ---------- 8. 卡片 / 服务 ---------- */
.card,.svc{background:#FFFFFF;border-color:var(--c-line);box-shadow:var(--sh-card)}
.card::after{background:radial-gradient(600px circle at var(--mx,50%) var(--my,0%),rgba(242,106,55,.10),transparent 42%)}
.card:hover,.svc:hover{border-color:rgba(194,71,29,.34);box-shadow:var(--sh-lift)}
.svc__icon{background:var(--grad-brand-soft);border-color:rgba(194,71,29,.22)}
.svc__icon svg{stroke:var(--c-1-ink)}
.tag{color:var(--t-3);background:rgba(32,28,25,.035);border-color:var(--c-line)}
.tag--ai{color:var(--c-ai-ink);border-color:rgba(194,71,29,.22);background:rgba(242,106,55,.075)}
.svc.is-feature{
  grid-column:span 2;
  background:radial-gradient(120% 140% at 0% 0%,rgba(242,106,55,.13),transparent 55%),#FFFFFF;
  border-color:rgba(194,71,29,.30)}
.svc.is-feature .svc__icon{background:rgba(242,106,55,.13);border-color:rgba(194,71,29,.28)}
.svc.is-feature .svc__icon svg{stroke:var(--c-1-ink)}
.svc__flag{color:var(--c-1-ink);background:rgba(242,106,55,.10);
  border-color:rgba(194,71,29,.26)}

/* ---------- 9. AI 能力专区 ---------- */
.ai-zone{border-color:rgba(194,71,29,.24);
  background:linear-gradient(150deg,#FFF4EA 0%,#FFFFFF 68%);
  box-shadow:var(--sh-card)}
.ai-zone__bg{opacity:.30}
.ai-cap__item{border-color:var(--c-line);background:#FFFFFF;box-shadow:0 4px 16px -12px rgba(32,28,25,.28)}
.ai-cap__item:hover{border-color:rgba(194,71,29,.40);background:#FFF9F4}
.ai-cap__item .ic{background:rgba(242,106,55,.11);border-color:rgba(194,71,29,.22)}
.ai-cap__item .ic svg{stroke:var(--c-1-ink)}
.chat{border-color:var(--c-line);background:#FFFFFF;box-shadow:var(--sh-card)}
.chat__msg{border-bottom-color:var(--c-line)}
.chat__av--u{background:#E8E2DA;color:var(--t-2)}
.chat__n{color:var(--t-4)}
.chat__t code{color:var(--c-1-ink);background:rgba(242,106,55,.08);
  border-color:rgba(194,71,29,.18)}

/* ---------- 10. 技术栈 ---------- */
.stack span,.marquee__track span{color:var(--t-2);border-color:var(--c-line);background:#FFFFFF}
.stack span:hover{border-color:rgba(194,71,29,.45);color:var(--c-1-ink);
  background:rgba(242,106,55,.06)}
.stack-col{border-color:var(--c-line);background:#FFFFFF;box-shadow:var(--sh-card)}
.stack-col h4{color:var(--c-1-ink)}
.stack-col ul li{border-bottom-color:rgba(32,28,25,.09)}

/* ---------- 11. 流程 ---------- */
.flow__no{box-shadow:0 0 0 6px var(--bg-1)}
.flow__dur{color:var(--c-1-ink)}
.flow__step:not(:last-child)::after{
  background:linear-gradient(90deg,rgba(194,71,29,.42),rgba(194,71,29,.10))}

/* ---------- 12. 案例卡 ---------- */
.case{background:#FFFFFF;border-color:var(--c-line);box-shadow:var(--sh-card)}
.case:hover{border-color:rgba(194,71,29,.32);box-shadow:var(--sh-lift)}
.case__thumb{background:#EDE8E1}
.case__cat{background:rgba(255,255,255,.92);color:var(--c-1-ink);
  border-color:rgba(194,71,29,.24)}
.case-filter button{color:var(--t-2);border-color:var(--c-line);background:#FFFFFF}
.case-filter button:hover{border-color:rgba(194,71,29,.45);color:var(--c-1-ink);
  background:rgba(242,106,55,.06)}
.case-filter button.is-on{border-color:var(--c-1);background:rgba(242,106,55,.12);
  color:var(--c-1-ink);font-weight:700}
.case__stack span{color:var(--t-3);background:rgba(32,28,25,.045)}

/* ---------- 13. 关于 / 通用列表 ---------- */
.value-list li,.cert,.mini-card,.contact-item,.legal__block{
  border-color:var(--c-line);background:#FFFFFF;box-shadow:0 3px 14px -12px rgba(32,28,25,.26)}
.cert:hover,.mini-card:hover,.contact-item:hover{border-color:rgba(194,71,29,.32);
  background:#FFFCF9}
.value-list .ic,.contact-item .ic{background:var(--grad-brand-soft);
  border-color:rgba(194,71,29,.22)}
.value-list .ic svg,.contact-item .ic svg,.cert .ic svg{stroke:var(--c-1-ink)}
.cert .ic{background:rgba(242,106,55,.10);border-color:rgba(194,71,29,.22)}
.checklist .ck svg{stroke:var(--c-1-ink)}
.tl-item::before{background:var(--bg-0)}
.member{border-color:var(--c-line);background:#FFFFFF;box-shadow:var(--sh-card)}
.member .role{color:var(--c-1-ink)}
.dir-card,.why-card{border-color:var(--c-line);background:#FFFFFF}
.dir-card:hover,.why-card:hover{border-color:rgba(194,71,29,.36);background:#FFFCF9}
.dir-card__hd .ic svg,.cmp-em,.why-card__gap b,.dir-sec p b{color:var(--c-1-ink)}

/* ---------- 14. 表格 / 表单 ---------- */
.compare{border-color:var(--c-line)}
table.cmp th,table.cmp td{border-bottom-color:var(--c-line)}
table.cmp thead th{background:rgba(32,28,25,.035)}
table.cmp thead th:last-child{color:var(--c-1-ink)}
table.cmp tbody tr:hover{background:rgba(242,106,55,.045)}
.field input,.field textarea,.field select{
  border-color:var(--c-line-strong);background:#FFFFFF;color:var(--t-1)}
.field input:focus,.field textarea:focus,.field select:focus{
  border-color:rgba(194,71,29,.6);background:#FFFBF7;box-shadow:0 0 0 3px rgba(242,106,55,.12)}
.field input::placeholder,.field textarea::placeholder{color:var(--t-4)}
.field select option{background:#FFFFFF;color:var(--t-1)}
.form__ok{background:rgba(242,106,55,.09);border-color:rgba(194,71,29,.28);color:var(--c-1-ink)}
.form__ok[data-state="err"]{background:rgba(194,71,29,.10);
  border-color:rgba(194,71,29,.32);color:#9E3216}

/* ---------- 15. CTA / FAQ / 页脚 ---------- */
.cta-band{border-color:rgba(194,71,29,.26);
  background:radial-gradient(120% 150% at 10% 0%,rgba(242,106,55,.14),transparent 58%),
             radial-gradient(100% 130% at 95% 100%,rgba(255,154,60,.13),transparent 55%),
             #FFFFFF;
  box-shadow:var(--sh-card)}
.faq__q:hover{color:var(--c-1-ink)}
.footer{background:var(--bg-1);border-top-color:var(--c-line)}
.footer__bottom{border-top-color:var(--c-line)}
.footer li a:hover,.footer__legal a:hover,.crumb a:hover{color:var(--c-1-ink)}
.to-top{background:#FFFFFF;border-color:var(--c-line-strong);color:var(--t-2)}
.to-top:hover{border-color:rgba(194,71,29,.55);color:var(--c-1-ink)}
.scene-row__label{color:var(--c-1-ink)}
.scene-chip{border-color:var(--c-line);background:#FFFFFF}
.scene-chip:hover{border-color:rgba(194,71,29,.5);color:var(--c-1-ink);
  background:rgba(242,106,55,.06)}
.legal__note{color:var(--t-2)}

/* ---------- 16. 客户 LOGO 墙（白底图需细分隔线） ---------- */
.client-wall{background:var(--c-line);border-color:var(--c-line)}
.client-wall img{background:#FFFFFF;opacity:.94}
.logo-wall{background:var(--c-line);border-color:var(--c-line)}
.logo-wall div{background:#FFFFFF}
.logo-wall span{color:#8C837B}
.logo-wall div:hover span{color:var(--c-1-ink)}

/* ---------- 17. 移动端 ---------- */
@media(max-width:760px){
  .nav__menu{background:#FCFAF7;border-bottom-color:var(--c-line)}
  .nav__drop a{border-left-color:var(--c-line)}
  .nav__drop a b{color:var(--t-2)}
  .panel__foot div{border-bottom-color:rgba(255,255,255,.09)}
}

/* ---------- 19. 全站推广补丁：小字橙 / 焦点跳转链接 ----------
   main.css 里这些选择器用 --c-1(#F26A37) 做 13px 小字，在浅底上只有 2.92–3.05:1；
   统一改用小字专用 --c-1-ink。skip-link 原为亮橙底白字(3.05)，改深棕字(6.23)。 */
.mini-card .n,.dir-sec__lb,.why-card__no,.tl-item .y,.member .role{color:var(--c-1-ink)}
.skip-link{background:var(--c-1);color:#200A03}
.skip-link:focus{outline-color:var(--c-1-dk)}