/* ============ 辟谷百科 · 共享设计系统（复用首页配色与组件） ============ */
:root{
  --ink:#1F2A24; --ink-soft:#4A5A50; --ink-mute:#7A857D;
  --jade:#2C4A3B; --jade-light:#5C7F6A; --jade-pale:#E8EFE9;
  --gold:#B8935A; --gold-light:#D9BE8C;
  --paper:#F7F4ED; --paper-2:#FCFAF6; --white:#FFFFFF;
  --line:#E4DED1; --shadow:0 8px 32px rgba(31,42,36,.10);
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",SimSun,serif;
  --sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
  --maxw:1200px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:80px;}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul,ol{list-style:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.sec{padding:72px 0;position:relative;}
.sec--paper2{background:var(--paper-2);}

/* 区块标题 */
.sec__head{text-align:center;margin-bottom:52px;}
.sec__eyebrow{display:inline-block;font-family:var(--serif);font-size:14px;letter-spacing:.4em;color:var(--gold);margin-bottom:16px;}
.sec__title{font-family:var(--serif);font-size:clamp(28px,4vw,44px);font-weight:600;letter-spacing:.06em;line-height:1.4;margin-bottom:18px;color:var(--jade);}
.sec__sub{font-size:17px;color:var(--ink-mute);max-width:680px;margin:0 auto;}
.sec__divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:24px auto 0;}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 34px;border-radius:999px;font-size:16px;font-weight:500;letter-spacing:.05em;transition:all .3s;cursor:pointer;border:none;font-family:var(--sans);}
.btn--gold{background:var(--gold);color:var(--white);box-shadow:0 6px 20px rgba(184,147,90,.32);}
.btn--gold:hover{background:#A8844E;transform:translateY(-2px);}
.btn--jade{background:var(--jade);color:var(--paper);}
.btn--jade:hover{background:#233B2F;transform:translateY(-2px);}
.btn--ghost{background:transparent;color:var(--jade);border:1px solid var(--jade);}
.btn--ghost:hover{background:var(--jade);color:var(--paper);}

/* ============ 导航（百科页：常驻实心） ============ */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(252,250,246,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line),0 4px 24px rgba(31,42,36,.05);}
.nav__inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;}
.nav__logo{display:flex;align-items:center;gap:10px;}
.nav__logo-mark{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--jade),var(--jade-light));display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-family:var(--serif);font-size:17px;font-weight:600;flex-shrink:0;}
.nav__logo-text{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.14em;color:var(--jade);}
.nav__menu{display:flex;align-items:center;gap:30px;}
.nav__link{font-size:15px;color:var(--ink-soft);position:relative;transition:color .25s;letter-spacing:.04em;}
.nav__link:hover{color:var(--gold);}
.nav__link.active{color:var(--gold);}
.nav__cta{padding:9px 22px;background:var(--gold);color:var(--white);border-radius:999px;font-size:14px;transition:all .3s;}
.nav__cta:hover{background:#A8844E;transform:translateY(-1px);}
.nav__toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.nav__toggle span{display:block;width:24px;height:2px;background:var(--jade);margin:5px 0;transition:all .3s;}

/* ============ 页头横幅 ============ */
.banner{background:linear-gradient(135deg,var(--jade),#1c3328);color:var(--paper);padding:140px 0 72px;text-align:center;}
.banner__eyebrow{display:inline-block;font-family:var(--serif);letter-spacing:.4em;font-size:14px;color:var(--gold-light);margin-bottom:18px;}
.banner__title{font-family:var(--serif);font-size:clamp(32px,5vw,52px);font-weight:600;letter-spacing:.05em;margin-bottom:18px;}
.banner__sub{font-size:17px;color:rgba(247,244,237,.78);max-width:680px;margin:0 auto;line-height:2;}

/* 面包屑 */
.crumb{padding:22px 0 0;font-size:14px;color:var(--ink-mute);}
.crumb a{color:var(--jade-light);}
.crumb a:hover{color:var(--gold);}
.crumb span{margin:0 8px;color:var(--line);}

/* ============ 文章卡片网格 ============ */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px 28px;transition:all .35s;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.card::before{content:'';position:absolute;left:0;top:0;width:3px;height:0;background:var(--gold);transition:height .4s;}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold-light);}
.card:hover::before{height:100%;}
.card__tag{display:inline-block;font-size:12px;letter-spacing:.1em;color:var(--jade-light);background:var(--jade-pale);padding:4px 12px;border-radius:999px;margin-bottom:16px;align-self:flex-start;}
.card__title{font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.6;margin-bottom:12px;color:var(--ink);}
.card__excerpt{font-size:15px;color:var(--ink-mute);line-height:1.9;flex:1;}
.card__more{margin-top:18px;font-size:14px;color:var(--gold);font-weight:500;}

/* ============ 文章正文排版 ============ */
.article{max-width:780px;margin:0 auto;}
.article h2{font-family:var(--serif);font-size:clamp(22px,3vw,30px);font-weight:600;color:var(--jade);margin:44px 0 18px;line-height:1.5;padding-left:14px;border-left:3px solid var(--gold);}
.article h3{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink);margin:32px 0 12px;}
.article p{font-size:16.5px;color:var(--ink-soft);line-height:2.1;margin-bottom:18px;}
.article ul,.article ol{margin:0 0 20px;padding-left:0;}
.article ul li,.article ol li{font-size:16.5px;color:var(--ink-soft);line-height:2;margin-bottom:12px;padding-left:26px;position:relative;}
.article ul li::before{content:'';position:absolute;left:6px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--gold);}
.article ol{counter-reset:li;}
.article ol li{counter-increment:li;}
.article ol li::before{content:counter(li);position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--jade-pale);color:var(--jade);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;}
.article strong{color:var(--jade);font-weight:600;}
.article .lead{font-size:18px;color:var(--ink);line-height:2.2;margin-bottom:26px;}
.callout{background:var(--jade-pale);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:22px 24px;margin:28px 0;font-size:15.5px;color:var(--ink-soft);line-height:2;}
.callout strong{color:var(--jade);}
.article__meta{font-size:14px;color:var(--ink-mute);margin-bottom:8px;}

