/* 巧宝笔记 · 个人备案版站点样式
   深海蓝 + 暖金 ｜ 长文阅读优先 ｜ 2026-11 */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#08182b; --bg2:#0b1e35; --panel:#0d2140; --line:rgba(245,201,92,.18);
  --gold:#f5c95c; --gold2:#ffe08a; --ink:#e9eff8; --ink2:#a9b8cb; --ink3:#71829a;
  --hr:rgba(255,255,255,.07);
}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",-apple-system,sans-serif;
  font-size:17px;line-height:1.95;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(245,201,92,.28)}
a:hover{color:var(--gold2);border-bottom-color:var(--gold2)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.wide{max-width:1080px;margin:0 auto;padding:0 24px}

/* ---------- 顶栏 ---------- */
.top{border-bottom:1px solid var(--hr);background:rgba(8,24,43,.86);backdrop-filter:blur(8px);
     position:sticky;top:0;z-index:20}
.top .in{max-width:1080px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;
         justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:12px;border:0}
.brand .logo{font-family:"Noto Serif SC","Songti SC",serif;font-size:20px;font-weight:800;
             color:#fff;letter-spacing:2px}
.brand .slogan{font-size:12.5px;color:var(--ink3);letter-spacing:.5px}
nav{display:flex;gap:22px;font-size:14.5px}
nav a{color:var(--ink2);border:0;letter-spacing:.5px}
nav a:hover{color:var(--gold)}
nav a.on{color:var(--gold);font-weight:700}

/* ---------- 首页 Hero ---------- */
.hero{padding:74px 0 54px}
.kicker{font-size:12.5px;letter-spacing:4px;color:var(--gold);font-weight:700;margin-bottom:22px}
h1{font-family:"Noto Serif SC","Songti SC",serif;font-size:42px;line-height:1.45;font-weight:800;
   color:#fff;letter-spacing:1px}
.hero p.sub{margin-top:22px;font-size:18px;color:rgba(255,255,255,.82);max-width:640px}
.hero p.sub b{color:var(--gold2)}

/* ---------- 证据条 ---------- */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:44px 0 0;
       background:var(--hr);border:1px solid var(--hr);border-radius:14px;overflow:hidden}
.facts div{background:var(--bg2);padding:20px 18px}
.facts .n{font-family:"Noto Serif SC",serif;font-size:24px;color:var(--gold2);font-weight:800;
          line-height:1.4}
.facts .l{font-size:12.5px;color:var(--ink3);letter-spacing:1px;margin-top:6px}
@media(max-width:640px){.facts{grid-template-columns:1fr}.hero h1{font-size:31px}}

/* ---------- 通用区块 ---------- */
section{padding:52px 0;border-top:1px solid var(--hr)}
section:first-of-type{border-top:0}
h2{font-family:"Noto Serif SC","Songti SC",serif;font-size:26px;font-weight:800;color:#fff;
   margin-bottom:10px;letter-spacing:.5px}
h2 .en{display:block;font-family:"SFMono-Regular",Consolas,monospace;font-size:11.5px;
       color:var(--ink3);letter-spacing:3px;margin-bottom:8px;font-weight:400}
.secnote{font-size:14.5px;color:var(--ink3);margin-bottom:26px}
h3{font-size:18px;font-weight:700;color:var(--gold2);margin:30px 0 12px}
p{margin:0 0 18px;color:rgba(233,239,248,.86)}
b,strong{color:#fff;font-weight:700}
ul,ol{margin:0 0 20px;padding-left:22px}
li{margin-bottom:8px;color:rgba(233,239,248,.85)}

/* ---------- 三个方向 ---------- */
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.paths{grid-template-columns:1fr}}
.path{background:var(--panel);border:1px solid var(--hr);border-radius:14px;padding:24px 22px;
      transition:.2s;display:block;border-bottom:1px solid var(--hr)}
.path:hover{border-color:rgba(245,201,92,.45);transform:translateY(-2px)}
.path .num{font-family:"SFMono-Regular",Consolas,monospace;font-size:11.5px;color:var(--gold);
           letter-spacing:2px}
.path .t{font-size:17.5px;font-weight:700;color:#fff;margin:10px 0 8px;line-height:1.6}
.path .d{font-size:14px;color:var(--ink2);line-height:1.75}

/* ---------- 主推定义块 ---------- */
.defn{background:linear-gradient(180deg,rgba(245,201,92,.10),rgba(245,201,92,.03));
      border:1px solid rgba(245,201,92,.30);border-radius:16px;padding:32px 30px;margin:6px 0 0}
.defn .tagline{font-size:12px;letter-spacing:3px;color:var(--gold);font-weight:700;margin-bottom:16px}
.defn p{font-size:18.5px;line-height:2.05;color:#fff;margin:0 0 18px;
        font-family:"Noto Serif SC","Songti SC",serif}
.defn .more{font-size:14.5px;color:var(--ink3);margin:0}

/* ---------- 笔记列表 ---------- */
.list{border-top:1px solid var(--hr)}
.item{display:block;padding:22px 0;border-bottom:1px solid var(--hr);border-left:0;border-right:0;border-top:0}
.item:hover .it{color:var(--gold2)}
.item .meta{font-size:12px;color:var(--ink3);letter-spacing:1.5px;margin-bottom:7px}
.item .it{font-size:18px;font-weight:700;color:#eef3fa;line-height:1.6;transition:.15s}
.item .id{font-size:14px;color:var(--ink2);margin-top:6px;line-height:1.7}

/* ---------- 判断三条 ---------- */
.rules{list-style:none;padding:0;counter-reset:r}
.rules li{counter-increment:r;position:relative;padding-left:52px;margin-bottom:24px;
          color:rgba(233,239,248,.86);font-size:16.5px}
.rules li::before{content:"0" counter(r);position:absolute;left:0;top:3px;
  font-family:"SFMono-Regular",Consolas,monospace;font-size:13px;color:var(--gold);letter-spacing:1px}
.rules b{display:block;font-size:17px;color:#fff;margin-bottom:4px}

/* ---------- 长文页 ---------- */
.article{padding:56px 0 20px}
.article h1{font-size:34px;line-height:1.5}
.article .am{font-size:12.5px;color:var(--ink3);letter-spacing:1.5px;margin-top:18px;
             padding-bottom:26px;border-bottom:1px solid var(--hr)}
.article h2{font-size:22px;margin:42px 0 14px}
.article h3{font-size:17px}
.article blockquote{border-left:3px solid var(--gold);background:rgba(245,201,92,.05);
  padding:18px 22px;margin:24px 0;border-radius:0 10px 10px 0;color:rgba(233,239,248,.9);
  font-family:"Noto Serif SC",serif;font-size:16.5px}
.article blockquote p:last-child{margin:0}

/* ---------- 表 ---------- */
table{width:100%;border-collapse:collapse;margin:22px 0 28px;font-size:15px}
th{background:rgba(245,201,92,.09);color:var(--gold2);text-align:left;padding:12px 14px;
   border:1px solid var(--line);font-size:13.5px;font-weight:700}
td{padding:11px 14px;border:1px solid var(--hr);color:rgba(233,239,248,.84);vertical-align:top}

/* ---------- 页脚 ---------- */
footer{border-top:1px solid var(--hr);margin-top:60px;padding:36px 0 46px}
footer .in{max-width:1080px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;
           gap:24px;flex-wrap:wrap;font-size:13px;color:var(--ink3);line-height:2}
footer a{color:var(--ink3);border-bottom:1px dotted rgba(255,255,255,.2)}
footer a:hover{color:var(--gold)}

/* ---------- 备案信息 ---------- */
footer .legal a{display:inline-flex;align-items:center;gap:5px;margin-right:14px}
footer .beian img{width:16px;height:18px;vertical-align:-4px}
footer .beian{border-bottom:none}
footer .beian:hover{border-bottom:1px dotted rgba(255,255,255,.2)}

/* ---------- 404 ---------- */
.nf{min-height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.nf .code{font-family:"SFMono-Regular",Consolas,monospace;font-size:13px;letter-spacing:4px;color:var(--gold)}
.nf h1{font-size:36px;margin:16px 0 18px}