/* 主簿 · 共享 D 薄荷绿主题（由原本各页内联 <style id=d-theme> 抽出，统一维护） */
:root{
  --green:#10a37f; --green-d:#0c8463; --green-dd:#0a6e52;
  --mint:#e7f5ee; --mint-2:#d4efe3; --line:#e3ede8;
  --ink:#16241d; --text:#46524c; --muted:#8b958f;
  --serif:"Alimama FangYuanTi VF",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
body{ background: radial-gradient(1100px 420px at 82% -8%, rgba(16,163,127,.12), transparent 60%), linear-gradient(180deg,#ffffff 0%,#f3f9f5 55%,#eaf5ef 100%) !important; color:var(--text)!important; font-family:var(--serif)!important; }
h1,.content h1{ color:var(--ink)!important; font-family:var(--serif)!important; font-size:38px!important; letter-spacing:.5px; }
.s-brand b{ font-size:16px!important; letter-spacing:3px; font-family:var(--serif)!important; color:var(--ink)!important; }
.side{ background:rgba(255,255,255,.86)!important; width:216px!important; border-right:1px solid var(--line)!important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
  .s-cap{ font-size:13px!important; font-weight:700!important; color:var(--green-dd)!important; letter-spacing:1.5px!important; margin:16px 10px 8px!important; }
.s-item{ color:#5a655f!important; }
.s-item.sub{ padding-left:11px!important; }
.s-item:hover{ background:var(--mint)!important; color:var(--green-dd)!important; }
.s-item.on{ background:var(--mint)!important; color:var(--green-dd)!important; font-weight:700!important; }
.s-logo{ background:linear-gradient(135deg,#1bb98c,#0c8463)!important; }
.s-foot{ color:var(--muted)!important; }
.s-foot a{ color:var(--green-d)!important; }
.topbar{ background:rgba(255,255,255,.8)!important; border-bottom:1px solid var(--line)!important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.burger{ border:1px solid var(--line)!important; }
.burger:hover{ border-color:var(--green)!important; }
.search{ border:1px solid var(--line)!important; }
.search input{ color:var(--ink)!important; }
.btn-p{ background:var(--green)!important; color:#fff!important; border-radius:999px!important; font-family:var(--serif)!important; }
.btn-p:hover{ background:var(--green-d)!important; }
.page{ background:transparent!important; margin-left:216px!important; }
body.side-off .page{ margin-left:0!important; }
.content{ max-width:1040px!important; }
.lead{ color:var(--text)!important; }
.crumb,.crumb a{ color:var(--muted)!important; }
.sec .t b{ color:var(--ink)!important; font-family:var(--serif)!important; font-size:18px!important; border-left:none!important; }
.sec .d{ color:var(--muted)!important; }
.grid{ grid-template-columns:repeat(auto-fill,minmax(248px,1fr))!important; gap:16px!important; }
a.card{ text-decoration:none!important; color:inherit!important; display:block!important; }
.card{ background:#fff!important; border:1px solid var(--line)!important; border-radius:18px!important; padding:18px!important; box-shadow:0 6px 22px rgba(16,163,127,.07)!important; }
a.card:hover .card,.card:hover{ transform:translateY(-3px)!important; border-color:var(--mint-2)!important; box-shadow:0 14px 34px rgba(16,163,127,.14)!important; }
.card p{ color:var(--text)!important; }
.go{ color:var(--green-d)!important; font-weight:700!important; }
.glyph svg{ stroke:var(--green-d)!important; }
.foot{ color:var(--muted)!important; border-top:1px solid var(--line)!important; }
.foot a{ color:var(--green-d)!important; }
/* 工具页控件（D 薄荷绿） */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.tab{background:rgba(255,255,255,.7);border:1px solid var(--line);color:var(--ink);border-radius:14px;font-size:13px;padding:9px 18px;cursor:pointer;font-family:var(--serif);}
.tab:hover{border-color:var(--green);color:var(--green-dd);}
.tab.on{background:linear-gradient(135deg,rgba(16,163,127,.94),rgba(12,132,99,.94));border-color:transparent;color:#fff;font-weight:600;font-family:var(--serif);}
.btn{background:rgba(255,255,255,.7);border:1px solid var(--line);color:var(--ink);border-radius:14px;font-size:13px;padding:9px 18px;cursor:pointer;font-family:var(--serif);}
.btn:hover{border-color:var(--green);color:var(--green-dd);}
.btn.primary{background:linear-gradient(135deg,rgba(16,163,127,.94),rgba(12,132,99,.94));border-color:transparent;color:#fff;font-weight:600;font-family:var(--serif);box-shadow:0 6px 18px rgba(16,163,127,.30);}
.btn.primary:hover{filter:brightness(1.05);}
.btnbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.pane,.qrprev,.pv{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(16,163,127,.08);}
.qrprev canvas{border-radius:8px;}
.drop{border:2px dashed var(--line);border-radius:16px;background:rgba(255,255,255,.6);}
.drop:hover,.drop.over{border-color:var(--green);background:rgba(255,255,255,.8);}
label.row{font-size:13px;margin:14px 0 6px;color:var(--text);}
label.row > span:first-child,label.row span{flex:0 0 88px;color:var(--muted);}
label.row select,label.row input[type=text],label.row textarea,label.row input[type=number],
input[type=text],input[type=number],select,textarea{border:1px solid var(--line);background:rgba(255,255,255,.8);color:var(--ink);border-radius:9px;font-size:13px;padding:8px 9px;font-family:var(--serif);}
label.row input[type=color]{width:40px;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:2px;cursor:pointer;}
label.row input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(16,163,127,.12);}
label.chk input,label.slider input[type=range]{accent-color:var(--green);}
input[type="range"]{accent-color:var(--green);}
input[type="checkbox"],input[type="radio"]{accent-color:var(--green);}
label.slider{font-size:13px;margin:14px 0 6px;color:var(--muted);}
.sub2{font-size:12px;color:var(--muted);margin:18px 0 2px;font-weight:600;}
.status{font-size:12.5px;color:var(--muted);margin-top:12px;line-height:1.7;}
.note{font-size:12px;color:#0a6e52;background:rgba(16,163,127,.10);border:1px solid rgba(16,163,127,.30);border-radius:12px;padding:10px 12px;line-height:1.7;margin-top:14px;}
.glyph{border-radius:11px;}
@media (max-width:720px){
  .page{ margin-left:0!important; }
  .side{ width:216px!important; }
  .search{ width:150px!important; }
  h1{ font-size:30px!important; }
}
