:root{
  --bg:#f7f1e7;
  --fg:#33241a;
  --muted:#7a6555;
  --line:#e2d3bf;
  --accent:#a0522d;
  --accent-2:#d2b48c;
  --olive:#6b7a3a;
  --terracotta:#b4553a;
  --gap:24px;
  --radius:12px;
  --shadow:0 4px 14px rgba(160,82,45,.12);
  --font:"Segoe UI","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:"Segoe UI","Microsoft YaHei",sans-serif;
  background:var(--bg);
  color:var(--fg);
  font-size:17px;
  line-height:1.7;
}
img{max-width:100%;display:block;border-radius:8px}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sitebeidan-shell{max-width:1180px;margin:0 auto;padding:0 16px}
.sitebeidan-header{background:#fbf6ee;border-bottom:2px solid var(--accent)}
.sitebeidan-headbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;flex-wrap:wrap}
.sitebeidan-brand{font-size:22px;font-weight:600;color:var(--accent);letter-spacing:.5px}
.nav-links{display:flex;flex-wrap:wrap;gap:14px;font-size:14px}
.nav-links a{color:#3f2f22;padding:4px 2px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav-links a:hover{color:var(--accent);border-bottom-color:var(--accent-2)}
.nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sitebeidan-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px 172px;gap:var(--gap);padding:28px 0 40px}
.sitebeidan-main{grid-column:1;grid-row:1 / span 2;min-width:0}
.sitebeidan-side{grid-column:2;grid-row:1 / span 2;min-width:0}
.sitebeidan-note{grid-column:3;grid-row:1 / span 2;min-width:0}
.sitebeidan-main > section + section{margin-top:32px}
.sitebeidan-block{background:#fffdf9;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.sitebeidan-block:first-child{margin-top:0}
.sitebeidan-h2{font-size:22px;font-weight:600;color:var(--accent);margin-bottom:12px;line-height:1.5}
.sitebeidan-h3{font-size:17px;font-weight:600;margin-bottom:8px;line-height:1.5}
.sitebeidan-hero{
  position:relative;
  background:linear-gradient(135deg,#fdf7ef 0%,#f2e4d1 100%);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px;
  box-shadow:var(--shadow);
  background-image:repeating-linear-gradient(45deg,rgba(210,180,140,.10) 0 2px,transparent 2px 7px);
}
.sitebeidan-hero h1{font-size:30px;font-weight:600;line-height:1.4;margin-bottom:14px;color:#3f2b1c}
.sitebeidan-hero-body{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.sitebeidan-hero-col{display:flex;flex-direction:column}
.sitebeidan-hero-col p{margin-bottom:10px;font-size:17px}
.sitebeidan-hero-fig{width:128px;margin:8px 0 0 auto;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}
.sitebeidan-hero-fig img{width:128px;height:auto;border-radius:0}
.sitebeidan-story p{margin-bottom:12px;font-size:17px}
.sitebeidan-story p:last-child{margin-bottom:0}
.sitebeidan-list li{padding:10px 12px;border-left:3px solid var(--accent-2);margin-bottom:10px;background:#fdf8f1;border-radius:0 8px 8px 0}
.sitebeidan-list li:nth-child(even){background:#f8efe3;border-left-color:var(--olive)}
.sitebeidan-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}
.sitebeidan-table th{border:1px solid var(--line);background:#f2e4d1;color:#4a3423;padding:8px;text-align:left;font-weight:600}
.sitebeidan-table td{border:1px solid var(--line);padding:8px;vertical-align:top}
.sitebeidan-table tbody tr:nth-child(even){background:#fbf5ec}
.sitebeidan-table tbody tr:hover{background:#f5e8d8}
.sitebeidan-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.sitebeidan-card{
  display:flow-root;
  background:#fffdf9;
  border:1px solid var(--line);
  border-bottom:2px dashed rgba(160,82,45,.25);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:var(--shadow);
  transition:transform .2s,box-shadow .2s;
  background-image:repeating-linear-gradient(90deg,rgba(210,180,140,.08) 0 2px,transparent 2px 8px);
}
.sitebeidan-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(160,82,45,.18)}
.sitebeidan-card h3{font-size:17px;font-weight:600;line-height:1.5;margin-bottom:6px;color:#3f2b1c}
.sitebeidan-card p{font-size:14px;line-height:1.7;color:#4a3a2c}
.sitebeidan-card-fig{float:right;width:88px;margin:0 0 8px 12px;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.sitebeidan-card-fig img{width:88px;height:auto;border-radius:0}
.sitebeidan-date{font-size:14px;color:var(--muted);margin-bottom:6px;display:block}
.sitebeidan-meta{font-size:14px;color:var(--muted);margin-bottom:24px}
.sitebeidan-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.sitebeidan-faq details{background:#fffdf9;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow);align-self:start}
.sitebeidan-faq details[open]{border-color:var(--accent-2);background:#fdf6ec}
.sitebeidan-faq summary{font-size:17px;font-weight:600;color:#4a3423;cursor:pointer;line-height:1.5;list-style:none}
.sitebeidan-faq summary::-webkit-details-marker{display:none}
.sitebeidan-faq summary::before{content:"？";color:var(--accent);margin-right:6px;font-weight:600}
.sitebeidan-faq summary:hover{color:var(--accent)}
.sitebeidan-faq div{font-size:14px;line-height:1.7;color:#4a3a2c;margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}
.sitebeidan-faq li{margin-bottom:4px}
.sitebeidan-btn{display:inline-block;background:var(--accent);color:#fff8ef;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid var(--accent);transition:background .2s,transform .1s}
.sitebeidan-btn:hover{background:var(--terracotta);border-color:var(--terracotta)}
.sitebeidan-btn:active{transform:translateY(1px);background:#8e4526}
.sitebeidan-btn--ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.sitebeidan-btn--ghost:hover{background:var(--accent);color:#fff8ef}
.sitebeidan-cta{background:linear-gradient(135deg,#f2e4d1,#f9f1e5);border:1px solid var(--accent-2);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow)}
.sitebeidan-cta p{margin-bottom:14px;font-size:17px}
.sitebeidan-side .sitebeidan-block + .sitebeidan-block{margin-top:var(--gap)}
.sitebeidan-note-item{font-size:14px;line-height:1.7;color:#4a3a2c;padding:8px 0;border-bottom:1px dashed var(--line)}
.sitebeidan-note-item + .sitebeidan-note-item{margin-top:4px}
.sitebeidan-note-item:last-child{border-bottom:none}
.sitebeidan-badge{display:inline-block;font-size:14px;color:var(--olive);border:1px solid var(--olive);border-radius:6px;padding:1px 8px;margin-right:6px}
.sitebeidan-side h2{font-size:17px;color:var(--accent);font-weight:600;margin-bottom:8px}
.sitebeidan-tag{display:inline-block;font-size:14px;color:#fff8ef;background:var(--olive);border-radius:6px;padding:1px 8px;margin-right:8px}
.sitebeidan-quiet{font-size:14px;color:var(--muted);line-height:1.7}
.sitebeidan-divider{height:1px;background:var(--line);margin:16px 0;border:none}
.sitebeidan-footer{background:#3f2b1c;color:#f2e4d1;margin-top:24px;border-top:4px solid var(--accent)}
.sitebeidan-footgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);padding:28px 0 20px}
.sitebeidan-footgrid h3{font-size:17px;color:#e8cfa8;margin-bottom:8px;font-weight:600}
.sitebeidan-footgrid p,.sitebeidan-footgrid li{font-size:14px;line-height:1.7;color:#e3d3bd}
.sitebeidan-footer a{color:#e8cfa8;border-bottom:1px solid transparent}
.sitebeidan-footer a:hover{color:#fff8ef;border-bottom-color:var(--accent-2)}
.sitebeidan-footbar{border-top:1px solid rgba(210,180,140,.3);padding:14px 0 24px;font-size:14px;color:#cfbda6;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
@media (max-width:1024px){
  .sitebeidan-layout{grid-template-columns:minmax(0,1fr) 240px}
  .sitebeidan-note{grid-column:1 / span 2;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
  .sitebeidan-side{grid-column:2;grid-row:1 / span 2}
  .sitebeidan-main{grid-column:1;grid-row:1 / span 2}
  .sitebeidan-hero-body{grid-template-columns:1fr}
  .sitebeidan-hero h1{font-size:26px}
  .sitebeidan-footgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .sitebeidan-layout{grid-template-columns:1fr;gap:20px}
  .sitebeidan-main,.sitebeidan-side,.sitebeidan-note{grid-column:1;grid-row:auto}
  .sitebeidan-note{display:block}
  .sitebeidan-cards{grid-template-columns:1fr}
  .sitebeidan-faq{grid-template-columns:1fr}
  .sitebeidan-hero{padding:18px}
  .sitebeidan-hero h1{font-size:22px}
  .sitebeidan-hero-fig{width:96px}
  .sitebeidan-hero-fig img{width:96px}
  .sitebeidan-headbar{flex-direction:column;align-items:flex-start}
  .nav-links{font-size:14px;gap:10px}
  .sitebeidan-footgrid{grid-template-columns:1fr}
  .sitebeidan-card-fig{width:72px}
  .sitebeidan-card-fig img{width:72px}
}