/* 博历通 · 有机自然风格 */
:root{
  --cream:#faf7ef; --paper:#fffdf6; --ink:#33402f; --ink-soft:#5c6755;
  --green:#3e6b48; --green-deep:#2c4f36; --moss:#6d8f6a; --sage:#a7bd9b;
  --clay:#c07a4b; --sand:#e9e0c8; --line:rgba(62,107,72,.16);
  --shadow:0 10px 30px rgba(52,79,48,.10);
  --radius-org:26px 34px 24px 36px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  color:var(--ink); background:var(--cream);
  background-image:radial-gradient(rgba(62,107,72,.05) 1px, transparent 1.2px);
  background-size:26px 26px; line-height:1.85; font-size:16px;
}
h1,h2,h3,.sec-title,.col-h1,.logo-txt b{font-family:"Noto Serif SC","Source Han Serif SC","STSong","SimSun",serif;font-weight:700}
a{color:var(--green);text-decoration:none;transition:color .2s}
a:hover{color:var(--clay)}
.wrap{max-width:1100px;margin:0 auto;padding:0 22px}

/* 顶栏 */
.site-head{position:sticky;top:0;z-index:50;background:rgba(250,247,239,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px;max-width:1100px;margin:0 auto;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px}
.logo-txt{display:flex;flex-direction:column;line-height:1.15}
.logo-txt b{font-size:22px;color:var(--green-deep);letter-spacing:4px}
.logo-txt i{font-style:normal;font-size:11px;color:var(--ink-soft);letter-spacing:2px}
.main-nav{display:flex;gap:4px;flex-wrap:wrap}
.main-nav a{padding:7px 12px;border-radius:16px 20px 14px 22px;font-size:14px;color:var(--ink-soft)}
.main-nav a:hover{background:var(--sand);color:var(--green-deep)}

/* 首页 hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#f3efdf 0%,#eaf0e0 55%,#e3ecd6 100%);padding:96px 0 150px}
.hero .wrap{position:relative;z-index:2;text-align:center}
.hero-kicker{display:inline-block;font-size:13px;letter-spacing:6px;color:var(--clay);border:1px dashed rgba(192,122,75,.5);padding:6px 18px;border-radius:999px;background:rgba(255,253,246,.6)}
.hero h1{font-size:clamp(40px,7vw,68px);color:var(--green-deep);margin:26px 0 8px;letter-spacing:10px}
.hero h1 em{display:block;font-size:clamp(15px,2.6vw,20px);font-style:normal;color:var(--ink-soft);letter-spacing:3px;margin-top:14px;font-weight:400}
.hero-sub{max-width:620px;margin:14px auto 30px;color:var(--ink-soft)}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-leaves{position:absolute;inset:0;z-index:1;background:
  radial-gradient(320px 220px at 8% 18%, rgba(110,143,106,.18), transparent 70%),
  radial-gradient(260px 200px at 90% 12%, rgba(167,189,155,.30), transparent 70%),
  radial-gradient(400px 260px at 78% 88%, rgba(110,143,106,.14), transparent 70%)}
.btn{display:inline-block;padding:11px 26px;border-radius:24px 30px 22px 28px;background:var(--green);color:#fff;font-size:15px;letter-spacing:2px;box-shadow:var(--shadow)}
.btn:hover{background:var(--green-deep);color:#fff;transform:translateY(-2px);transition:.25s}
.btn.big{padding:14px 34px;font-size:16px}
.btn.ghost{background:transparent;color:var(--green-deep);border:1.5px solid var(--green)}
.btn.ghost:hover{background:rgba(62,107,72,.08)}

/* 通用小节 */
.sec-title{font-size:clamp(24px,4vw,34px);color:var(--green-deep);letter-spacing:3px;text-align:center;margin-bottom:6px}
.sec-sub{text-align:center;color:var(--ink-soft);letter-spacing:4px;font-size:14px;margin-bottom:34px}
.cols-sec{padding:70px 20px 40px;background:var(--cream)}
.col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.col-card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-org);padding:26px 26px 20px;box-shadow:var(--shadow);position:relative;transition:.25s}
.col-card::before{content:"";position:absolute;top:-10px;left:26px;width:56px;height:20px;background:var(--sage);opacity:.55;border-radius:0 0 40px 40px}
.col-card h3{font-size:21px;color:var(--green-deep);margin-bottom:8px;letter-spacing:2px}
.col-card p{font-size:14px;color:var(--ink-soft);margin-bottom:14px;min-height:66px}
.col-card span{font-size:13px;color:var(--clay);letter-spacing:2px}
.col-card:hover{transform:translateY(-4px);border-color:rgba(192,122,75,.4)}

