/* ==========================================================================
   安卓修改大师官网 · 暖白科技主题
   --------------------------------------------------------------------------
   在 style.css 之后加载：暖白纸感底、琥珀橙主色、珊瑚与玫红点缀，
   保留原来的发光、网格、粒子与滚动动效，只替换配色、材质和明暗关系。
   ========================================================================== */

:root {
  /* 底色：暖白纸面 */
  --bg-0: #fff9f2;
  --bg-1: #fff4e7;
  --bg-2: #fdebd9;

  /* 面板 */
  --panel: rgba(255, 255, 255, 0.76);
  --panel-solid: #fffdf9;
  --panel-hi: rgba(255, 247, 238, 0.94);

  /* 描边 */
  --line: rgba(168, 100, 52, 0.16);
  --line-2: rgba(196, 111, 45, 0.30);
  --line-3: rgba(196, 111, 45, 0.46);

  /* 文本 */
  --txt: #2b1a12;
  --txt-2: #5d4535;
  --txt-3: #7a5f4d;
  --txt-4: #94745e;

  /* 智能修改：琥珀橙 → 珊瑚红 */
  --ai-1: #c2410c;
  --ai-2: #f59e0b;
  --ai-3: #be123c;
  --ai-4: #fb7185;
  --ai-glow: rgba(194, 65, 12, 0.20);

  /* 经典修改：深琥珀 → 砖红 */
  --mn-1: #b45309;
  --mn-2: #d97706;
  --mn-3: #9f1239;
  --mn-glow: rgba(180, 83, 9, 0.20);

  /* 语义 */
  --ok: #0f8a63;
  --warn: #b45309;

  /* 本主题额外令牌 */
  --warm-white: #fffdf9;
  --warm-cream: #fff4e8;
  --warm-peach: #ffe8d2;
  --warm-shadow: 0 24px 60px -40px rgba(120, 60, 20, 0.28);
  --warm-shadow-sm: 0 14px 34px -26px rgba(120, 60, 20, 0.30);
}

body {
  color: var(--txt);
  background:
    radial-gradient(ellipse 70% 55% at 8% -6%, rgba(245, 158, 11, 0.13), transparent 62%),
    radial-gradient(ellipse 55% 48% at 94% 4%, rgba(251, 113, 133, 0.10), transparent 60%),
    var(--bg-0);
}

::selection { background: rgba(228, 97, 28, 0.22); color: var(--txt); }

::-webkit-scrollbar-track { background: #fff7ed; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #e7c9ab, #d9b18c);
  border-color: #fff7ed;
}
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #d6a97f, #c99062); }

/* ---------- 背景层：暖色网格 / 光晕 / 微尘 ---------- */
#stars { opacity: 0.48; }

