/* 主簿 · 古风主题 v1
 * 接入：在 </head> 前加 <link rel="stylesheet" href="zhubu.css">（doc-tools 页用 ../zhubu.css）
 * 只动 app chrome（.side/.page/.card/.sec/.btn-p 等），不动排版主题。
 */

:root{
  --ink:#3a342b;
  --soft:#9a8f7a;
  --line:#e7dcc4;
  --line2:#d8c9a8;
  --accent:#854f0b;        /* 赭石 */
  --accent-deep:#633806;
  --vermilion:#A32D2D;     /* 朱砂 */
  --bamboo:#262019;        /* 深竹（再沉一档） */
  --bamboo-2:#322a20;
  --bamboo-slip:#b8915a;
  --paper:#f5efe1;         /* 宣纸 */
  --paper-2:#efe6d2;
  --serif:"Songti SC","STSong","SimSun","Noto Serif CJK SC",serif;
  --kai:"Kaiti SC","STKaiti","KaiTi","Noto Serif CJK SC",serif;
}

/* 字体：正文宋体，标题/品牌楷体 */
body{ font-family:var(--serif); }
h1,h2,h3,.s-brand b,.sec .t b{ font-family:var(--kai); }

/* ===== 竹简侧栏 ===== */
.side{
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.20) 0 1px, transparent 1px 13px),
    linear-gradient(180deg, var(--bamboo-2), var(--bamboo));
  color:#cdbfa6;
}
.side::before, .side::after{
  content:""; position:absolute; left:12px; right:12px; height:2px; z-index:1; opacity:.85;
  background:linear-gradient(90deg, transparent, #8a6a3c 14%, #8a6a3c 86%, transparent);
}
.side::before{ top:72px; }
.side::after{ bottom:8px; }   /* 底部编绳贴边收底，不压 s-foot 文字 */
.s-foot{ padding-bottom:18px; } /* 文字抬高，给编绳让位 */
.s-brand b{ color:#f3e9d2; }
.s-logo{ background:linear-gradient(135deg,#c98b3a,#854f0b) !important; }
.s-cap{ color:#8a7d68; letter-spacing:2px; }
.s-item{ color:#cdbfa6; }
.s-item:hover{ background:rgba(184,145,90,.16); color:#f3e9d2; }
.s-item.on{ background:rgba(184,145,90,.22); color:#f3e9d2; }
.s-foot{ color:#8a7d68; }
.s-foot a{ color:#c98b3a; }

/* ===== 宣纸内容区 ===== */
.page{
  background:
    radial-gradient(rgba(140,110,60,.045) 1px, transparent 1px) 0 0/3px 3px,
    linear-gradient(180deg, var(--paper), var(--paper-2));
}
.content h1{ color:var(--accent); }
.lead{ color:var(--soft); }
.crumb a{ color:var(--soft); }
.crumb a:hover{ color:var(--accent); }

.sec .t b{ color:var(--ink); border-left:3px solid var(--accent); padding-left:10px; }
.sec .t .d{ color:var(--soft); }

/* 宣纸卡片 */
.card{ background:#fffaf0; border:1px solid var(--line); color:var(--ink); }
a.card:hover .card, .card:hover{ border-color:var(--accent); box-shadow:0 8px 22px rgba(133,79,11,.10); }
.card p{ color:var(--soft); }
.go{ color:var(--accent); }

/* about 页工具清单 */
.tools a{ background:#fffaf0; border:1px solid var(--line); color:var(--ink); }
.tools a:hover{ border-color:var(--accent); }
.tools a b{ color:var(--accent); }
.tools a span{ color:var(--soft); }

/* 顶栏主按钮用赭石 */
.btn-p{ background:var(--accent); }
.btn-p:hover{ background:var(--accent-deep); }

/* 控件配色：滑杆/勾选框跟随赭石，去掉系统默认蓝 */
input[type="range"]{ accent-color:var(--accent); }
input[type="checkbox"], input[type="radio"]{ accent-color:var(--accent); }

/* ===== 主编辑器（data-theme 皮肤，:root 特异度压不过它，这里同选择器覆盖）===== */
:root[data-theme="light"]{
  --accent:#854f0b;        /* 赭石 */
  --accent-soft:#f3ecdb;
  --selection:#ece1c6;
}
:root[data-theme="dark"]{
  --accent:#c98b3a;        /* 暗色下提亮一档的赭金 */
  --accent-soft:#3a2f1d;
  --selection:#453a22;
}
/* 主按钮去掉硬编码橙红，统一走变量 */
.btn-primary{ background:var(--accent); box-shadow:0 10px 26px rgba(133,79,11,.24); }
.btn-primary:hover{ background:var(--accent-deep); box-shadow:0 12px 30px rgba(133,79,11,.32); }
.btn-primary:active{ background:#4e2e05; box-shadow:0 4px 14px rgba(133,79,11,.26); }
.brand-mark{ box-shadow:0 4px 12px rgba(133,79,11,.30); }
.html-editor:focus, .fetch-input:focus{ border-color:var(--accent); box-shadow:0 0 0 3px rgba(133,79,11,.12); }

/* ===== logo 尺寸（2026-09-22：顶栏大号、侧栏 logo 30px + 字标 22px）===== */
.s-logo{ width:30px; height:30px; border-radius:9px; }
.brand-mark{ width:38px; height:38px; border-radius:10px; }
.s-logo svg, .brand-mark svg{ width:100%; height:100%; display:block; }
.s-brand{ gap:11px; }
.s-brand b{ font-size:22px; letter-spacing:2.5px; }
.brand-name{ font-size:22px; }

/* about 页正文 */
.prose{ color:#4a453c; }
.prose b{ color:var(--ink); }
.klist li{ border-top-color:var(--line); color:#4a453c; }
.klist li::before{ background:var(--accent); }