/* 最新文章 */
.latest-sec{padding:40px 0 70px}
.latest-list{list-style:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-org);padding:12px 26px;box-shadow:var(--shadow)}
.latest-list li{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px dashed var(--line);flex-wrap:wrap}
.latest-list li:last-child{border-bottom:none}
.latest-list a{flex:1;min-width:240px;color:var(--ink)}
.latest-list a:hover{color:var(--green)}
.latest-list time{color:#9aa38f;font-size:13px}
.tag{font-size:12px;background:var(--sand);color:var(--green-deep);padding:2px 12px;border-radius:999px;white-space:nowrap}

/* about */
.about-sec{background:linear-gradient(150deg,#eef3e3,#e6eeda);padding:70px 0 80px;position:relative}
.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.about-sec .sec-title{text-align:left}
.about-sec p{color:var(--ink-soft);margin-top:14px}
.about-box{background:var(--paper);border-radius:var(--radius-org);padding:28px 30px;box-shadow:var(--shadow);border:1px solid var(--line)}
.about-box h3{color:var(--clay);margin-bottom:12px;letter-spacing:2px}
.about-box li{list-style:none;padding:7px 0 7px 26px;position:relative;color:var(--ink-soft)}
.about-box li::before{content:"❧";position:absolute;left:2px;color:var(--moss)}

/* 文章页 */
.crumbs{padding:22px 22px 0;font-size:13px;color:var(--ink-soft)}
.crumbs a{color:var(--ink-soft)}
.crumbs em{font-style:normal;color:var(--clay)}
.crumbs span{margin:0 8px;color:var(--sage)}
.art-main{display:grid;grid-template-columns:1fr 300px;gap:36px;padding:20px 22px 60px}
.article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-org);padding:44px 48px;box-shadow:var(--shadow)}
.art-meta{font-size:13px;color:#9aa38f;letter-spacing:1px;margin-bottom:10px}
.article h1{font-size:clamp(24px,3.4vw,32px);color:var(--green-deep);line-height:1.5;margin-bottom:22px;padding-bottom:18px;border-bottom:2px solid var(--sand)}
.article h2{font-size:20px;color:var(--green-deep);margin:30px 0 12px;padding-left:14px;border-left:4px solid var(--moss);letter-spacing:1px}
.article p{margin:12px 0;color:var(--ink)}
.article .lead-p{font-size:17px;color:var(--green-deep)}
.article .lead-p::first-letter{font-size:2.4em;font-family:"Noto Serif SC","SimSun",serif;float:left;line-height:1;margin:6px 10px 0 0;color:var(--clay)}
.article blockquote{margin:26px 0;padding:16px 24px;background:#f2f5ea;border-left:4px solid var(--clay);border-radius:0 18px 18px 0;color:var(--green-deep);font-family:"Noto Serif SC","SimSun",serif;font-size:17px}
.article ul{margin:14px 0 8px;padding-left:4px;list-style:none}
.article ul li{padding:8px 0 8px 28px;position:relative;color:var(--ink-soft)}
.article ul li::before{content:"❦";position:absolute;left:4px;color:var(--moss)}
.closing{margin-top:26px;padding-top:16px;border-top:1px dashed var(--line);color:var(--ink-soft);font-style:italic}
.art-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:34px;padding:18px 22px;background:#f2f5ea;border-radius:20px 26px 18px 28px;flex-wrap:wrap}
.art-cta span{color:var(--green-deep);letter-spacing:1px;font-size:15px}
.art-side h3{font-size:18px;color:var(--green-deep);letter-spacing:2px;margin-bottom:14px}
.art-side ul{list-style:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-org);padding:16px 20px;box-shadow:var(--shadow)}
.art-side li{padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}
.art-side li:last-child{border-bottom:none}
.art-side li a{color:var(--ink)}
.art-side li a:hover{color:var(--green)}
.side-note{margin-top:18px;font-size:13px;color:#9aa38f;background:var(--sand);border-radius:18px;padding:14px 18px;line-height:1.7}

/* 栏目索引 */
.crumb-line{padding:26px 0 4px;font-size:13px;color:var(--ink-soft)}
.col-main{padding:0 22px 70px}
.col-h1{font-size:clamp(30px,5vw,44px);color:var(--green-deep);letter-spacing:6px;margin:6px 0 8px}
.col-desc{color:var(--ink-soft);margin-bottom:30px}
.col-list{list-style:none;counter-reset:cl;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.col-list li{counter-increment:cl;display:flex;justify-content:space-between;gap:12px;padding:13px 6px;border-bottom:1px dashed var(--line);align-items:baseline;flex-wrap:wrap}
.col-list li::before{content:counter(cl,decimal-leading-zero);font-family:Georgia,serif;color:var(--sage);font-size:13px;margin-right:12px}
.col-list li a{flex:1;color:var(--ink);font-size:15px;min-width:220px}
.col-list li a:hover{color:var(--green)}
.col-list time{color:#9aa38f;font-size:12.5px}

/* 页脚 */
.site-foot{background:var(--green-deep);color:#dfe8d8;margin-top:30px;padding:44px 0 30px;font-size:14px}
.foot-brand{display:flex;align-items:center;gap:10px;font-family:"Noto Serif SC","SimSun",serif;font-size:20px;letter-spacing:4px;color:#fff;margin-bottom:10px}
.foot-desc{max-width:560px;color:#b9c9ae;margin-bottom:12px}
.foot-nav{display:flex;gap:6px 16px;flex-wrap:wrap;margin-bottom:16px}
.foot-nav a{color:#dfe8d8;padding:3px 0}
.foot-nav a:hover{color:#fff}
.icp{color:#93a687;font-size:13px}
.icp a{color:#93a687;border-bottom:1px dotted #93a687}
.icp a:hover{color:#fff}

@media (max-width:900px){
  .art-main{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
  .col-list{grid-template-columns:1fr}
  .article{padding:30px 24px}
  .head-in{justify-content:center}
}