/* SEO 内容页:石殿风格,可读优先 */
:root{
  --bg:#07090f; --panel:#111722; --panel2:#171f2d; --line:#3b3323;
  --gold:#f0b452; --gold2:#ffd47e; --text:#e9e3d6; --dim:#9b8f79;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--text); font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  line-height:1.9; font-size:16px;
  background-color:var(--bg);
  background-image:
    linear-gradient(180deg,rgba(5,7,11,.86),rgba(5,7,11,.94)),
    url("/img/bg/dungeon.webp");
  background-size:cover; background-attachment:fixed; background-position:center;
}
a{color:var(--gold2);text-decoration:none}
a:hover{text-decoration:underline}
.site-head{
  position:sticky; top:0; z-index:10; display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:10px 18px; padding:12px 22px;
  background:linear-gradient(180deg,rgba(17,13,6,.97),rgba(6,8,13,.95));
  border-bottom:1px solid #5b4824; backdrop-filter:blur(8px);
}
.brand{font-size:20px;letter-spacing:3px;color:var(--gold2);font-weight:700;text-decoration:none}
.brand span{font-size:10px;letter-spacing:2px;color:var(--dim);margin-left:6px;font-weight:400}
.site-head nav{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px}
.site-head nav a{color:#c9bda6}
.site-head nav a:hover{color:var(--gold2)}
.site-head nav a.on{color:var(--gold2);border-bottom:1px solid rgba(240,180,82,.65)}
.site-head nav a.lang{color:#a08a5e;border:1px solid #4a3f28;border-radius:999px;padding:1px 9px;font-size:12px;line-height:1.5}
.site-head nav a.lang:hover{border-color:var(--gold);color:var(--gold2)}
main{width:min(980px,92vw);margin:0 auto;padding:34px 0 20px}
.crumbs{font-size:12px;color:var(--dim);margin-bottom:14px}
h1{font-size:clamp(30px,5vw,48px);line-height:1.25;color:var(--gold2);letter-spacing:2px;margin:0 0 16px}
.lead{font-size:17px;color:#d7cdbb;border-left:3px solid var(--gold);padding-left:14px;margin:0 0 24px}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.toc a{font-size:13px;color:var(--dim);border:1px solid var(--line);padding:5px 10px;border-radius:8px;background:rgba(9,12,18,.65)}
.toc a:hover{color:var(--gold2);border-color:var(--gold)}
h2{font-size:25px;color:var(--gold);margin:36px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(240,180,82,.18)}
h3{font-size:18px;color:var(--gold2);margin:22px 0 6px}
p{margin:8px 0}
ul,ol{padding-left:24px;margin:10px 0}
li{margin:5px 0}
strong{color:#fff1d0}
.note{background:rgba(240,180,82,.07);border:1px solid rgba(240,180,82,.25);padding:12px 15px;border-radius:10px;margin:14px 0}
.note b{color:var(--gold2)}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;background:rgba(9,12,18,.72)}
th,td{border:1px solid #373d4b;padding:9px 10px;text-align:left;vertical-align:top}
th{background:rgba(240,180,82,.08);color:var(--gold2);font-weight:600}
tr:nth-child(even) td{background:rgba(255,255,255,.015)}
.cta{margin:40px 0 10px;padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,rgba(240,180,82,.08),rgba(8,11,17,.85))}
.cta h2{border:0;margin:0 0 6px}
.btn{display:inline-block;margin-top:10px;padding:10px 22px;border-radius:10px;background:linear-gradient(180deg,#ffd47e,#c98d2e);color:#2a1c05;font-weight:700;text-decoration:none}
.btn:hover{text-decoration:none;filter:brightness(1.07)}
.faq{margin-top:34px}
details{border:1px solid #333b49;border-radius:10px;padding:10px 14px;margin:8px 0;background:rgba(9,12,18,.72)}
summary{cursor:pointer;color:#e9dfc9;font-weight:600}
details p{color:#c7bca6;font-size:14.5px}
.site-foot{
  width:min(980px,92vw);margin:36px auto 0;padding:22px 0 34px;border-top:1px solid #3b3323;
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;color:var(--dim);font-size:13px
}
.site-foot b{color:var(--gold2);font-size:16px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 14px;max-width:540px}
.foot-links a{color:#b9ad97}
@media(max-width:640px){
  body{font-size:15.5px;background-attachment:scroll}
  .site-head{padding:10px 14px 10px 20px}
  .brand{font-size:17px}
  .site-head nav{font-size:12px;gap:6px 10px}
  main{padding-top:24px}
  th,td{padding:7px;font-size:13px}
}

/* Trust pages: contact form */
.contact-form{display:grid;gap:14px;margin:20px 0;max-width:680px}
.contact-form label{display:grid;gap:6px;color:#3d3020;font-size:13px}
.contact-form input,.contact-form textarea{
  width:100%;background:#fff8e9;border:1px solid #b6a078;color:#241c12;
  padding:10px 12px;font:inherit;line-height:1.6;border-radius:0
}
.contact-form textarea{resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#8d4534;box-shadow:0 0 0 2px rgba(141,69,52,.12)}
.contact-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form .check{display:flex;align-items:flex-start;gap:8px;line-height:1.6}
.contact-form .check input{width:auto;margin-top:4px}
.contact-status{min-height:22px;margin:0;font-size:13px;color:#5a4830}
.contact-status.ok{color:#3f5a34}
.contact-status.err{color:#8d2f22}
@media(max-width:640px){.contact-form{max-width:100%}}

/* Article index / long-form pages */
.article-card{border:1px solid #333b49;background:rgba(9,12,18,.72);padding:16px 18px;margin:18px 0}
.article-card h2,.article-card h3{margin:0 0 8px;font-size:20px;border:0;padding:0;color:var(--gold2)}
.article-card p{margin:6px 0;color:#c7bca6;font-size:14px}
.article-card .article-meta{color:#93876f;font-size:11px;letter-spacing:.4px}
.article-card a{color:#ffd47e}
.note-inline{margin-left:8px;font-size:11px;font-weight:400;letter-spacing:1px;color:#8d7a56;border:1px solid #4a3f28;border-radius:999px;padding:1px 8px;vertical-align:middle}
main h2{scroll-margin-top:72px}