/* 文末 CTA */
.cta-box{background:var(--jade);color:var(--paper);border-radius:18px;padding:44px 36px;text-align:center;margin:48px 0 8px;}
.cta-box h3{font-family:var(--serif);font-size:24px;margin-bottom:14px;color:var(--white);}
.cta-box p{font-size:15.5px;color:rgba(247,244,237,.82);margin-bottom:24px;line-height:1.9;}
.cta-box .btn--gold{background:var(--gold);}
.cta-box .btn--ghost{background:transparent;color:var(--paper);border:1px solid rgba(247,244,237,.5);}
.cta-box .btn--ghost:hover{background:rgba(247,244,237,.12);border-color:var(--paper);}
.cta-box__row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* 相关阅读 */
.rel__title{font-family:var(--serif);font-size:22px;color:var(--jade);margin-bottom:24px;text-align:center;}

/* ============ 页脚 ============ */
.footer{background:#182219;color:rgba(247,244,237,.62);padding:56px 0 32px;}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;padding-bottom:36px;border-bottom:1px solid rgba(247,244,237,.1);}
.footer__brand{font-family:var(--serif);font-size:20px;color:var(--paper);letter-spacing:.14em;margin-bottom:14px;}
.footer__desc{font-size:15px;line-height:2;max-width:340px;}
.footer__h{font-family:var(--serif);font-size:16px;color:var(--paper);letter-spacing:.1em;margin-bottom:16px;}
.footer__list li{font-size:15px;line-height:2.2;}
.footer__list a:hover{color:var(--gold-light);}
.footer__bottom{padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;}
.footer__links{display:flex;gap:22px;}

/* 悬浮条 */
.mobar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:rgba(252,250,246,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));}
.mobar__row{display:flex;gap:10px;}
.mobar .btn{flex:1;padding:13px 10px;font-size:14.5px;}

/* ============ 响应式 ============ */
@media (max-width:1024px){.footer__grid{grid-template-columns:1fr 1fr;}}
@media (max-width:768px){
  .sec{padding:48px 0;}
  .nav__menu{position:fixed;top:72px;left:0;right:0;background:var(--paper-2);flex-direction:column;gap:0;padding:12px 24px 24px;box-shadow:var(--shadow);transform:translateY(-120%);transition:transform .4s ease;max-height:calc(100vh - 72px);overflow-y:auto;}
  .nav__menu{visibility:hidden;}
  .nav__menu.open{transform:translateY(0);visibility:visible;}
  .nav__menu .nav__link{width:100%;padding:15px 0;border-bottom:1px solid var(--line);color:var(--ink)!important;font-size:16px;}
  .nav__menu .nav__cta{margin-top:16px;width:100%;text-align:center;}
  .nav__toggle{display:block;}
  .banner{padding:120px 0 52px;}
  .footer__grid{grid-template-columns:1fr;gap:28px;}
  .mobar{display:block;}
  .mobar .btn{padding:11px 8px;font-size:14px;white-space:nowrap;}
  body{padding-bottom:68px;}
}