/*
 * 吃瓜网前台样式
 * 暖砖橙红 + 琥珀黄 + 暖米白，强调内容层级与长期阅读。
 */
:root{
  --brand:#C85C3A;
  --brand-deep:#9F4329;
  --accent:#D94A32;
  --amber:#E6B85C;
  --ink:#332E2B;
  --ink-deep:#2B2523;
  --muted:#766C66;
  --paper:#FAF7F2;
  --paper-2:#F1EAE2;
  --paper-3:#E8DDD2;
  --line:#D8CCC0;
  --white:#FFFDFC;
  --shadow:0 18px 60px rgba(68,44,31,.10);
  --radius:22px;
  --shell:min(1180px,calc(100% - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
button,input{font:inherit}
button{cursor:pointer}
.shell{width:var(--shell);margin-inline:auto}
.narrow-main{width:min(880px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;transform:translateY(-160%);background:var(--ink-deep);color:#fff;padding:10px 14px;border-radius:8px}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:80;background:rgba(250,247,242,.96);border-bottom:1px solid rgba(216,204,192,.9);backdrop-filter:blur(14px)}
.header-row{min-height:78px;display:flex;align-items:center;gap:24px}
.brand-lockup{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:max-content}
.brand-lockup img{width:46px;height:46px;object-fit:contain}
.brand-lockup span{display:grid;line-height:1.1;gap:5px}
.brand-lockup strong{font-size:1.1rem;letter-spacing:.04em}
.brand-lockup small{font-size:.72rem;color:var(--muted);letter-spacing:.04em}
.primary-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav-link{display:inline-flex;align-items:center;min-height:42px;padding:0 11px;border-radius:999px;text-decoration:none;font-size:.93rem;color:#514944;white-space:nowrap}
.nav-link:hover,.nav-link:focus-visible,.nav-link.is-active{background:var(--paper-2);color:var(--brand-deep)}
.search-open,.menu-toggle{border:1px solid var(--line);background:var(--white);color:var(--ink-deep);border-radius:999px;min-height:42px;padding:0 15px}
.search-open:hover,.menu-toggle:hover{border-color:var(--brand);color:var(--brand-deep)}
.menu-toggle{display:none}
.breadcrumb-wrap{padding-top:18px}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px 14px;list-style:none;margin:0;padding:0;font-size:.85rem;color:var(--muted)}
.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:14px;color:#B3A59B}
.breadcrumbs a{text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.search-modal[hidden]{display:none !important}
.search-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:start center;padding:11vh 20px 30px;overflow:auto}
.search-backdrop{position:absolute;inset:0;background:rgba(43,37,35,.72)}
.search-dialog{position:relative;width:min(680px,100%);background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.search-dialog h2{margin:.2rem 0 .5rem;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.25}
.search-dialog p{margin:.2rem 0 1.4rem;color:var(--muted)}
.search-close{position:absolute;right:18px;top:18px;border:0;background:transparent;color:var(--muted)}
.search-form label{display:block;font-weight:700;margin-bottom:8px}
.search-line{display:flex;gap:10px}
.search-line input{min-width:0;flex:1;border:1px solid var(--line);background:var(--white);border-radius:14px;padding:12px 14px;color:var(--ink);outline:none}
.search-line input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(200,92,58,.12)}
.search-line button{border:0;border-radius:14px;padding:0 20px;background:var(--brand);color:#fff;font-weight:700}
body.search-lock{overflow:hidden}
.site-main{min-height:55vh}
.eyebrow{margin:0 0 9px;color:var(--brand-deep);font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.eyebrow.light{color:#F2C879}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 19px;border-radius:999px;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 20px rgba(200,92,58,.18)}
.button:hover{background:var(--brand-deep)}
.button-small{min-height:43px;padding-inline:16px;font-size:.92rem}
.text-link{color:var(--brand-deep);font-weight:700}
.strong-link{text-decoration-thickness:2px}
.subtle-link{display:inline-block;margin-left:20px;color:var(--muted)}
.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.section-band{background:var(--paper-2);border-block:1px solid var(--line)}
.section-band-soft{background:#F6F0E9;border-block:1px solid var(--line)}
.section-band-dark{background:var(--ink-deep);color:#F7EFE8}
.section-heading{margin-bottom:30px}
.section-heading h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.16;letter-spacing:-.03em;color:var(--ink-deep)}
.split-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:40px}
.split-heading>p{margin:0;color:var(--muted);max-width:48ch}
.home-hero{padding:62px 0 68px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
.hero-copy h1{max-width:760px;margin:.15rem 0 22px;color:var(--ink-deep);font-size:clamp(2.45rem,5.5vw,5.2rem);line-height:1.03;letter-spacing:-.055em}
.hero-lead{max-width:720px;font-size:1.12rem;color:#514944;line-height:1.9}
.hero-links{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:28px}
.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:38px 0 0}
.hero-facts div{padding-top:13px;border-top:1px solid var(--line)}
.hero-facts dt{font-size:.76rem;color:var(--muted);margin-bottom:4px}
.hero-facts dd{margin:0;font-size:.93rem;font-weight:700}
.hero-visual{margin:0;position:relative}
.hero-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:36px 36px 120px 36px;box-shadow:var(--shadow);background:var(--paper-2)}
.hero-visual figcaption{position:absolute;right:18px;bottom:18px;max-width:290px;background:rgba(255,253,252,.92);border:1px solid rgba(216,204,192,.9);border-radius:16px;padding:11px 14px;font-size:.8rem;color:var(--muted)}
.home-route{padding:72px 0}
.route-list{border-top:1px solid var(--line)}
.route-row{display:grid;grid-template-columns:60px 180px 1fr 32px;gap:20px;align-items:center;padding:24px 8px;border-bottom:1px solid var(--line);text-decoration:none}
.route-row:hover{background:rgba(241,234,226,.55)}
.route-index{font-variant-numeric:tabular-nums;color:var(--brand);font-weight:800}
.route-title{font-size:1.1rem;font-weight:800;color:var(--ink-deep)}
.route-summary{color:var(--muted)}
.route-arrow{font-size:1.4rem;color:var(--brand)}
.community-preview{padding:78px 0}
.asym-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:center}
.visual-stack{position:relative;max-width:500px}
.portrait-image{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px 92px 24px 24px}
.image-note{position:absolute;right:-34px;bottom:26px;width:min(290px,80%);padding:15px 17px;border-radius:16px;background:var(--amber);color:#4C3825;font-size:.84rem;box-shadow:var(--shadow)}
.prose-block h2{margin:.2rem 0 20px;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.14;letter-spacing:-.03em;color:var(--ink-deep)}
.prose-block p{font-size:1.04rem;color:#514944}
.prose-block .strong-link{display:block;margin-top:24px}
.home-editorial{padding:78px 0}
.editorial-list{border-top:1px solid var(--line)}
.editorial-row{display:grid;grid-template-columns:52px 1fr;gap:24px;padding:27px 0;border-bottom:1px solid var(--line)}
.editorial-marker{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper-2);color:var(--brand-deep);font-weight:800}
.editorial-row h3{margin:0 0 6px;font-size:1.2rem;color:var(--ink-deep)}
.editorial-row p{margin:0;color:var(--muted);max-width:88ch}
.mobile-strip{padding:68px 0}
.mobile-strip-grid{display:grid;grid-template-columns:1fr .82fr;gap:64px;align-items:center}
.mobile-strip h2{margin:.15rem 0 16px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;color:var(--ink-deep)}
.mobile-strip p{color:var(--muted);max-width:62ch}
.mobile-strip figure{margin:0}
.mobile-strip img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:70px 22px 22px 22px}
.verification-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;padding:80px 0}
.verification-lead img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px;margin-bottom:30px}
.verification-lead h2{font-size:clamp(1.8rem,4vw,3.05rem);line-height:1.15;margin:.1rem 0 15px;color:var(--ink-deep)}
.verification-lead p{color:var(--muted)}
.verification-side{border-left:1px solid var(--line);padding-left:32px;align-self:end}
.verification-side article{padding:24px 0;border-bottom:1px solid var(--line)}
.verification-side article:first-child{border-top:1px solid var(--line)}
.verification-side h3{margin:0 0 8px;color:var(--ink-deep)}
.verification-side p{margin:0 0 10px;color:var(--muted);font-size:.95rem}
.verification-side a{color:var(--brand-deep);font-weight:700}
.home-index{padding:72px 0}
.index-band-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.index-band-grid h2{margin:.1rem 0 16px;color:#fff;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}
.index-band-grid p{color:#D7CCC4}
.index-band-links{display:grid;border-top:1px solid rgba(255,255,255,.16)}
.index-band-links a{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16);text-decoration:none}
.index-band-links strong{color:#fff}
.index-band-links span{color:#D7CCC4}
.index-band-links a:hover strong{color:#F2C879}
.ending-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding:76px 0}
.ending-grid h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;margin:.1rem 0 16px;color:var(--ink-deep)}
.ending-grid p{color:var(--muted)}
.ending-links{display:grid;grid-template-columns:1fr 1fr;align-content:start;border-top:1px solid var(--line)}
.ending-links a{padding:15px 2px;border-bottom:1px solid var(--line);text-decoration:none}
.ending-links a:nth-child(odd){margin-right:22px}
.ending-links a:hover{color:var(--brand-deep)}
.article-shell{padding:34px 0 82px}
.article-head{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:end;padding:36px 0 58px;border-bottom:1px solid var(--line)}
.article-title-block h1{margin:.1rem 0 18px;font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.06;letter-spacing:-.045em;color:var(--ink-deep)}
.article-lead{margin:0;color:#5B514C;font-size:1.08rem;max-width:68ch}
.article-figure{margin:0}
.article-figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px 78px 26px 26px;background:var(--paper-2)}
.editorial-sections,.guide-steps,.policy-stack{width:min(820px,100%);margin:0 auto;padding:56px 0}
.content-section{padding:28px 0;border-bottom:1px solid var(--line)}
.content-section:first-child{padding-top:0}
.content-section h2{margin:0 0 10px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.24;color:var(--ink-deep)}
.content-section p{margin:0;color:#5D544F;font-size:1.02rem}
.guide-steps{counter-reset:guide}
.guide-steps .content-section{display:grid;grid-template-columns:110px 1fr;column-gap:28px}
.guide-steps .step-kicker{grid-row:1/3;color:var(--brand-deep);font-size:.77rem;font-weight:800;letter-spacing:.1em}
.policy-stack{display:grid;gap:16px}
.policy-stack .content-section{padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,252,.55)}
.timeline{width:min(860px,100%);margin:0 auto;padding:58px 0;position:relative}
.timeline::before{content:"";position:absolute;left:22px;top:58px;bottom:58px;width:1px;background:var(--line)}
.timeline-item{position:relative;padding:0 0 38px 66px}
.timeline-item::before{content:"";position:absolute;left:15px;top:8px;width:15px;height:15px;border-radius:50%;background:var(--brand);border:4px solid var(--paper)}
.timeline-item h2{margin:0 0 9px;font-size:1.24rem;color:var(--ink-deep)}
.timeline-item p{margin:0;color:var(--muted)}
.index-list{width:min(940px,100%);margin:0 auto;padding:56px 0;border-top:1px solid transparent}
.index-row{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}
.index-number{font-size:1.3rem;font-weight:800;color:var(--brand)}
.index-row h2{margin:0 0 8px;font-size:1.4rem;color:var(--ink-deep)}
.index-row p{margin:0;color:var(--muted)}
.faq-section{width:min(880px,100%);margin:0 auto;padding:56px 0}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;padding:21px 42px 21px 0;font-weight:800;color:var(--ink-deep);position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:4px;top:16px;font-size:1.5rem;color:var(--brand)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 0 20px;color:var(--muted);max-width:76ch}
.faq-answer p{margin:0}
.continue-panel{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:34px;border-radius:24px;background:var(--paper-2);border:1px solid var(--line)}
.continue-panel h2{margin:0;font-size:1.45rem;color:var(--ink-deep)}
.continue-links{display:grid;align-content:start}
.continue-links a{padding:9px 0;border-bottom:1px solid rgba(118,108,102,.23);text-decoration:none;color:var(--brand-deep);font-weight:700}
.search-page-panel{padding:58px 0 86px}
.search-page-panel h1{font-size:clamp(2.3rem,6vw,4.8rem);margin:.1rem 0 28px;color:var(--ink-deep);letter-spacing:-.04em}
.page-search-form{margin-bottom:40px}
.search-hint,.empty-state{padding:26px 0;border-top:1px solid var(--line)}
.search-hint h2,.empty-state h2{font-size:1.25rem;color:var(--ink-deep)}
.search-hint a{color:var(--brand-deep)}
.search-results{border-top:1px solid var(--line)}
.result-count{color:var(--muted);font-size:.9rem;margin:18px 0}
.search-result{padding:24px 0;border-bottom:1px solid var(--line)}
.search-result h2{margin:0 0 8px;font-size:1.35rem}
.search-result h2 a{text-decoration:none;color:var(--ink-deep)}
.search-result h2 a:hover{color:var(--brand-deep)}
.search-result p{margin:0 0 8px;color:var(--muted)}
.result-path{font-size:.82rem;color:var(--brand-deep)}
.not-found-panel{padding:110px 0 140px}
.not-found-panel h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.04;margin:.1rem 0 20px;color:var(--ink-deep)}
.not-found-panel>p:not(.eyebrow){color:var(--muted);max-width:58ch}
.site-footer{background:#E9DED3;border-top:1px solid #D5C7BA;padding:58px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:42px}
.footer-grid h2{font-size:1rem;margin:0 0 13px;color:var(--ink-deep)}
.footer-grid p{margin:0;color:var(--muted);max-width:40ch;font-size:.92rem}
.footer-grid section{display:grid;align-content:start;gap:8px}
.footer-grid a{font-size:.9rem;text-decoration:none;color:#594F49}
.footer-grid a:hover{text-decoration:underline;color:var(--brand-deep)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:34px;margin-top:34px;border-top:1px solid #CCBCAE;color:var(--muted);font-size:.82rem}
.footer-bottom p{margin:0}
.footer-bottom a{color:inherit}
.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--brand-deep);box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:70}
:focus-visible{outline:3px solid rgba(217,74,50,.32);outline-offset:3px}
@media (max-width:1080px){
  :root{--shell:min(100% - 38px,1040px)}
  .primary-nav{gap:0}.nav-link{padding-inline:8px;font-size:.88rem}
  .hero-grid{gap:36px}.hero-copy h1{font-size:clamp(2.4rem,5.2vw,4.3rem)}
  .asym-grid{gap:48px}.verification-grid{gap:38px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}
  .footer-grid section:last-child{grid-column:2/4}
}
@media (max-width:900px){
  .menu-toggle{display:inline-flex;align-items:center;margin-left:auto}
  .search-open{margin-left:0}
  .primary-nav{position:absolute;left:19px;right:19px;top:72px;display:none;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
  .primary-nav.is-open{display:grid}
  .nav-link{padding:8px 11px}
  .hero-grid,.article-head,.asym-grid,.mobile-strip-grid,.verification-grid,.index-band-grid,.ending-grid,.continue-panel{grid-template-columns:1fr}
  .hero-visual{max-width:720px}.hero-visual img{border-radius:30px 30px 90px 30px}
  .split-heading{grid-template-columns:1fr;gap:14px}
  .visual-stack{max-width:560px}.image-note{right:20px}
  .verification-side{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:12px}
  .index-band-links a{grid-template-columns:150px 1fr}
  .ending-links{grid-template-columns:1fr 1fr}
  .article-head{align-items:start}.article-figure{max-width:720px}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid section:last-child{grid-column:auto}
}
@media (max-width:700px){
  :root{--shell:calc(100% - 28px)}
  .narrow-main{width:calc(100% - 28px)}
  .site-header{position:sticky}.header-row{min-height:68px;gap:10px}
  .brand-lockup img{width:40px;height:40px}.brand-lockup small{display:none}
  .search-open{padding-inline:11px;font-size:.86rem}.menu-toggle{padding-inline:11px;font-size:.86rem}
  .primary-nav{left:14px;right:14px;top:65px}
  .home-hero{padding:42px 0 50px}.hero-grid{gap:30px}.hero-copy h1{font-size:clamp(2.35rem,12vw,4rem)}
  .hero-lead{font-size:1rem}.hero-facts{grid-template-columns:1fr;gap:8px}.hero-facts div{display:grid;grid-template-columns:90px 1fr}
  .hero-visual figcaption{position:static;margin-top:10px;background:transparent;border:0;padding:0}
  .home-route,.community-preview,.home-editorial,.verification-grid,.ending-grid{padding:54px 0}.mobile-strip,.home-index{padding:52px 0}
  .route-row{grid-template-columns:42px 1fr 26px;gap:12px;padding:20px 2px}.route-summary{grid-column:2/4}.route-arrow{grid-column:3;grid-row:1}
  .image-note{position:static;width:auto;margin-top:10px}.subtle-link{display:block;margin:12px 0 0}
  .editorial-row{grid-template-columns:42px 1fr;gap:14px}
  .mobile-strip-grid{gap:32px}.verification-grid{gap:36px}
  .index-band-grid{gap:30px}.index-band-links a{grid-template-columns:1fr;gap:3px}
  .ending-grid{gap:30px}.ending-links{grid-template-columns:1fr}.ending-links a:nth-child(odd){margin-right:0}
  .article-shell{padding-top:20px}.article-head{gap:26px;padding:24px 0 38px}.article-title-block h1{font-size:clamp(2.2rem,10vw,3.4rem)}
  .editorial-sections,.guide-steps,.policy-stack,.faq-section,.timeline,.index-list{padding:40px 0}
  .guide-steps .content-section{display:block}.guide-steps .step-kicker{display:block;margin-bottom:6px}
  .index-row{grid-template-columns:46px 1fr;gap:12px}
  .continue-panel{gap:20px;padding:24px}
  .footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{display:grid;gap:6px}
  .search-dialog{padding:28px 20px}.search-line{display:grid}.search-line button{min-height:46px}
}
@media (max-width:420px){
  .brand-lockup strong{font-size:1rem}.brand-lockup span{gap:0}
  .search-open{font-size:0;width:42px;padding:0}.search-open::after{content:"搜";font-size:.84rem}
  .hero-links,.inline-actions{align-items:stretch}.hero-links .button,.inline-actions .button{width:100%}
  .hero-visual img,.article-figure img{border-radius:22px}
  .route-title{font-size:1rem}.route-summary{font-size:.92rem}
  .search-modal{padding-inline:12px}.search-dialog{border-radius:20px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}