/* 照拍 ZHOP · 备案站点样式
   刻意不引用任何外部资源（字体/图标/CDN）——目标访问环境在国内，
   境外 CDN 常被拖慢或阻断，而备案核验会访问本站。 */
:root{
  --bg:#0f1115; --fg:#e8eaed; --dim:#9aa0a6; --line:#2a2f37;
  --card:#171a20; --accent:#22d3ee; --warn:#fbbf24;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",
       "Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif;
}
.wrap{max-width:860px; margin:0 auto; padding:0 20px}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
code{background:#000; padding:2px 6px; border-radius:4px; font-size:.92em;
     font-family:ui-monospace,Menlo,Consolas,monospace}

/* 顶部 */
.hd{border-bottom:1px solid var(--line); background:rgba(15,17,21,.92);
    position:sticky; top:0; backdrop-filter:blur(8px); z-index:9}
.hd .wrap{display:flex; align-items:center; justify-content:space-between;
          height:58px; gap:16px}
.brand{font-size:19px; font-weight:700; color:var(--fg)}
.brand span{color:var(--accent); font-weight:500; font-size:14px; letter-spacing:.5px}
.hd nav{display:flex; gap:18px; font-size:14px}
.hd nav a{color:var(--dim)}
.hd nav a.on{color:var(--fg); font-weight:600}

/* 正文 */
.doc{padding:36px 20px 64px}
.doc h2{font-size:25px; margin:0 0 6px; letter-spacing:.3px}
.doc h3{font-size:19px; margin:38px 0 10px; padding-top:20px;
        border-top:1px solid var(--line)}
.doc h4{font-size:16px; margin:24px 0 8px; color:var(--accent)}
.doc p{margin:12px 0}
.doc ul,.doc ol{margin:12px 0; padding-left:24px}
.doc li{margin:6px 0}
.doc hr{border:0; border-top:1px solid var(--line); margin:32px 0}
blockquote{
  margin:16px 0; padding:14px 18px; border-left:3px solid var(--accent);
  background:var(--card); border-radius:0 8px 8px 0;
}
blockquote p:first-child{margin-top:0}
blockquote p:last-child{margin-bottom:0}

/* 表格（草稿里表格极多，是主要信息载体） */
.tw{overflow-x:auto; margin:16px 0; -webkit-overflow-scrolling:touch}
table{border-collapse:collapse; width:100%; font-size:14.5px; min-width:420px}
th,td{border:1px solid var(--line); padding:9px 12px; text-align:left;
      vertical-align:top}
th{background:var(--card); font-weight:600; white-space:nowrap}
tbody tr:nth-child(even){background:rgba(255,255,255,.018)}

/* 首页 */
.hero{padding:72px 0 40px}
.hero h1{font-size:34px; margin:0 0 12px; letter-spacing:.5px}
.hero .sub{color:var(--dim); font-size:17px; margin:0 0 8px}
.hero .tag{display:inline-block; margin-top:18px; padding:5px 12px;
           border:1px solid var(--line); border-radius:999px;
           font-size:13px; color:var(--dim)}
.cards{display:grid; gap:14px; grid-template-columns:1fr;
       margin:28px 0 56px}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
.card{display:block; background:var(--card); border:1px solid var(--line);
      border-radius:12px; padding:20px}
.card h3{margin:0 0 8px; font-size:17px; color:var(--fg)}
.card p{margin:0; color:var(--dim); font-size:14.5px}
.card:hover{border-color:var(--accent); text-decoration:none}

/* 页脚 —— 备案号是法定必须公示项 */
.ft{border-top:1px solid var(--line); margin-top:40px; padding:26px 0 40px;
    color:var(--dim); font-size:13.5px; text-align:center}
.ft .links{margin:0 0 10px}
.ft .beian{margin:0 0 6px; color:var(--fg)}
.ft .todo{color:var(--warn)}
.ft .cr{margin:0; opacity:.7}

.draft{background:var(--warn); color:#1a1200; text-align:center;
       padding:9px 16px; font-size:14px; font-weight:600}

@media(max-width:520px){
  .doc{padding:24px 16px 48px}
  .doc h2{font-size:21px}
  .hero h1{font-size:26px}
  .hd .wrap{height:52px}
  .brand{font-size:17px}
}