/* ============================================================ Theme A · 工作底稿·批注风 挂载： 时生效；所有规则均带前缀， 不泄漏到其他主题。只用系统字体，不引外部资源。 色板：纸面 #F7F2E9 / 卡片纸 #FFFDF8 / 边线 #D8CDB8 墨字 #2B2620 / 钢笔蓝 #1E4FBF / 印章红 #B03A2E ============================================================ */ /* ---------- 1. 变量重定义（覆盖大半观感） ---------- */ html[data-theme="a"]{ --bg:#F7F2E9; --panel:#FFFDF8; --ink:#2B2620; --ink-2:#4A4238; --meta:#857A66; --indigo:#1E4FBF; --indigo-deep:#16398C; --indigo-wash:#EAEEF7; --line:#D8CDB8; --serif:"Songti SC","Noto Serif SC","Source Han Serif SC","STSong",serif; --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif; --mono:ui-monospace,"SF Mono","JetBrains Mono","Menlo",monospace; /* 主题内部专用 */ --a-kai:"Kaiti SC","KaiTi","STKaiti",serif; --a-red:#B03A2E; --a-paper-shadow:0 1px 0 #D8CDB8; } /* ---------- 2. 全局质感 ---------- */ html[data-theme="a"] :focus-visible{ outline:2px solid var(--indigo); outline-offset:3px; } html[data-theme="a"] ::selection{ background:var(--indigo); color:#F7F2E9; } /* ---------- 3. 主题挂载点：.only-a 显示为红印章，.only-b 保持隐藏 ---------- */ html[data-theme="a"] .only-a{ display:inline-block; font-family:var(--a-kai); font-size:13px; color:var(--a-red); border:1.5px solid var(--a-red); border-radius:4px; padding:3px 10px; letter-spacing:.2em; transform:rotate(-3deg); vertical-align:middle; margin-left:10px; } html[data-theme="a"] .only-b{ display:none; } /* ---------- 4. nav：纸色半透明底 ---------- */ html[data-theme="a"] .nav{ background:rgba(247,242,233,.92); border-bottom:1px solid var(--line); } /* ---------- 5. hero ---------- */ html[data-theme="a"] .hero{ border-bottom:1px dashed var(--line); } html[data-theme="a"] .eyebrow{ font-family:var(--a-kai); font-size:13.5px; letter-spacing:.14em; color:var(--meta); } html[data-theme="a"] .eyebrow b{ color:var(--indigo); } html[data-theme="a"] .identity{ border-bottom:4px double var(--indigo); padding-bottom:1px; } html[data-theme="a"] .identity-btn{ font-family:var(--a-kai); font-size:13.5px; letter-spacing:.06em; border:1px solid var(--ink); border-radius:2px; background:transparent; color:var(--ink); } html[data-theme="a"] .identity-btn:hover{ background:var(--ink); color:#F7F2E9; border-color:var(--ink); } html[data-theme="a"] .decode-label{ font-family:var(--a-kai); font-size:13px; letter-spacing:.12em; } html[data-theme="a"] .decode .pending{ color:#A89F8D; opacity:.8; } html[data-theme="a"] .hero-nav a{ border:1px solid var(--line); border-radius:2px; background:var(--panel); box-shadow:var(--a-paper-shadow); font-family:var(--a-kai); } html[data-theme="a"] .hero-nav a:hover{ border-color:var(--indigo); } html[data-theme="a"] .hero-nav a b{ font-family:var(--serif); } /* ---------- 6. 章节小标 ---------- */ html[data-theme="a"] .sec-no{ font-family:var(--serif); font-weight:700; letter-spacing:.22em; } html[data-theme="a"] .status-tag{ font-family:var(--a-kai); font-size:12.5px; color:var(--a-red); background:transparent; border:1.5px solid var(--a-red); border-radius:4px; letter-spacing:.18em; transform:rotate(-2deg); /* transform 需要非 inline 盒模型；基础 CSS 已是 inline-block */ } /* ---------- 7. stage 卡片（第①章） ---------- */ html[data-theme="a"] .stage{ border-radius:2px; box-shadow:var(--a-paper-shadow); } html[data-theme="a"] .stage-tag{ font-family:var(--a-kai); font-size:12.5px; letter-spacing:.14em; } html[data-theme="a"] .stage-cols{ border-top:1px dashed var(--line); } html[data-theme="a"] .stage-col h4{ font-family:var(--a-kai); font-size:13px; color:var(--indigo); } html[data-theme="a"] .skill-tags span{ font-family:var(--a-kai); font-size:13px; color:var(--indigo); background:transparent; border:1px dashed var(--indigo); border-radius:2px; } /* ---------- 8. 交付形态 / credo / 批注 ---------- */ html[data-theme="a"] .deliver{ border-radius:2px; box-shadow:var(--a-paper-shadow); } html[data-theme="a"] .deliver .di{ font-family:var(--a-kai); font-size:12px; color:var(--indigo); } html[data-theme="a"] .credo{ background:var(--panel); color:var(--indigo); border:3px double var(--indigo); border-radius:2px; box-shadow:var(--a-paper-shadow); } html[data-theme="a"] .credo em{ border-bottom:1px solid rgba(30,79,191,.45); } html[data-theme="a"] .aside-note{ font-family:var(--a-kai); color:var(--indigo); border-left:2px solid var(--indigo); } /* ---------- 9. 问题墙（第②章） ---------- */ html[data-theme="a"] .q-card{ border-radius:2px; box-shadow:var(--a-paper-shadow); } html[data-theme="a"] .q-no{ font-family:var(--serif); font-weight:700; color:#A89F8D; letter-spacing:.14em; } html[data-theme="a"] .plus-btn{ font-family:var(--a-kai); font-size:13.5px; border:1px solid var(--ink); border-radius:2px; background:transparent; color:var(--ink); } html[data-theme="a"] .plus-btn .cnt{ font-family:var(--serif); color:var(--meta); } html[data-theme="a"] .plus-btn:hover{ border-color:var(--indigo); color:var(--indigo); } html[data-theme="a"] .plus-btn[aria-pressed="true"]{ background:var(--ink); border-color:var(--ink); color:#F7F2E9; } html[data-theme="a"] .plus-btn[aria-pressed="true"] .cnt{ color:rgba(247,242,233,.75); } html[data-theme="a"] .pain-card{ background:var(--panel); border:1px solid var(--indigo); border-left:4px solid var(--indigo); border-radius:2px; box-shadow:var(--a-paper-shadow); } html[data-theme="a"] .pain-card .q-no{ color:var(--indigo); } html[data-theme="a"] .pain-card .hand{ font-family:var(--a-kai); color:var(--indigo-deep); } /* ---------- 10. 证据区（第③章） ---------- */ html[data-theme="a"] .num-card{ border-radius:2px; box-shadow:var(--a-paper-shadow); } html[data-theme="a"] .num-card .n{ font-family:var(--serif); font-weight:700; } html[data-theme="a"] .ev{ border-radius:2px; box-shadow:var(--a-paper-shadow); } html[data-theme="a"] .ev-id{ font-family:var(--serif); font-weight:700; letter-spacing:.12em; } html[data-theme="a"] .ev-id .k{ font-family:var(--a-kai); font-weight:400; color:var(--a-red); } html[data-theme="a"] .ev-body .q-mark{ font-family:var(--a-kai); color:var(--a-red); } /* ---------- 11. 作业区（第④章） ---------- */ html[data-theme="a"] .hw-card{ border-radius:2px; box-shadow:var(--a-paper-shadow); } html[data-theme="a"] .hw-card .q-no{ color:var(--indigo); } html[data-theme="a"] .hw-close .mono-note{ font-family:var(--a-kai); font-size:13.5px; letter-spacing:.06em; } /* ---------- 12. read-more / connect / footer ---------- */ html[data-theme="a"] .read-more a{ border-radius:2px; box-shadow:var(--a-paper-shadow); } html[data-theme="a"] .read-more a b{ font-family:var(--a-kai); font-size:12.5px; letter-spacing:.1em; } html[data-theme="a"] .qr-card{ border-radius:2px; box-shadow:var(--a-paper-shadow); } html[data-theme="a"] .qr-card img{ border-radius:2px; } html[data-theme="a"] .connect-list .cl{ font-family:var(--a-kai); font-size:13px; letter-spacing:.12em; } html[data-theme="a"] footer{ border-top:1px dashed var(--line); } html[data-theme="a"] .foot-inner .mono{ font-family:var(--a-kai); font-size:13px; letter-spacing:.1em; } /* ---------- 13. 窄屏修正 ---------- */ @media (max-width:760px){ html[data-theme="a"] .only-a{ font-size:12px; padding:2px 8px; margin-left:6px; } html[data-theme="a"] .status-tag{ font-size:11.5px; letter-spacing:.12em; } }