.bg-grid {
  background-image:
    linear-gradient(rgba(196, 111, 45, 0.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196, 111, 45, 0.075) 1px, transparent 1px);
  mask-image: radial-gradient(ellipse 80% 62% at 50% 12%, #000 12%, transparent 76%);
  -webkit-mask-image: radial-gradient(ellipse 80% 62% at 50% 12%, #000 12%, transparent 76%);
}

.aurora span { opacity: 0.28; filter: blur(110px); }
.aurora span:nth-child(1) {
  background: radial-gradient(circle, rgba(245, 158, 11, 0.56), transparent 68%);
}
.aurora span:nth-child(2) {
  background: radial-gradient(circle, rgba(251, 113, 133, 0.42), transparent 68%);
}
.aurora span:nth-child(3) {
  background: radial-gradient(circle, rgba(228, 97, 28, 0.28), transparent 68%);
}

.noise { opacity: 0.022; mix-blend-mode: multiply; }

.scroll-progress {
  background: linear-gradient(90deg, var(--ai-1), var(--ai-2), var(--ai-3), var(--ai-4));
  box-shadow: 0 0 16px rgba(228, 97, 28, 0.38);
}

.eyebrow { color: var(--ai-1); }
.eyebrow::before { background: linear-gradient(90deg, transparent, var(--ai-1)); }

.grad-android {
  background: linear-gradient(100deg, #0f766e 0%, #0d9488 45%, #b45309 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ---------- 导航 ---------- */
.nav.is-stuck {
  background: rgba(255, 250, 244, 0.86);
  border-bottom-color: var(--line);
  box-shadow: 0 12px 32px -28px rgba(120, 60, 20, 0.45);
}

.brand__mark {
  background: linear-gradient(145deg, #fffdf9, #ffe9d2);
  border-color: rgba(228, 97, 28, 0.26);
  box-shadow: 0 12px 28px -18px rgba(228, 97, 28, 0.55), inset 0 0 14px rgba(245, 158, 11, 0.10);
}
.brand__mark svg { stroke: var(--ai-1); }
.brand__mark::after {
  background: conic-gradient(from 0deg, transparent 0 62%, rgba(245, 158, 11, 0.78) 74%, transparent 86%);
  opacity: 0.6;
}
.brand__name { color: var(--txt); }
.brand__tag { color: var(--txt-3); }

.nav__link { color: var(--txt-2); }
.nav__link:hover { color: var(--txt); background: rgba(228, 97, 28, 0.08); }
.nav__link.is-active { color: var(--ai-1); }
.nav__link.is-active::after {
  background: linear-gradient(90deg, var(--ai-1), var(--ai-3));
  box-shadow: 0 0 10px rgba(228, 97, 28, 0.35);
}
.nav__link .ext { color: var(--txt-4); }

.nav__burger {
  background: rgba(255, 253, 249, 0.85);
  border-color: var(--line-2);
}
.nav__burger span,
.nav__burger span::before,
.nav__burger span::after { background: var(--txt); }

/* ---------- 按钮 ---------- */
.btn--ai {
  color: #fff;
  background: linear-gradient(105deg, #c2410c, #e4611c 48%, #be123c);
  box-shadow: 0 16px 34px -18px rgba(190, 18, 60, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}
.btn--ai:hover { box-shadow: 0 22px 44px -18px rgba(190, 18, 60, 0.42); }

.btn--mn {
  color: #fff;
  background: linear-gradient(105deg, #78350f, #b45309 55%, #9f1239);
  box-shadow: 0 16px 34px -18px rgba(120, 53, 15, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.btn--mn:hover { box-shadow: 0 22px 44px -18px rgba(120, 53, 15, 0.42); }

.btn--android {
  color: #fff;
  background: linear-gradient(105deg, #0f766e, #0d9488 55%, #0e7490);
  box-shadow: 0 16px 34px -18px rgba(13, 148, 136, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.btn--android:hover { box-shadow: 0 22px 44px -18px rgba(13, 148, 136, 0.36); }

.btn--ghost {
  color: var(--txt);
  border-color: var(--line-2);
  background: rgba(255, 253, 249, 0.72);
  box-shadow: var(--warm-shadow-sm);
}
.btn--ghost:hover { border-color: var(--line-3); background: #fff; }
.btn::after { background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.38) 50%, transparent 70%); }

/* ---------- Hero ---------- */
.hero {
  background:
    radial-gradient(ellipse 58% 56% at 14% 8%, rgba(245, 158, 11, 0.15), transparent 64%),
    radial-gradient(ellipse 44% 46% at 88% 18%, rgba(251, 113, 133, 0.10), transparent 62%);
}

.hero__badge {
  background: rgba(255, 253, 249, 0.76);
  border-color: var(--line-2);
  color: var(--txt-2);
  box-shadow: var(--warm-shadow-sm);
}
.hero__badge b { color: var(--txt); }

.hero__lead { color: var(--txt-2); }
.hero__lead + .hero__lead { margin-top: 12px; }
.hero__lead b { color: var(--txt); }
.hero__meta { color: var(--txt-3); }

.voice i { background: linear-gradient(180deg, var(--ai-1), var(--ai-3)); }

.viz__rings i { border-color: rgba(196, 111, 45, 0.18); }
.viz__rings i:nth-child(1) { border-color: rgba(228, 97, 28, 0.34); }

.viz__core {
  background: linear-gradient(160deg, rgba(255, 253, 249, 0.97), rgba(255, 244, 232, 0.94));
  border-color: rgba(196, 111, 45, 0.28);
  box-shadow: 0 34px 70px -36px rgba(120, 60, 20, 0.42), 0 0 50px -22px rgba(228, 97, 28, 0.25);
}
.viz__bar u { background: #ead8c6; }
.viz__bar b { color: var(--txt-3); }

.bubble--me {
  color: #fff;
  background: linear-gradient(105deg, #d1480d, #e4611c 60%, #df3f6d);
}
.bubble--ai {
  color: var(--txt-2);
  background: rgba(255, 246, 234, 0.92);
  border-color: var(--line);
}

.chip-float {
  color: var(--txt-2);
  background: rgba(255, 253, 249, 0.94);
  border-color: var(--line-2);
  box-shadow: 0 14px 30px -20px rgba(120, 60, 20, 0.36);
}
.chip-float.a { color: var(--ai-1); }
.chip-float.b { color: var(--ai-3); }
.chip-float.c { color: var(--ok); }

/* ---------- 版本卡 ---------- */
.ver {
  background: linear-gradient(165deg, rgba(255, 253, 249, 0.96), rgba(255, 245, 234, 0.92));
  border-color: var(--line);
  box-shadow: var(--warm-shadow)
}
.ver:hover {
  border-color: var(--line-2);
  box-shadow: 0 36px 72px -38px rgba(120, 60, 20, 0.42), 0 0 54px -30px var(--ver-glow, var(--ai-glow));
}
.ver::after { opacity: 0.10; }
.ver:hover::after { opacity: 0.20; }

.ver--android { --ver-a: #0d9488; --ver-b: #b45309; --ver-glow: rgba(13, 148, 136, 0.20); }

.ver__icon {
  background: #fff7ec;
  border-color: var(--line-2);
  box-shadow: inset 0 0 20px rgba(245, 158, 11, 0.08);
}
.ver--ai .ver__icon { box-shadow: 0 0 30px -14px var(--ai-glow), inset 0 0 20px rgba(228, 97, 28, 0.08); }
.ver--mn .ver__icon { box-shadow: 0 0 30px -14px var(--mn-glow), inset 0 0 20px rgba(180, 83, 9, 0.08); }
.ver--android .ver__icon {
  color: #0f766e;
  box-shadow: 0 0 30px -14px rgba(13, 148, 136, 0.28), inset 0 0 20px rgba(13, 148, 136, 0.08);
}

.ver__specs { background: rgba(255, 247, 236, 0.9); border-color: var(--line); }
.ver__specs dd { color: var(--txt); }

.flag--hot {
  color: #fff;
  background: linear-gradient(100deg, #c2410c, #df3f6d);
  box-shadow: 0 8px 22px -12px rgba(190, 18, 60, 0.4);
}
.flag--classic {
  color: #fff;
  background: linear-gradient(100deg, #92400e, #b91c1c);
}
.flag--new {
  color: #fff;
  background: linear-gradient(100deg, #0f766e, #0e7490);
}

.ver--ai .tick { color: var(--ai-1); background: rgba(228, 97, 28, 0.09); border-color: rgba(228, 97, 28, 0.26); }
.ver--mn .tick { color: var(--mn-1); background: rgba(180, 83, 9, 0.08); border-color: rgba(180, 83, 9, 0.24); }
.ver--android .tick { color: #0f766e; background: rgba(13, 148, 136, 0.08); border-color: rgba(13, 148, 136, 0.22); }

/* ---------- 差异条 / 对比表 ---------- */
.vs {
  background: rgba(255, 253, 249, 0.86);
  border-color: var(--line);
  box-shadow: var(--warm-shadow-sm);
}
.vs__mid { background: #fff; border-color: var(--line-2); color: var(--txt-3); }

.cmp-wrap {
  background: rgba(255, 253, 249, 0.9);
  border-color: var(--line);
  box-shadow: var(--warm-shadow);
}
table.cmp thead th { background: #fff4e8; border-bottom-color: var(--line-2); }
table.cmp thead th:nth-child(1) { color: var(--txt-3); }
table.cmp thead th:nth-child(2) { color: var(--ai-1); }
table.cmp thead th:nth-child(3) { color: var(--mn-1); }
table.cmp thead th:nth-child(4) { color: #0f766e; }
table.cmp tbody tr:hover { background: rgba(228, 97, 28, 0.045); }
table.cmp td:nth-child(2) { color: var(--txt); }
table.cmp td:nth-child(3),
table.cmp td:nth-child(4) { color: var(--txt-2); }
table.cmp td .k-an { color: #0f766e; }

/* ---------- 流程 ---------- */
.flow::before { background: linear-gradient(90deg, transparent, var(--line-2) 12%, var(--line-2) 88%, transparent); }
.step__num {
  color: var(--ai-1);
  background: linear-gradient(160deg, #fffdf9, #fff1e2);
  border-color: var(--line-2);
  box-shadow: 0 0 0 6px rgba(255, 249, 242, 0.95), 0 10px 26px -18px rgba(228, 97, 28, 0.45);
}
.step:hover .step__num {
  color: var(--txt);
  box-shadow: 0 0 0 6px rgba(255, 249, 242, 0.95), 0 16px 34px -16px rgba(228, 97, 28, 0.4);
}

/* ---------- 功能 / 话术 / 统计 ---------- */
.feat {
  background: rgba(255, 253, 249, 0.9);
  border-color: var(--line);
  box-shadow: var(--warm-shadow-sm);
}
.feat:hover { background: #fff; border-color: var(--line-2); }
.feat__ico {
  color: var(--ai-1);
  background: rgba(245, 158, 11, 0.09);
  border-color: rgba(228, 97, 28, 0.22);
}
.feat--mn .feat__ico {
  color: var(--mn-1);
  background: rgba(180, 83, 9, 0.07);
  border-color: rgba(180, 83, 9, 0.22);
}
.feat__tag { color: var(--txt-4); }

.cat {
  background: linear-gradient(160deg, rgba(255, 253, 249, 0.97), rgba(255, 244, 232, 0.9));
  border-color: var(--line);
  box-shadow: var(--warm-shadow-sm);
}
.cat__count { background: rgba(255, 247, 236, 0.95); border-color: var(--line); }
.cat__bar { background: rgba(196, 111, 45, 0.13); }
.cat__bar i { background: linear-gradient(90deg, var(--ai-1), var(--ai-3)); }

.stats { background: var(--line); border-color: var(--line); box-shadow: var(--warm-shadow-sm); }
.stat { background: rgba(255, 253, 249, 0.95); }
.stat:hover { background: #fff7ed; }

/* ---------- FAQ ---------- */
.qa {
  background: rgba(255, 253, 249, 0.92);
  border-color: var(--line);
  box-shadow: var(--warm-shadow-sm);
}
.qa:hover { border-color: var(--line-2); }
.qa.is-open { background: #fff8ef; border-color: var(--line-2); }
.qa__q i {
  color: var(--ai-1);
  background: rgba(245, 158, 11, 0.10);
  border-color: rgba(228, 97, 28, 0.24);
}
.qa__a > div { color: var(--txt-2); }
.qa__a b { color: var(--txt); }

/* ---------- CTA ---------- */
.cta {
  background:
    radial-gradient(ellipse 70% 130% at 50% 0%, rgba(245, 158, 11, 0.20), transparent 70%),
    linear-gradient(170deg, rgba(255, 253, 249, 0.98), rgba(255, 239, 221, 0.95));
  border-color: var(--line-2);
  box-shadow: var(--warm-shadow);
}
.cta::before {
  background-image:
    linear-gradient(rgba(196, 111, 45, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196, 111, 45, 0.08) 1px, transparent 1px);
}
.cta p { color: var(--txt-2); }
.cta__fine { color: var(--txt-3); }

/* ---------- 页脚 ---------- */
.foot {
  background:
    radial-gradient(ellipse 60% 80% at 12% 0%, rgba(245, 158, 11, 0.08), transparent 65%),
    linear-gradient(180deg, #fff8ef, #fdebd9);
  border-top-color: var(--line);
}
.foot h4 { color: var(--txt); }
.foot p, .foot li { color: var(--txt-3); }
.foot a { color: var(--txt-2); }
.foot a:hover { color: var(--ai-1); }
.foot__contact div { color: var(--txt-3); }
.foot__contact b { color: var(--txt-2); }
.foot__links a::before { background: #c9ab92; }
.foot__links a:hover::before { background: var(--ai-1); box-shadow: 0 0 9px rgba(228, 97, 28, 0.35); }
.foot h4::before { background: linear-gradient(180deg, var(--ai-1), var(--ai-3)); }
.foot__grid { border-bottom-color: var(--line); }
.foot__legal { color: var(--txt-3); }
.foot__legal .sep { color: var(--txt-4); }
.foot__disc {
  background: rgba(255, 247, 233, 0.9);
  border-color: rgba(196, 111, 45, 0.2);
  color: var(--txt-2);
}
.foot__disc strong { color: var(--warn); }
.foot__bottom { color: var(--txt-4); border-top-color: var(--line); }

/* ---------- 文档页 ---------- */
.doc-hero {
  border-bottom-color: var(--line);
  background:
    radial-gradient(ellipse 58% 100% at 16% 0%, rgba(245, 158, 11, 0.13), transparent 70%),
    radial-gradient(ellipse 44% 80% at 90% 10%, rgba(251, 113, 133, 0.07), transparent 68%);
}
.doc-hero::before { background: radial-gradient(ellipse 60% 100% at 20% 0%, var(--doc-glow, rgba(228, 97, 28, 0.16)), transparent 70%); }
.crumb { color: var(--txt-3); }
.crumb a:hover { color: var(--ai-1); }
.crumb span { color: var(--txt-4); }
.doc-hero__lead { color: var(--txt-2); }

.tag {
  color: var(--txt-2);
  border-color: var(--line-2);
  background: rgba(255, 253, 249, 0.8);
  box-shadow: 0 8px 20px -18px rgba(120, 60, 20, 0.3);
}
.doc-hero__bar { background: var(--line); border-color: var(--line); }
.doc-hero__bar div { background: rgba(255, 253, 249, 0.96); }
.doc-hero__bar dt { color: var(--txt-4); }
.doc-hero__bar dd { color: var(--txt); }

.prose h3 { color: var(--txt); }
.prose p { color: var(--txt-2); }
.prose p b, .prose li b, .prose strong { color: var(--txt); }
.prose ul li, .prose ol li { color: var(--txt-2); }
.prose blockquote {
  background: rgba(255, 247, 236, 0.9);
  color: var(--txt-2);
}
.prose .hl {
  color: var(--txt);
  background: linear-gradient(180deg, transparent 62%, rgba(245, 158, 11, 0.28) 62%);
}
.prose .hl-mn {
  color: var(--txt);
  background: linear-gradient(180deg, transparent 62%, rgba(180, 83, 9, 0.24) 62%);
}

.card-sm {
  background: rgba(255, 253, 249, 0.94);
  border-color: var(--line);
  box-shadow: var(--warm-shadow-sm);
}
.card-sm:hover { border-color: var(--line-2); }
.card-sm h4 em {
  color: var(--doc-accent, var(--ai-1));
  background: rgba(245, 158, 11, 0.09);
  border-color: rgba(228, 97, 28, 0.22);
}
.card-sm p { color: var(--txt-3); }

.tbl-wrap {
  background: rgba(255, 253, 249, 0.94);
  border-color: var(--line);
  box-shadow: var(--warm-shadow-sm);
}
table.tbl thead th { background: #fff4e8; border-bottom-color: var(--line); }
table.tbl tbody tr:hover { background: rgba(228, 97, 28, 0.045); }
table.tbl td:first-child { color: var(--txt); }
table.tbl td { color: var(--txt-2); }
table.tbl code {
  color: var(--ai-1);
  background: rgba(245, 158, 11, 0.08);
  border-color: var(--line);
}

.side__box {
  background: rgba(255, 253, 249, 0.9);
  border-color: var(--line);
  box-shadow: var(--warm-shadow-sm);
}
.side__box h5 { color: var(--txt-4); }
.toc a { color: var(--txt-3); }
.toc a:hover { color: var(--txt); background: rgba(228, 97, 28, 0.06); }
.toc a.is-active {
  color: var(--txt);
  background: rgba(245, 158, 11, 0.10);
  border-left-color: var(--doc-accent, var(--ai-1));
}
.side__note { color: var(--txt-4); }

.callout {
  background:
    radial-gradient(ellipse 80% 130% at 0% 0%, var(--doc-glow, rgba(228, 97, 28, 0.12)), transparent 68%),
    rgba(255, 253, 249, 0.94);
  border-color: var(--line-2);
  box-shadow: var(--warm-shadow-sm);
}
.callout p { color: var(--txt-2); }

.slogan-band {
  background: linear-gradient(165deg, rgba(255, 253, 249, 0.98), rgba(255, 239, 222, 0.96));
  border-color: var(--line-2);
  box-shadow: var(--warm-shadow);
}
.slogan-band small { color: var(--txt-3); }

/* ---------- 列表页 ---------- */
.list-hero { --doc-glow: rgba(228, 97, 28, 0.14); }
.chip {
  color: var(--txt-2);
  border-color: var(--line-2);
  background: rgba(255, 253, 249, 0.82);
}
.chip--ghost { border-color: var(--line); color: var(--txt-3); }

.al__card {
  background: linear-gradient(160deg, rgba(255, 253, 249, 0.98), rgba(255, 245, 233, 0.92));
  border-color: var(--line);
  box-shadow: var(--warm-shadow-sm);
}
.al__card:hover {
  border-color: var(--line-2);
  box-shadow: 0 26px 50px -36px rgba(120, 60, 20, 0.34), 0 0 40px -28px var(--ai-glow);
}
.al__idx { background: rgba(255, 247, 236, 0.92); border-color: var(--line); color: var(--txt-4); }
.al__title { color: var(--txt); }
.al__card:hover .al__title { color: var(--ai-1); }
.al__intro, .al__meta { color: var(--txt-3); }
.al__act {
  color: var(--txt-3);
  border-color: var(--line);
  background: rgba(255, 253, 249, 0.9);
}
.al__act:hover { color: var(--ai-1); border-color: var(--line-2); background: rgba(245, 158, 11, 0.08); }
.al__act[disabled], .al__act.is-on {
  color: var(--ai-1);
  border-color: rgba(228, 97, 28, 0.3);
  background: rgba(245, 158, 11, 0.08);
}
.al__go {
  color: var(--ai-1);
  border-color: rgba(228, 97, 28, 0.28);
  background: rgba(245, 158, 11, 0.07);
}
.al__go:hover { color: #fff; background: linear-gradient(100deg, var(--ai-1), var(--ai-3)); }

.empty {
  background: rgba(255, 253, 249, 0.86);
  border-color: var(--line-2);
  color: var(--txt-3);
}

.pager ul > li > a,
.pager ul > li > span,
.pager .is-current {
  color: var(--txt-2);
  border-color: var(--line);
  background: rgba(255, 253, 249, 0.9);
}
.pager ul > li > a:hover {
  color: var(--ai-1);
  border-color: var(--line-3);
  background: #fff7ed;
}
.pager .is-current {
  color: #fff;
  background: linear-gradient(100deg, var(--ai-1), var(--ai-2));
  box-shadow: 0 10px 26px -14px rgba(228, 97, 28, 0.4);
}
.list-more .tag:hover { color: var(--txt); border-color: var(--line-3); background: #fff7ed; }

/* ---------- 详情页 / 文章正文 ---------- */
.art-hero { --doc-glow: rgba(228, 97, 28, 0.14); }
.art-meta { color: var(--txt-3); }
.art-meta__i a { color: var(--txt-2); }
.art-meta__i a:hover { color: var(--ai-1); }
.art-rule {
  background: linear-gradient(90deg, var(--ai-1), var(--ai-3));
  box-shadow: 0 0 18px -6px rgba(228, 97, 28, 0.35);
}

.art-doc.art-band {
  background: linear-gradient(180deg,
    rgba(255, 253, 249, 0) 0,
    #fffdf9 160px,
    #fffdf9 calc(100% - 180px),
    rgba(255, 253, 249, 0) 100%);
}
.art-band .prose {
  --doc-accent: #c2410c;
  --doc-accent2: #f59e0b;
}
.art-band .prose h2 { color: #2b1a12; }
.art-band .prose h3 { color: #3b2418; }
.art-band .prose h4 { color: #4a2f1e; }
.art-band .prose p,
.art-band .prose li { color: #5d4535; }
.art-band .prose p b,
.art-band .prose li b,
.art-band .prose strong { color: #2b1a12; }
.art-band .prose a { color: #c2410c; }
.art-band .prose a:hover { color: #9a3412; }
.art-band .prose blockquote {
  background: #fff3e4;
  border-left-color: #c2410c;
  color: #5d4535;
}
.art-band .prose .hl {
  color: #2b1a12;
  background: linear-gradient(180deg, transparent 62%, rgba(245, 158, 11, 0.28) 62%);
}
.art-band .article-body hr { border-top-color: #ead8c6; }
.art-band .article-body table td,
.art-band .article-body table th { border-color: #ead8c6; }
.art-band .article-body img { border-color: #ead8c6; }
.art-band .article-body code {
  color: #b45309;
  background: #fff2e2;
  border-color: #f0dcc8;
}
.art-band .article-body pre,
.art-band .article-body .code-block,
.art-band .article-body .xml-code,
.art-band .article-body .file-tree {
  background: #2b1a12;
  border-color: #4a2f1e;
  color: #fcebd9;
}
.art-band .art-rule { background: linear-gradient(90deg, #f59e0b, #c2410c); }
.art-band .side__box {
  background: #fffdf9;
  border-color: #ead8c6;
  box-shadow: var(--warm-shadow-sm);
}
.art-band .side__box h5 { color: #a88a72; }
.art-band .toc a { color: #5d4535; }
.art-band .toc a:hover { color: #c2410c; background: #fff5e8; }
.art-band .toc a.is-active { color: #c2410c; background: #fff3e4; border-left-color: #c2410c; }
.art-band .side__note { color: #a88a72; }
.art-nav__side {
  background: rgba(255, 253, 249, 0.96);
  border-color: #ead8c6;
  box-shadow: var(--warm-shadow-sm);
}
.art-nav__side:hover { border-color: var(--line-2); background: #fff8ef; }
.art-nav__label { color: #a88a72; }
.art-nav__link { color: #3b2418; }
.art-nav__side:hover .art-nav__link { color: #c2410c; }
.art-src { color: #a88a72; }
.art-src a { color: #c2410c; }

/* 编辑器正文里可能带自己的浅底块，统一暖白纸面 */
.art-band .article-body h1,
.art-band .article-body h2,
.art-band .article-body h3,
.art-band .article-body h4 { color: #2b1a12; }

/* ---------- 杂项 ---------- */
.toast {
  color: var(--txt);
  background: rgba(255, 253, 249, 0.97);
  border-color: var(--line-2);
  box-shadow: 0 24px 54px -30px rgba(120, 60, 20, 0.42);
}
.skip-link { color: #fff; background: #b45309; }
:focus-visible { outline-color: var(--ai-1); }

@media (max-width: 1080px) {
  .nav {
    background: rgba(255, 250, 244, 0.94);
    border-bottom-color: var(--line);
  }
  .nav__links { background: rgba(255, 250, 244, 0.99); }
  .nav__link.is-active::after { display: none; }
}

@media (max-width: 760px) {
  .sec-title--nowrap {
    white-space: normal;
    font-size: clamp(24px, 6.5vw, 34px);
    line-height: 1.28;
    text-wrap: balance;
  }
}

@media print {
  body { background: #fff; color: #2b1a12; }
  .art-doc.art-band { background: #fff; }
}

/* ---------- 多语言切换 ---------- */
html.i18n-booting body { opacity: 0; }

.lang-switch {
  position: relative;
  flex-shrink: 0;
}

.lang-switch__btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid var(--line-2);
  background: rgba(255, 253, 249, 0.86);
  color: var(--txt-2);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.lang-switch__btn:hover,
.lang-switch.is-open .lang-switch__btn {
  color: var(--txt);
  border-color: var(--line-3);
  background: #fff;
}
.lang-switch__globe { width: 16px; height: 16px; color: var(--ai-1); }
.lang-switch__chevron { font-size: 10px; color: var(--txt-4); transition: transform 0.2s; }
.lang-switch.is-open .lang-switch__chevron { transform: rotate(180deg); }

.lang-switch__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 140;
  min-width: 154px;
  padding: 6px;
  border-radius: 13px;
  border: 1px solid var(--line-2);
  background: rgba(255, 253, 249, 0.98);
  box-shadow: 0 18px 44px -26px rgba(120, 60, 20, 0.46);
  backdrop-filter: blur(14px);
  display: none;
}
.lang-switch.is-open .lang-switch__menu { display: block; }

.lang-switch__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 9px 10px;
  border-radius: 8px;
  color: var(--txt-2);
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.lang-switch__option:hover { color: var(--txt); background: #fff4e8; }
.lang-switch__option.is-active { color: var(--ai-1); background: #fff3e2; font-weight: 700; }
.lang-switch__option i { font-style: normal; font-size: 12px; opacity: 0; }
.lang-switch__option.is-active i { opacity: 1; }

/* 非中文语言通常比中文长，给导航和按钮更多呼吸空间 */
html[data-lang="en"] .nav__in { gap: 10px; }
html[data-lang="en"] .nav__link { padding: 8px 8px; font-size: 13.2px; }
html[data-lang="ja"] .nav__link,
html[data-lang="ko"] .nav__link { padding: 8px 9px; font-size: 13.6px; }
html[data-lang="en"] .brand__tag,
html[data-lang="ja"] .brand__tag,
html[data-lang="ko"] .brand__tag { display: none; }
html[data-lang="en"] .hero h1 { white-space: normal; font-size: clamp(26px, 3.5vw, 46px); }
html[data-lang="en"] .doc-hero h1 { font-size: clamp(28px, 3.6vw, 46px); text-wrap: balance; }
html[data-lang="ja"] .doc-hero h1,
html[data-lang="ko"] .doc-hero h1 { text-wrap: balance; }
html[data-lang="ja"] .hero h1,
html[data-lang="ko"] .hero h1 { white-space: normal; font-size: clamp(26px, 3.5vw, 44px); }
html[data-lang="ja"] .hero h1,
html[data-lang="ja"] .doc-hero h1,
html[data-lang="ja"] .sec-title,
html[data-lang="ja"] .cta h2 { word-break: auto-phrase; }
html[data-lang="ko"] .hero h1,
html[data-lang="ko"] .doc-hero h1,
html[data-lang="ko"] .sec-title,
html[data-lang="ko"] .cta h2 { word-break: keep-all; overflow-wrap: anywhere; }
html[data-lang="en"] .hero__lead { font-size: 16.5px; }
html[data-lang="en"] .sec-title--nowrap,
html[data-lang="en"] .sec-title { text-wrap: balance; }
html[data-lang="en"] .sec-title--nowrap,
html[data-lang="zh-TW"] .sec-title--nowrap,
html[data-lang="ja"] .sec-title--nowrap,
html[data-lang="ko"] .sec-title--nowrap {
  white-space: normal;
  text-wrap: balance;
}
html[data-lang="en"] .ver__slogan { font-size: 17px; }
html[data-lang="en"] .ver__desc { font-size: 14px; }
html[data-lang="en"] .ver__specs div,
html[data-lang="en"] .ver__specs dd { font-size: 12px; }
html[data-lang="en"] .btn,
html[data-lang="ja"] .btn,
html[data-lang="ko"] .btn { white-space: normal; text-align: center; line-height: 1.3; }
html[data-lang="en"] .eyebrow,
html[data-lang="ja"] .eyebrow,
html[data-lang="ko"] .eyebrow { letter-spacing: 0.1em; }

@media (max-width: 1080px) {
  .lang-switch__btn { height: 38px; }
}

@media (max-width: 760px) {
  .lang-switch__label { display: none; }
  .lang-switch__chevron { display: none; }
  .lang-switch__btn { width: 38px; padding: 0; justify-content: center; }
}