:root{
  --bg:#f7f3ec;
  --paper:#fffdf8;
  --ink:#26211b;
  --muted:#6f6559;
  --line:#eadfce;
  --brand:#a6672b;
  --brand-dark:#6b3d1d;
  --soft:#f2e2c8;
  --green:#3a6d56;
  --shadow:0 18px 50px rgba(79,53,31,.12);
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#f7f1e8 0%,#fffdf8 36%,#f8f4ee 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}
a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,253,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topline{text-align:center;padding:.45rem 1rem;font-size:.9rem;color:var(--muted);background:#fff8ed}.main-nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem}.brand-logo,.footer-logo{display:flex;align-items:center;gap:.7rem;font-weight:800}.brand-logo img,.footer-logo img{border-radius:16px;box-shadow:0 8px 24px rgba(166,103,43,.18)}.brand-logo small{display:block;font-size:.78rem;color:var(--muted);font-weight:500}.nav-links{display:flex;flex-wrap:wrap;gap:.75rem}.nav-links a{font-weight:700;font-size:.95rem;padding:.45rem .72rem;border-radius:999px}.nav-links a:hover{background:var(--soft);text-decoration:none}.nav-toggle{display:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.45rem .8rem}.search-wrap{max-width:1180px;margin:0 auto 1rem;padding:0 1rem;display:grid;grid-template-columns:1fr auto;gap:.7rem}.search-wrap input{border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem;background:#fff;color:var(--ink);font-size:1rem}.search-wrap button,.cta,.topic-link{border:0;border-radius:16px;background:var(--brand);color:#fff;padding:.9rem 1.1rem;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(166,103,43,.18)}.search-hint{grid-column:1/-1;margin:0;color:var(--muted);font-size:.9rem;display:none}.search-hint.show{display:block}.container{max-width:1180px;margin:auto;padding:1.3rem 1rem 3rem}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:1.4rem;align-items:stretch;margin-top:1rem}.hero-card{background:var(--paper);border:1px solid var(--line);border-radius:32px;padding:2rem;box-shadow:var(--shadow)}.breadcrumb,.eyebrow{font-weight:800;color:var(--brand);letter-spacing:.03em}.hero h1,.page-hero h1{font-size:clamp(2rem,4vw,4.2rem);line-height:1.13;margin:.55rem 0 1rem}.lead{font-size:1.12rem;color:#4b4138}.meta-row{display:flex;gap:.65rem;flex-wrap:wrap;color:var(--muted);font-size:.93rem}.hero-aside{display:grid;gap:1rem}.stat-card,.side-card,.content-card,.comment-card,.faq-item,.author-card,.article-body{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:1.2rem;box-shadow:0 12px 34px rgba(69,44,22,.08)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.2rem 0}.stat-grid strong{display:block;font-size:1.35rem;color:var(--brand-dark)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2.2rem 0 1rem}.section-title h2{font-size:clamp(1.45rem,2.4vw,2.2rem);margin:0}.section-title p{margin:.2rem 0 0;color:var(--muted)}.grid{display:grid;gap:1rem}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.video-card{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:0 14px 36px rgba(73,47,20,.1)}.video-frame{position:relative;aspect-ratio:16/10;background:#e7d7c4;overflow:hidden}.video-frame img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.video-card:hover .video-frame img{transform:scale(1.04)}.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.86);width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.78);background:rgba(38,33,27,.68);color:#fff;font-size:1.4rem;opacity:0;transition:.25s ease;display:grid;place-items:center}.video-card:hover .play-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card .body{padding:1rem}.tag-row{display:flex;gap:.45rem;flex-wrap:wrap;margin:.8rem 0}.tag{background:#f3eadf;color:var(--brand-dark);border-radius:999px;padding:.22rem .6rem;font-size:.84rem;font-weight:700}.interaction{display:flex;gap:.8rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem;border-top:1px dashed var(--line);padding-top:.75rem}.topic-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.topic-card{background:linear-gradient(135deg,#fffaf2,#efe0c8);border:1px solid var(--line);border-radius:24px;padding:1.1rem;min-height:170px}.rank-list{counter-reset:rank;list-style:none;margin:0;padding:0}.rank-list li{counter-increment:rank;display:grid;grid-template-columns:42px 1fr;gap:.8rem;padding:.82rem 0;border-bottom:1px dashed var(--line)}.rank-list li:before{content:counter(rank);display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--soft);font-weight:900;color:var(--brand-dark)}.author-card{display:flex;gap:1rem;align-items:center}.author-card img{width:74px;height:74px;border-radius:24px;object-fit:cover}.faq-item summary{font-weight:900;cursor:pointer}.comment-card blockquote{margin:0;color:#4e443b}.comment-card cite{display:block;margin-top:.7rem;color:var(--muted);font-style:normal}.site-footer{background:#231b15;color:#fff8ed;padding:2rem 1rem}.site-footer a{color:#ffe5bd;display:block;margin:.35rem 0}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:1.2rem}.copyright{max-width:1180px;margin:1.3rem auto 0;color:#d8c8b3}.page-hero{background:linear-gradient(135deg,#fff7eb,#eee0cb);border-bottom:1px solid var(--line)}.page-hero .container{padding-bottom:2rem}.article-body{font-size:1.05rem}.article-body h2{margin-top:1.6rem}.article-body figure{margin:1.2rem 0}.article-body figcaption{color:var(--muted);font-size:.92rem;margin-top:.45rem}.list-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:1rem}.list-card time{color:var(--muted);font-size:.9rem}.notice{border-left:5px solid var(--green);background:#eef6f0;padding:1rem;border-radius:18px}.json-links{display:flex;flex-wrap:wrap;gap:.7rem}.json-links a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.5rem .8rem;font-weight:800}.hidden-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
@media (max-width:900px){.hero,.grid.three,.grid.two,.topic-strip,.footer-grid{grid-template-columns:1fr}.nav-toggle{display:block}.nav-links{display:none;width:100%;flex-direction:column}.nav-links.open{display:flex}.main-nav{flex-wrap:wrap}.search-wrap{grid-template-columns:1fr}.hero-card{padding:1.3rem}.stat-grid{grid-template-columns:1fr 1fr}.topic-card{min-height:auto}}
@media (max-width:520px){.stat-grid{grid-template-columns:1fr}.author-card{align-items:flex-start}.section-title{display:block}.main-nav{align-items:flex-start}.brand-logo img{width:48px;height:48px}}