/* roulang page: index */
:root{
  --c-primary:#0B6E4F;
  --c-primary-dark:#074C36;
  --c-primary-soft:#E7F2EC;
  --c-accent:#F26A21;
  --c-accent-soft:#FDEDE3;
  --c-ink:#121C18;
  --c-ink-2:#3F4F49;
  --c-ink-3:#7C8A84;
  --c-bg:#F6F7F4;
  --c-card:#FFFFFF;
  --c-dark:#0E1A16;
  --c-line:#E3E8E4;
  --r-card:14px;
  --r-img:12px;
  --r-btn:10px;
  --r-input:10px;
  --r-pill:999px;
  --sh-1:0 1px 2px rgba(18,28,24,.04);
  --sh-card:0 10px 26px -18px rgba(18,28,24,.22);
  --sh-hover:0 16px 34px -16px rgba(18,28,24,.28);
  --maxw:1200px;
  --font-cn:-apple-system,"PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-cn);
  font-size:16.5px;
  line-height:1.9;
  color:var(--c-ink);
  background:var(--c-bg);
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;border:0}
a{color:var(--c-primary);text-decoration:none;transition:color .18s ease}
a:hover{color:var(--c-primary-dark)}
button{font-family:inherit;cursor:pointer}
input,textarea,select{font-family:inherit;font-size:16px}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.3;letter-spacing:.01em;color:var(--c-ink)}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid rgba(11,110,79,.32);outline-offset:2px;border-radius:6px}
.row{max-width:var(--maxw)}
.k-container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.k-section{padding:96px 0}
.k-section--tight{padding:72px 0}
.k-section--plain{background:var(--c-card)}
.k-section__head{max-width:760px;margin-bottom:40px}
.k-section__eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;color:var(--c-primary);
  background:var(--c-primary-soft);border-radius:var(--r-pill);
  padding:5px 14px;margin-bottom:16px;letter-spacing:.02em;
}
.k-section__title{font-size:clamp(24px,2.6vw,34px);font-weight:800}
.k-section__desc{margin-top:14px;color:var(--c-ink-2);font-size:16px;line-height:1.8}

/* 按钮 */
.k-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 24px;border-radius:var(--r-btn);
  font-size:15.5px;font-weight:600;border:1px solid transparent;
  transition:all .2s ease;white-space:nowrap;
}
.k-btn--primary{background:var(--c-primary);color:#fff}
.k-btn--primary:hover{background:var(--c-primary-dark);color:#fff;transform:translateY(-2px)}
.k-btn--primary:active{transform:translateY(1px)}
.k-btn--ghost{background:transparent;color:var(--c-primary);border-color:rgba(11,110,79,.28)}
.k-btn--ghost:hover{background:var(--c-primary-soft);color:var(--c-primary-dark);transform:translateY(-2px)}
.k-btn--light{background:#fff;color:var(--c-primary);border-color:rgba(255,255,255,.6)}
.k-btn--light:hover{background:#fff;color:var(--c-primary-dark);transform:translateY(-2px)}
.k-btn--outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.k-btn--outline-light:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-2px)}
.k-btn--accent{background:var(--c-accent);color:#fff}
.k-btn--accent:hover{background:#d9570f;color:#fff;transform:translateY(-2px)}

/* 徽章 */
.k-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12.5px;font-weight:600;line-height:1;
  padding:6px 12px;border-radius:var(--r-pill);
  background:var(--c-primary-soft);color:var(--c-primary-dark);
}
.k-badge--accent{background:var(--c-accent-soft);color:#B34A0D}
.k-badge--solid{background:var(--c-primary);color:#fff}
.k-badge--on-img{background:rgba(255,255,255,.94);color:var(--c-primary-dark)}

/* 顶部导航 */
.k-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid var(--c-line);transition:box-shadow .22s ease}
.k-header.is-scrolled{box-shadow:0 8px 22px -16px rgba(18,28,24,.45)}
.k-topbar{display:flex;align-items:center;height:56px;transition:height .22s ease}
.k-header.is-scrolled .k-topbar{height:50px}
.k-topbar__inner{display:flex;align-items:center;gap:22px;width:100%}
.k-logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.k-logo__mark{
  width:34px;height:34px;border-radius:10px;
  background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;
}
.k-logo__text{font-size:18px;font-weight:800;color:var(--c-ink);letter-spacing:.01em;white-space:nowrap}
.k-nav{display:flex;align-items:center;gap:4px;margin-left:8px}
.k-nav__link{
  position:relative;display:inline-flex;align-items:center;height:56px;
  padding:0 14px;font-size:15px;font-weight:500;color:var(--c-ink-2);
  transition:color .18s ease;
}
.k-nav__link::after{
  content:"";position:absolute;left:14px;right:14px;bottom:12px;height:3px;
  border-radius:3px;background:var(--c-primary);transform:scaleX(0);transform-origin:center;
  transition:transform .2s ease;
}
.k-nav__link:hover{color:var(--c-primary)}
.k-nav__link.is-active{color:var(--c-primary);font-weight:700}
.k-nav__link.is-active::after{transform:scaleX(1)}
.k-topbar__tools{display:flex;align-items:center;gap:10px;margin-left:auto}
.k-tool-btn{
  display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;
  border-radius:var(--r-pill);border:1px solid var(--c-line);background:#fff;
  color:var(--c-ink-2);font-size:14px;transition:all .18s ease;
}
.k-tool-btn:hover{border-color:rgba(11,110,79,.35);color:var(--c-primary);background:var(--c-primary-soft)}
.k-search{position:relative}
.k-search__panel{
  position:absolute;right:0;top:46px;width:300px;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--r-card);box-shadow:var(--sh-hover);padding:14px;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s ease;
}
.k-search__panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.k-search__panel input{width:100%;height:44px;border:1px solid var(--c-line);border-radius:var(--r-input);padding:0 14px;outline:none}
.k-search__panel input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(11,110,79,.18)}
.k-burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--c-line);background:#fff;border-radius:10px;color:var(--c-ink);font-size:17px}

/* 频道行 */
.k-channelbar{background:#FBFCFA;border-top:1px solid var(--c-line)}
.k-channelbar__inner{display:flex;align-items:center;gap:20px;height:42px;overflow:hidden}
.k-channels{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.k-channel{
  display:inline-flex;align-items:center;height:42px;padding:0 12px;font-size:14px;
  color:var(--c-ink-2);font-weight:500;border-bottom:2px solid transparent;transition:all .18s ease;
}
.k-channel:hover{color:var(--c-primary);background:var(--c-primary-soft)}
.k-channel.is-active{color:var(--c-primary);font-weight:700;border-bottom-color:var(--c-primary)}
.k-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:6px 0}
.k-chips::-webkit-scrollbar{display:none}
.k-chip{
  display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--r-pill);
  background:#fff;border:1px solid var(--c-line);color:var(--c-ink-2);
  font-size:13px;white-space:nowrap;transition:all .18s ease;
}
.k-chip:hover{border-color:rgba(11,110,79,.35);color:var(--c-primary);background:var(--c-primary-soft)}

/* Hero */
.k-hero{position:relative;overflow:hidden;background:var(--c-dark);color:#fff}
.k-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
.k-hero__veil{
  position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(11,110,79,.9) 0%,rgba(14,26,22,.72) 52%,rgba(14,26,22,.62) 100%);
}
.k-hero__inner{position:relative;z-index:2;padding:84px 0 0}
.k-hero__copy h1{font-size:clamp(30px,4.1vw,50px);font-weight:800;color:#fff;line-height:1.25;margin-bottom:18px}
.k-hero__sub{font-size:17px;line-height:1.85;color:rgba(255,255,255,.88);max-width:560px}
.k-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.k-hero__trust{
  position:relative;z-index:2;margin-top:56px;padding:18px 0 22px;
  border-top:1px solid rgba(255,255,255,.2);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.k-hero__trust li{
  display:flex;flex-direction:column;gap:4px;padding:0 18px;
  border-left:1px solid rgba(255,255,255,.2);font-size:13.5px;color:rgba(255,255,255,.82);
}
.k-hero__trust li:first-child{border-left:0;padding-left:0}
.k-hero__trust strong{font-size:17px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.k-hero__aside{margin-top:56px}
.k-live-card{
  background:rgba(255,255,255,.97);border-radius:var(--r-card);padding:22px;
  box-shadow:0 22px 44px -26px rgba(0,0,0,.5);color:var(--c-ink);
}
.k-live-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.k-live-card__head h2{font-size:17px;font-weight:800}
.k-live-dot{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--c-accent)}
.k-live-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 0 4px rgba(242,106,33,.18)}
.k-live-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--c-line)}
.k-live-list li:first-child{border-top:0}
.k-live-list__meta{min-width:0}
.k-live-list__title{font-size:15px;font-weight:600;color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-live-list__sub{font-size:12.5px;color:var(--c-ink-3);margin-top:2px}
.k-live-card__foot{margin-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--c-ink-3)}

/* 频道服务区 */
.k-asym{display:grid;gap:24px;grid-template-columns:1.45fr 1fr 1fr;grid-template-areas:"big mid1 mid2" "big wide wide"}
.k-card{
  background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-card);
  box-shadow:var(--sh-card);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.k-card:hover{transform:translateY(-3px);box-shadow:var(--sh-hover);border-color:#D6DED8}
.k-asym__big{grid-area:big;display:flex;flex-direction:column}
.k-asym__big .k-card__media{aspect-ratio:16/10;overflow:hidden}
.k-asym__big img,.k-asym__mid img{width:100%;height:100%;object-fit:cover}
.k-card__body{padding:22px}
.k-card__body h3{font-size:20px;font-weight:700;margin-bottom:10px}
.k-card__body p{color:var(--c-ink-2);font-size:15px;line-height:1.8}
.k-card__more{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:14.5px;font-weight:600}
.k-card__more i{transition:transform .2s ease}
.k-card:hover .k-card__more i{transform:translateX(4px)}
.k-asym__mid{grid-area:auto;display:flex;flex-direction:column}
.k-asym__mid .k-card__media{aspect-ratio:16/9;overflow:hidden}
.k-asym__mid .k-card__body{padding:18px}
.k-asym__mid h3{font-size:16.5px;margin-bottom:6px}
.k-asym__mid p{font-size:14px;color:var(--c-ink-2);line-height:1.75}
.k-asym__wide{
  grid-area:wide;display:flex;align-items:center;gap:20px;padding:22px 24px;
  background:linear-gradient(120deg,var(--c-primary-soft),#fff);
}
.k-asym__wide .k-wide-icon{
  width:52px;height:52px;flex:0 0 auto;border-radius:14px;background:#fff;
  border:1px solid var(--c-line);display:flex;align-items:center;justify-content:center;
  color:var(--c-primary);font-size:20px;
}
.k-asym__wide h3{font-size:17px;margin-bottom:4px}
.k-asym__wide p{font-size:14px;color:var(--c-ink-2)}
.k-asym__wide .k-btn{margin-left:auto;flex:0 0 auto}

/* 数据区 */
.k-stats{background:var(--c-dark);color:#fff;position:relative;overflow:hidden}
.k-stats::after{
  content:"";position:absolute;right:-90px;top:-70px;width:340px;height:340px;
  background:rgba(11,110,79,.32);transform:rotate(18deg);border-radius:40px;
}
.k-stats .k-container{position:relative;z-index:2}
.k-stats__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.k-stats__head h2{color:#fff;font-size:clamp(24px,2.6vw,32px)}
.k-stats__head p{color:rgba(255,255,255,.72);font-size:15px;max-width:520px;margin-top:12px}
.k-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.k-stat{padding:0 26px;border-left:1px solid rgba(255,255,255,.16)}
.k-stat:first-child{border-left:0;padding-left:0}
.k-stat__num{font-size:clamp(30px,3.4vw,44px);font-weight:700;font-variant-numeric:tabular-nums;color:#fff;line-height:1.1}
.k-stat__num span{font-size:16px;font-weight:600;color:rgba(255,255,255,.7);margin-left:4px}
.k-stat__label{margin-top:10px;font-size:14px;color:rgba(255,255,255,.75)}
.k-meter{margin-top:44px}
.k-meter__track{display:flex;gap:6px}
.k-meter__seg{height:8px;flex:1;border-radius:4px;background:rgba(255,255,255,.16)}
.k-meter__seg.is-on{background:var(--c-accent)}
.k-meter__labels{display:flex;justify-content:space-between;margin-top:12px;font-size:13px;color:rgba(255,255,255,.62)}

/* 案例区 */
.k-cases{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.k-case{border:1px solid var(--c-line);border-radius:var(--r-card);background:#fff;overflow:hidden;box-shadow:var(--sh-card);transition:transform .22s ease,box-shadow .22s ease}
.k-case:hover{transform:translateY(-3px);box-shadow:var(--sh-hover)}
.k-case--h{display:grid;grid-template-columns:220px 1fr}
.k-case--h img{width:100%;height:100%;object-fit:cover;min-height:200px}
.k-case--v img{width:100%;aspect-ratio:16/9;object-fit:cover}
.k-case__body{padding:22px}
.k-case__body h3{font-size:19px;margin:12px 0 8px}
.k-case__body p{font-size:14.5px;color:var(--c-ink-2);line-height:1.8}
.k-case__link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:14.5px;font-weight:600}
.k-case__link i{transition:transform .2s ease}
.k-case:hover .k-case__link i{transform:translateX(4px)}

/* 最新信息 */
.k-news{background:var(--c-card)}
.latest-news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.k-news-card{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--r-card);overflow:hidden;
  display:flex;flex-direction:column;box-shadow:var(--sh-1);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.k-news-card:hover{transform:translateY(-3px);box-shadow:var(--sh-hover);border-color:#D6DED8}
.k-news-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--c-primary-soft)}
.k-news-card__media img{width:100%;height:100%;object-fit:cover}
.k-news-card__body{padding:20px;display:flex;flex-direction:column;flex:1}
.k-news-card__title{font-size:17px;font-weight:700;line-height:1.5;margin:12px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.k-news-card__title a{color:var(--c-ink)}
.k-news-card__title a:hover{color:var(--c-primary)}
.k-news-card__excerpt{font-size:14.5px;color:var(--c-ink-2);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.k-news-card__foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--c-ink-3)}
.k-news-card__more{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px}
.k-news-card__more i{transition:transform .2s ease}
.k-news-card:hover .k-news-card__more i{transform:translateX(4px)}
.k-empty{
  grid-column:1/-1;min-height:200px;border:1px dashed var(--c-line);border-radius:var(--r-card);
  background:#FBFCFA;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  color:var(--c-ink-3);font-size:15px;
}
.k-empty i{font-size:26px;color:#B7C3BC}
.k-news__foot{margin-top:36px;text-align:center}

/* 方案区 */
.k-plan{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:34px 0;border-bottom:1px solid var(--c-line)}
.k-plan:last-child{border-bottom:0}
.k-plan__media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-img)}
.k-plan__body h3{font-size:22px;margin-bottom:12px}
.k-plan__body p{color:var(--c-ink-2);font-size:15.5px;line-height:1.85}
.k-points{margin-top:18px;display:grid;gap:10px}
.k-points li{display:flex;gap:10px;font-size:15px;color:var(--c-ink-2)}
.k-points i{color:var(--c-primary);margin-top:6px;font-size:12px}
.k-plan--rev .k-plan__media{order:2}
.k-plan--rev .k-plan__body{order:1}

/* FAQ */
.k-faq{display:grid;gap:14px;max-width:900px;margin:0 auto}
.k-faq__item{border:1px solid var(--c-line);border-radius:var(--r-img);background:#fff;overflow:hidden;transition:border-color .2s ease}
.k-faq__item.is-open{border-color:rgba(11,110,79,.35);background:rgba(231,242,236,.5)}
.k-faq__q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 20px;background:transparent;border:0;text-align:left;
  font-size:16.5px;font-weight:600;color:var(--c-ink);line-height:1.6;position:relative;
}
.k-faq__item.is-open .k-faq__q{color:var(--c-primary)}
.k-faq__q::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;
  background:var(--c-primary);transform:scaleY(0);transition:transform .2s ease;
}
.k-faq__item.is-open .k-faq__q::before{transform:scaleY(1)}
.k-faq__q i{color:var(--c-ink-3);font-size:14px;transition:transform .2s ease}
.k-faq__item.is-open .k-faq__q i{transform:rotate(180deg);color:var(--c-primary)}
.k-faq__a{max-height:0;overflow:hidden;transition:max-height .2s ease}
.k-faq__a-inner{padding:0 20px 20px 20px;font-size:15.5px;color:var(--c-ink-2);line-height:1.85}

/* 联系区 */
.k-contact{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.k-form{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-card);padding:28px;box-shadow:var(--sh-card)}
.k-field{margin-bottom:18px}
.k-field label{display:block;font-size:14px;font-weight:600;color:var(--c-ink-2);margin-bottom:8px}
.k-field input,.k-field textarea{
  width:100%;border:1px solid var(--c-line);border-radius:var(--r-input);padding:0 14px;
  background:#fff;color:var(--c-ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease;
}
.k-field input{height:48px}
.k-field textarea{padding:12px 14px;min-height:120px;resize:vertical;line-height:1.8}
.k-field input:focus,.k-field textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(11,110,79,.18)}
.k-field.is-error input,.k-field.is-error textarea{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(242,106,33,.16)}
.k-field__tip{display:none;margin-top:6px;font-size:13px;color:#B34A0D}
.k-field.is-error .k-field__tip{display:block}
.k-form__note{margin-top:14px;font-size:13.5px;color:var(--c-ink-3)}
.k-form__ok{display:none;margin-top:16px;padding:12px 14px;border-radius:var(--r-input);background:var(--c-primary-soft);color:var(--c-primary-dark);font-size:14.5px}
.k-form__ok.is-show{display:block}
.k-info{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-card);padding:26px;box-shadow:var(--sh-1)}
.k-info h3{font-size:18px;margin-bottom:14px}
.k-info dl{margin:0;display:grid;gap:14px}
.k-info dt{font-size:13.5px;color:var(--c-ink-3);margin-bottom:2px}
.k-info dd{margin:0;font-size:15px;font-weight:600;color:var(--c-ink)}
.k-info__list{margin-top:20px;padding-top:18px;border-top:1px solid var(--c-line);display:grid;gap:10px}
.k-info__list li{display:flex;gap:10px;font-size:14.5px;color:var(--c-ink-2)}
.k-info__list i{color:var(--c-primary);margin-top:6px;font-size:12px}

/* 页脚 */
.k-footer{background:var(--c-dark);color:rgba(255,255,255,.78);padding:68px 0 0}
.k-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px}
.k-footer h4{color:#fff;font-size:15.5px;margin-bottom:16px;font-weight:700}
.k-footer__brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.k-footer__brand span{color:#fff;font-size:17px;font-weight:800}
.k-footer p{font-size:14px;line-height:1.85;color:rgba(255,255,255,.7)}
.k-footer__links{display:grid;gap:10px}
.k-footer__links a{color:rgba(255,255,255,.78);font-size:14.5px;transition:color .18s ease}
.k-footer__links a:hover{color:#fff}
.k-footer__bottom{
  margin-top:52px;border-top:1px solid rgba(255,255,255,.14);padding:20px 0;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:13px;color:rgba(255,255,255,.6);
}
.k-footer__bottom a{color:rgba(255,255,255,.7)}
.k-footer__bottom a:hover{color:#fff}

/* 移动抽屉 */
.k-drawer-mask{position:fixed;inset:0;background:rgba(14,26,22,.5);opacity:0;visibility:hidden;transition:all .22s ease;z-index:90}
.k-drawer-mask.is-open{opacity:1;visibility:visible}
.k-drawer{
  position:fixed;top:0;right:0;bottom:0;width:280px;max-width:84vw;background:#fff;z-index:100;
  transform:translateX(100%);transition:transform .24s ease;padding:20px;overflow-y:auto;
}
.k-drawer.is-open{transform:translateX(0)}
.k-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.k-drawer__head strong{font-size:16px}
.k-drawer__close{width:40px;height:40px;border:1px solid var(--c-line);background:#fff;border-radius:10px;color:var(--c-ink)}
.k-drawer__nav{display:grid;gap:6px}
.k-drawer__nav a{padding:13px 12px;border-radius:10px;color:var(--c-ink-2);font-size:15.5px;font-weight:500}
.k-drawer__nav a.is-active{background:var(--c-primary-soft);color:var(--c-primary);font-weight:700}
.k-drawer__nav a:hover{background:#F1F4F1;color:var(--c-primary)}

@media (max-width:1199px){
  .k-nav__link{padding:0 10px;font-size:14.5px}
}
@media (max-width:1023px){
  .k-section{padding:72px 0}
  .k-hero__inner{padding-top:64px}
  .k-asym{grid-template-columns:1fr 1fr;grid-template-areas:"big big" "mid1 mid2" "wide wide"}
  .k-stats__grid{grid-template-columns:repeat(2,1fr);row-gap:32px}
  .k-stat:nth-child(3){border-left:0;padding-left:0}
  .k-cases{grid-template-columns:1fr}
  .latest-news-list{grid-template-columns:repeat(2,1fr)}
  .k-contact{grid-template-columns:1fr}
  .k-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:899px){
  .k-nav{display:none}
  .k-burger{display:inline-flex}
  .k-tool-btn--trend{display:none}
  .k-channelbar__inner{height:auto;flex-wrap:wrap;padding:4px 0}
  .k-channels{overflow-x:auto;scrollbar-width:none}
  .k-channels::-webkit-scrollbar{display:none}
  .k-hero__trust{grid-template-columns:repeat(2,1fr);row-gap:18px}
  .k-hero__trust li:nth-child(3){border-left:0;padding-left:0}
  .k-plan{grid-template-columns:1fr;gap:22px}
  .k-plan--rev .k-plan__media{order:0}
}
@media (max-width:639px){
  body{font-size:16px}
  .k-section{padding:56px 0}
  .k-logo__text{font-size:16px}
  .k-topbar{height:52px}
  .k-hero__inner{padding-top:48px}
  .k-hero__trust{margin-top:38px;grid-template-columns:1fr 1fr;padding-bottom:18px}
  .k-hero__trust strong{font-size:16px}
  .k-asym{grid-template-columns:1fr;grid-template-areas:"big" "mid1" "mid2" "wide"}
  .k-asym__wide{flex-direction:column;align-items:flex-start}
  .k-asym__wide .k-btn{margin-left:0}
  .k-stats__grid{grid-template-columns:1fr;row-gap:26px}
  .k-stat{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}
  .k-stat:first-child{border-top:0;padding-top:0}
  .latest-news-list{grid-template-columns:1fr}
  .k-case--h{grid-template-columns:1fr}
  .k-case--h img{min-height:170px}
  .k-form{padding:20px}
  .k-footer__grid{grid-template-columns:1fr}
  .k-footer{padding-top:52px}
  .k-search__panel{width:250px}
}

/* roulang page: article */
:root{
  --c-primary:#0B6E4F;
  --c-primary-d:#074C36;
  --c-primary-l:#E7F2EC;
  --c-accent:#F26A21;
  --c-accent-l:#FDEDE3;
  --c-ink:#121C18;
  --c-ink-2:#3F4F49;
  --c-ink-3:#7C8A84;
  --c-bg:#F6F7F4;
  --c-card:#FFFFFF;
  --c-dark:#0E1A16;
  --c-line:#E3E8E4;
  --r-card:14px;
  --r-img:12px;
  --r-btn:10px;
  --r-badge:999px;
  --sh-1:0 1px 2px rgba(18,28,24,.04);
  --sh-2:0 10px 26px -18px rgba(18,28,24,.22);
  --sh-3:0 16px 34px -16px rgba(18,28,24,.28);
  --sec-pad:96px;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
html body{
  margin:0;
  background:var(--c-bg);
  color:var(--c-ink);
  font-family:-apple-system,"PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",sans-serif;
  font-size:16px;
  line-height:1.8;
  font-weight:400;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;display:block;}
a{color:var(--c-primary);text-decoration:none;transition:color .2s ease;}
a:hover{color:var(--c-primary-d);}
button{font-family:inherit;}
h1,h2,h3,h4{margin:0;color:var(--c-ink);font-weight:700;letter-spacing:.01em;line-height:1.3;}
p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
::selection{background:rgba(11,110,79,.18);}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(11,110,79,.3);outline-offset:2px;border-radius:6px;}

.k-container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;}

/* ---------------- header ---------------- */
.k-header{position:sticky;top:0;z-index:60;background:#fff;transition:box-shadow .25s ease;}
.k-header.is-stuck{box-shadow:0 8px 24px -18px rgba(18,28,24,.45);}
.k-topbar{border-bottom:1px solid var(--c-line);background:#fff;}
.k-topbar__inner{display:flex;align-items:center;gap:16px;height:56px;}
.k-logo{display:inline-flex;align-items:center;gap:10px;color:var(--c-ink);font-weight:800;font-size:17px;letter-spacing:.01em;white-space:nowrap;}
.k-logo:hover{color:var(--c-primary-d);}
.k-logo__mark{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:linear-gradient(135deg,#0B6E4F,#15946B);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;}
.k-logo__text{line-height:1;}
.k-nav{display:flex;align-items:center;gap:2px;margin-left:10px;}
.k-nav__link{position:relative;display:inline-flex;align-items:center;height:56px;padding:0 12px;font-size:15px;font-weight:600;color:var(--c-ink-2);white-space:nowrap;transition:color .2s ease;}
.k-nav__link:hover{color:var(--c-primary);}
.k-nav__link.is-active{color:var(--c-primary);}
.k-nav__link.is-active::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--c-primary);}
.k-topbar__tools{margin-left:auto;display:flex;align-items:center;gap:8px;}
.k-tool-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:var(--r-badge);border:1px solid var(--c-line);background:#fff;color:var(--c-ink-2);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease;}
.k-tool-btn:hover{border-color:rgba(11,110,79,.35);color:var(--c-primary);background:var(--c-primary-l);}
.k-tool-btn--trend{background:var(--c-accent-l);border-color:#F7D5BE;color:#B64A0D;}
.k-tool-btn--trend:hover{background:#FBE2D2;border-color:#EFB892;color:#9A3D08;}
.k-search{position:relative;}
.k-search__panel{position:absolute;right:0;top:calc(100% + 10px);width:290px;padding:16px;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-card);box-shadow:var(--sh-3);display:none;z-index:70;}
.k-search__panel.is-open{display:block;}
.k-search__panel input[type="search"]{width:100%;height:44px;padding:0 14px;border:1px solid var(--c-line);border-radius:var(--r-btn);background:#fff;font-size:14.5px;color:var(--c-ink);}
.k-search__panel input[type="search"]:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(11,110,79,.18);outline:none;}
.k-burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--c-line);border-radius:10px;background:#fff;color:var(--c-ink);font-size:16px;cursor:pointer;}
.k-burger:hover{background:var(--c-primary-l);border-color:rgba(11,110,79,.3);color:var(--c-primary);}
.k-channelbar{background:#fff;border-bottom:1px solid var(--c-line);}
.k-channelbar__inner{display:flex;align-items:center;gap:18px;height:40px;}
.k-channels{display:flex;align-items:center;gap:18px;overflow-x:auto;scrollbar-width:none;}
.k-channels::-webkit-scrollbar{display:none;}
.k-channel{position:relative;display:inline-flex;align-items:center;height:40px;font-size:14px;font-weight:600;color:var(--c-ink-2);white-space:nowrap;transition:color .2s ease;}
.k-channel:hover{color:var(--c-primary);}
.k-channel.is-active{color:var(--c-primary);}
.k-channel.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--c-primary);}
.k-chips{display:flex;align-items:center;gap:8px;margin-left:auto;overflow-x:auto;scrollbar-width:none;}
.k-chips::-webkit-scrollbar{display:none;}
.k-chip{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:var(--r-badge);background:var(--c-bg);border:1px solid var(--c-line);font-size:12.5px;color:var(--c-ink-2);white-space:nowrap;transition:all .2s ease;}
.k-chip:hover{background:var(--c-primary-l);border-color:rgba(11,110,79,.28);color:var(--c-primary-d);}
.k-drawer-mask{position:fixed;inset:0;background:rgba(14,26,22,.45);opacity:0;visibility:hidden;transition:opacity .25s ease;z-index:65;}
.k-drawer-mask.is-open{opacity:1;visibility:visible;}

/* ---------------- article hero ---------------- */
.k-article-hero{
  position:relative;
  background-image:linear-gradient(115deg,rgba(11,110,79,.90),rgba(7,76,54,.78)),url('/assets/images/backpic/back-2.png');
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:44px 0 52px;
}
.k-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.82);margin-bottom:18px;}
.k-breadcrumb a{color:rgba(255,255,255,.92);}
.k-breadcrumb a:hover{color:#fff;text-decoration:underline;}
.k-breadcrumb i{font-size:10px;opacity:.7;}
.k-breadcrumb__now{color:#fff;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.k-article-hero h1{
  color:#fff;
  font-size:clamp(26px,3.4vw,42px);
  line-height:1.3;
  font-weight:800;
  max-width:900px;
  letter-spacing:.01em;
  text-shadow:0 2px 18px rgba(0,0,0,.16);
}
.k-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;font-size:13.5px;color:rgba(255,255,255,.88);}
.k-meta__item{display:inline-flex;align-items:center;gap:7px;}
.k-meta__sep{width:1px;height:13px;background:rgba(255,255,255,.34);}
.k-badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:var(--r-badge);font-size:12.5px;font-weight:600;line-height:1;}
.k-badge--light{background:rgba(255,255,255,.20);color:#fff;border:1px solid rgba(255,255,255,.34);}
.k-badge--primary{background:var(--c-primary-l);color:var(--c-primary-d);}
.k-badge--accent{background:var(--c-accent-l);color:#A8420C;}

/* ---------------- layout ---------------- */
.k-article-section{padding:56px 0 var(--sec-pad);}
.k-article-layout{display:block;}
.k-article-main{max-width:820px;margin:0 auto;}
.k-article-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-card);box-shadow:var(--sh-1);padding:34px 36px;}
.k-article-lead{
  margin:0 0 26px;
  padding:16px 20px;
  background:var(--c-primary-l);
  border-left:3px solid var(--c-primary);
  border-radius:0 var(--r-img) var(--r-img) 0;
  font-size:15.5px;
  color:var(--c-ink-2);
  line-height:1.85;
}
.k-article-body{font-size:17px;line-height:1.9;color:var(--c-ink-2);letter-spacing:0;}
.k-article-body p{margin:0 0 1.2em;}
.k-article-body h2{
  position:relative;
  font-size:clamp(21px,2.2vw,26px);
  color:var(--c-ink);
  padding-left:14px;
  margin:40px 0 16px;
  line-height:1.4;
}
.k-article-body h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:var(--c-primary);}
.k-article-body h3{font-size:19px;color:var(--c-ink);margin:30px 0 12px;line-height:1.45;}
.k-article-body h4{font-size:17px;color:var(--c-ink);margin:22px 0 10px;}
.k-article-body a{color:var(--c-primary);text-decoration:underline;text-underline-offset:3px;}
.k-article-body a:hover{color:var(--c-primary-d);}
.k-article-body ul,.k-article-body ol{margin:0 0 1.4em;padding-left:24px;}
.k-article-body ul li{list-style:none;position:relative;margin:0 0 .6em;padding-left:4px;}
.k-article-body ul li::before{content:"";position:absolute;left:-16px;top:.72em;width:7px;height:7px;border-radius:50%;background:rgba(11,110,79,.5);}
.k-article-body ol{list-style:decimal;}
.k-article-body ol li{margin:0 0 .6em;}
.k-article-body ol li::marker{color:var(--c-primary);font-weight:700;}
.k-article-body blockquote{
  margin:0 0 1.4em;
  padding:16px 20px;
  background:var(--c-primary-l);
  border-left:3px solid var(--c-primary);
  border-radius:0 var(--r-img) var(--r-img) 0;
  color:var(--c-ink-2);
}
.k-article-body blockquote p:last-child{margin-bottom:0;}
.k-article-body img{border-radius:var(--r-img);margin:0 auto 1.2em;height:auto;}
.k-article-body figure{margin:0 0 1.4em;}
.k-article-body figcaption{font-size:13px;color:var(--c-ink-3);text-align:center;margin-top:8px;}
.k-article-body hr{border:none;border-top:1px solid var(--c-line);margin:32px 0;}
.k-article-body strong{color:var(--c-ink);font-weight:700;}
.k-article-body table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 1.4em;}
.k-article-body .k-table-wrap{overflow-x:auto;border:1px solid var(--c-line);border-radius:var(--r-img);margin:0 0 1.4em;}
.k-article-body .k-table-wrap table{margin:0;min-width:520px;}
.k-article-body th,.k-article-body td{padding:12px 14px;border-bottom:1px solid var(--c-line);text-align:left;}
.k-article-body th{background:var(--c-primary-l);color:var(--c-ink);font-weight:700;}
.k-article-body tr:last-child td{border-bottom:none;}
.k-empty{
  min-height:200px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:var(--c-bg);
  border:1px dashed var(--c-line);
  border-radius:var(--r-card);
  text-align:center;
  padding:32px 20px;
}
.k-empty i{font-size:26px;color:var(--c-ink-3);}
.k-empty p{color:var(--c-ink-3);font-size:15px;}

/* ---------------- article footer blocks ---------------- */
.k-article-tail{margin-top:30px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;}
.k-tags{display:flex;flex-wrap:wrap;gap:8px;}
.k-tag{display:inline-flex;align-items:center;height:28px;padding:0 13px;border-radius:var(--r-badge);background:var(--c-bg);border:1px solid var(--c-line);font-size:13px;color:var(--c-ink-2);}
.k-tag:hover{background:var(--c-primary-l);border-color:rgba(11,110,79,.28);color:var(--c-primary-d);}
.k-share{display:flex;align-items:center;gap:10px;}
.k-share__btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:var(--r-btn);border:1px solid rgba(11,110,79,.25);background:#fff;color:var(--c-primary);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease;}
.k-share__btn:hover{background:var(--c-primary-l);transform:translateY(-1px);}
.k-share__btn:active{transform:translateY(1px);}

.k-navcards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;}
.k-navcard{display:flex;flex-direction:column;gap:8px;padding:20px 22px;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-card);box-shadow:var(--sh-1);transition:all .25s ease;}
.k-navcard:hover{box-shadow:var(--sh-3);transform:translateY(-3px);border-color:rgba(11,110,79,.25);}
.k-navcard span{font-size:12.5px;color:var(--c-ink-3);font-weight:600;letter-spacing:.04em;}
.k-navcard strong{font-size:15.5px;color:var(--c-ink);font-weight:700;line-height:1.55;}
.k-navcard em{font-style:normal;font-size:13px;color:var(--c-primary);display:inline-flex;align-items:center;gap:6px;}
.k-navcard:hover em i{transform:translateX(4px);}
.k-navcard em i{transition:transform .25s ease;}

/* ---------------- sidebar ---------------- */
.k-side{display:none;}
.k-side__card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-card);box-shadow:var(--sh-1);padding:22px;margin-bottom:20px;}
.k-side__card h3{font-size:16px;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.k-side__card h3 i{color:var(--c-primary);font-size:14px;}
.k-side__list{display:flex;flex-direction:column;}
.k-side__item{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--c-line);font-size:14px;color:var(--c-ink-2);line-height:1.6;transition:color .2s ease;}
.k-side__item:last-child{border-bottom:none;padding-bottom:0;}
.k-side__item:first-child{padding-top:0;}
.k-side__item i{color:var(--c-accent);font-size:11px;margin-top:7px;flex:0 0 auto;}
.k-side__item:hover{color:var(--c-primary);}
.k-side__note{font-size:13.5px;color:var(--c-ink-3);line-height:1.85;}

/* ---------------- related ---------------- */
.k-related{padding-top:var(--sec-pad);}
.k-sec-head{margin-bottom:32px;}
.k-sec-head__tag{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 12px;border-radius:var(--r-badge);background:var(--c-primary-l);color:var(--c-primary-d);font-size:12.5px;font-weight:700;margin-bottom:14px;}
.k-sec-head h2{font-size:clamp(22px,2.6vw,32px);}
.k-sec-head p{margin-top:12px;font-size:15px;color:var(--c-ink-3);max-width:720px;line-height:1.85;}
.k-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.k-card{display:flex;flex-direction:column;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-card);box-shadow:var(--sh-2);overflow:hidden;transition:all .25s ease;}
.k-card:hover{box-shadow:var(--sh-3);transform:translateY(-3px);border-color:rgba(11,110,79,.22);}
.k-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--c-primary-l);}
.k-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.k-card:hover .k-card__media img{transform:scale(1.04);}
.k-card__badge{position:absolute;left:12px;top:12px;background:rgba(11,110,79,.92);color:#fff;border-radius:var(--r-badge);height:26px;padding:0 12px;display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;}
.k-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1;}
.k-card__body h3{font-size:17px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.k-card__body h3 a{color:var(--c-ink);}
.k-card__body h3 a:hover{color:var(--c-primary);}
.k-card__body p{font-size:14px;color:var(--c-ink-3);line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.k-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--c-ink-3);border-top:1px solid var(--c-line);padding-top:14px;}
.k-card__foot i{transition:transform .25s ease;}
.k-card:hover .k-card__foot i{transform:translateX(4px);}

.k-cta{background:var(--c-dark);color:#fff;border-radius:18px;padding:44px 46px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;margin-top:var(--sec-pad);}
.k-cta h2{color:#fff;font-size:clamp(21px,2.4vw,28px);margin-bottom:10px;}
.k-cta p{color:rgba(255,255,255,.74);font-size:15px;max-width:620px;line-height:1.85;}
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 26px;border-radius:var(--r-btn);font-size:15px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .22s ease;}
.k-btn--primary{background:var(--c-primary);color:#fff;box-shadow:0 10px 24px -14px rgba(11,110,79,.7);}
.k-btn--primary:hover{background:var(--c-primary-d);color:#fff;transform:translateY(-2px);}
.k-btn--primary:active{transform:translateY(1px);}
.k-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.42);}
.k-btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-2px);}
.k-btn--outline{background:transparent;color:var(--c-primary);border-color:rgba(11,110,79,.25);}
.k-btn--outline:hover{background:var(--c-primary-l);color:var(--c-primary-d);transform:translateY(-2px);}

/* ---------------- footer ---------------- */
.k-footer{background:var(--c-dark);color:rgba(255,255,255,.76);margin-top:var(--sec-pad);padding:64px 0 0;}
.k-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:44px;}
.k-footer h4{color:#fff;font-size:15px;margin-bottom:16px;letter-spacing:.02em;}
.k-footer__brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:16px;margin-bottom:16px;}
.k-footer p{font-size:13.5px;line-height:1.9;color:rgba(255,255,255,.68);}
.k-footer__links{display:flex;flex-direction:column;gap:11px;}
.k-footer__links a{font-size:13.5px;color:rgba(255,255,255,.72);}
.k-footer__links a:hover{color:#fff;}
.k-footer__bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0 26px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:12.5px;color:rgba(255,255,255,.62);}

/* ---------------- responsive ---------------- */
@media (max-width:1023px){
  :root{--sec-pad:72px;}
  .k-nav{display:none;}
  .k-burger{display:inline-flex;}
  .k-nav.is-open{
    display:flex;
    position:fixed;top:0;right:0;bottom:0;width:286px;
    flex-direction:column;align-items:stretch;gap:0;
    background:#fff;padding:76px 20px 24px;margin:0;
    transform:translateX(100%);transition:transform .3s ease;
    box-shadow:-14px 0 36px -24px rgba(0,0,0,.6);z-index:70;overflow-y:auto;
  }
  .k-nav.is-open.is-visible{transform:translateX(0);}
  .k-nav.is-open .k-nav__link{height:auto;padding:15px 6px;border-bottom:1px solid var(--c-line);font-size:15.5px;}
  .k-nav.is-open .k-nav__link.is-active::after{display:none;}
  .k-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .k-footer__grid{grid-template-columns:1fr 1fr;gap:30px;}
  .k-article-card{padding:28px 26px;}
}
@media (max-width:767px){
  :root{--sec-pad:56px;}
  .k-topbar__inner{gap:10px;height:54px;}
  .k-logo{font-size:15.5px;}
  .k-logo__mark{width:28px;height:28px;flex:0 0 28px;font-size:13px;}
  .k-tool-btn span{display:none;}
  .k-tool-btn{padding:0 11px;}
  .k-chips{display:none;}
  .k-article-hero{padding:32px 0 38px;}
  .k-article-hero h1{font-size:24px;}
  .k-article-body{font-size:16px;}
  .k-article-card{padding:22px 18px;border-radius:12px;}
  .k-navcards{grid-template-columns:1fr;}
  .k-grid-3{grid-template-columns:1fr;}
  .k-cta{padding:32px 24px;border-radius:14px;}
  .k-cta .k-btn{width:100%;}
  .k-footer{padding-top:48px;}
  .k-footer__grid{grid-template-columns:1fr;gap:26px;padding-bottom:32px;}
  .k-article-tail{flex-direction:column;align-items:flex-start;}
}
@media (min-width:1200px){
  .k-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start;}
  .k-article-main{max-width:none;margin:0;}
  .k-side{display:block;position:sticky;top:120px;}
}

/* roulang page: category1 */
:root{
  --c-primary:#0B6E4F;
  --c-primary-d:#074C36;
  --c-primary-l:#E7F2EC;
  --c-accent:#F26A21;
  --c-accent-l:#FDEDE3;
  --c-ink:#121C18;
  --c-ink-2:#3F4F49;
  --c-ink-3:#7C8A84;
  --c-bg:#F6F7F4;
  --c-card:#FFFFFF;
  --c-dark:#0E1A16;
  --c-line:#E3E8E4;
  --r-card:14px;
  --r-img:12px;
  --r-btn:10px;
  --sh-1:0 1px 2px rgba(18,28,24,.04);
  --sh-card:0 10px 26px -18px rgba(18,28,24,.22);
  --sh-hover:0 16px 34px -16px rgba(18,28,24,.28);
  --sp-sec:96px;
  --font-cn:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-cn);
  background:var(--c-bg);
  color:var(--c-ink);
  font-size:16.5px;
  line-height:1.9;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;border-radius:var(--r-img);}
a{color:var(--c-primary);text-decoration:none;transition:color .18s ease;}
a:hover{color:var(--c-primary-d);}
h1,h2,h3,h4{margin:0;color:var(--c-ink);line-height:1.3;letter-spacing:.01em;font-weight:700;}
p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,textarea{font-family:inherit;}
:focus-visible{outline:3px solid rgba(11,110,79,.3);outline-offset:2px;border-radius:6px;}
.k-container{max-width:1200px;margin:0 auto;padding:0 20px;}
.k-section{padding:var(--sp-sec) 0;}
.k-section--tight{padding:56px 0;}
.k-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;color:var(--c-primary);
  background:var(--c-primary-l);border-radius:999px;padding:6px 14px;letter-spacing:.02em;
}
.k-sec-head{max-width:820px;margin-bottom:36px;}
.k-sec-head h2{font-size:clamp(24px,3vw,34px);font-weight:800;margin-top:14px;}
.k-sec-head p{margin-top:12px;color:var(--c-ink-2);font-size:16px;line-height:1.85;}

/* ---------- Header ---------- */
.k-header{
  position:sticky;top:0;z-index:90;background:#fff;
  border-bottom:1px solid var(--c-line);
  transition:box-shadow .22s ease;
}
.k-header.is-stuck{box-shadow:0 10px 28px -20px rgba(18,28,24,.55);}
.k-topbar__inner{
  display:flex;align-items:center;gap:26px;height:56px;
}
.k-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.k-logo__mark{
  width:32px;height:32px;border-radius:9px;flex-shrink:0;
  background:linear-gradient(135deg,var(--c-primary),#0d8a63);
  color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;
}
.k-logo__text{font-size:17px;font-weight:800;color:var(--c-ink);letter-spacing:.01em;white-space:nowrap;}
.k-nav{display:flex;align-items:center;gap:4px;flex:1;}
.k-nav__link{
  position:relative;display:inline-flex;align-items:center;height:38px;
  padding:0 14px;border-radius:var(--r-btn);font-size:15px;font-weight:600;color:var(--c-ink-2);
}
.k-nav__link:hover{color:var(--c-primary);background:var(--c-primary-l);}
.k-nav__link.is-active{color:var(--c-primary);font-weight:700;}
.k-nav__link.is-active::after{
  content:"";position:absolute;left:14px;right:14px;bottom:-9px;height:3px;
  background:var(--c-primary);border-radius:3px;
}
.k-topbar__tools{display:flex;align-items:center;gap:10px;margin-left:auto;}
.k-tool-btn{
  display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;
  border-radius:var(--r-btn);border:1px solid var(--c-line);background:#fff;
  font-size:14px;font-weight:600;color:var(--c-ink-2);transition:all .18s ease;
}
.k-tool-btn:hover{color:var(--c-primary);border-color:rgba(11,110,79,.35);background:var(--c-primary-l);}
.k-tool-btn--trend{color:var(--c-accent);border-color:rgba(242,106,33,.3);background:var(--c-accent-l);}
.k-tool-btn--trend:hover{color:#fff;background:var(--c-accent);border-color:var(--c-accent);}
.k-search{position:relative;}
.k-search__panel{
  position:absolute;right:0;top:calc(100% + 12px);width:296px;
  background:#fff;border:1px solid var(--c-line);border-radius:var(--r-card);
  box-shadow:var(--sh-card);padding:16px;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s ease;
}
.k-search.is-open .k-search__panel{opacity:1;visibility:visible;transform:translateY(0);}
.k-search__panel input{
  width:100%;height:44px;padding:0 14px;border:1px solid var(--c-line);
  border-radius:var(--r-btn);font-size:15px;color:var(--c-ink);background:#fff;
}
.k-search__panel input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(11,110,79,.18);}
.k-burger{
  display:none;width:44px;height:44px;border-radius:var(--r-btn);
  border:1px solid var(--c-line);color:var(--c-ink-2);font-size:17px;
  align-items:center;justify-content:center;background:#fff;
}
.k-burger:hover{color:var(--c-primary);border-color:rgba(11,110,79,.35);}
.k-channelbar{background:var(--c-bg);border-top:1px solid var(--c-line);}
.k-channelbar__inner{display:flex;align-items:center;gap:20px;height:44px;}
.k-channels{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;}
.k-channels::-webkit-scrollbar{display:none;}
.k-channel{
  position:relative;display:inline-flex;align-items:center;height:44px;padding:0 12px;
  font-size:14.5px;font-weight:600;color:var(--c-ink-2);white-space:nowrap;
}
.k-channel:hover{color:var(--c-primary);}
.k-channel.is-active{color:var(--c-primary);font-weight:700;}
.k-channel.is-active::after{
  content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;
  background:var(--c-primary);border-radius:3px 3px 0 0;
}
.k-chips{display:flex;align-items:center;gap:8px;margin-left:auto;overflow-x:auto;scrollbar-width:none;padding:6px 0;}
.k-chips::-webkit-scrollbar{display:none;}
.k-chip{
  display:inline-flex;align-items:center;height:28px;padding:0 13px;white-space:nowrap;
  border-radius:999px;font-size:13px;font-weight:600;
  color:var(--c-ink-2);background:#fff;border:1px solid var(--c-line);transition:all .18s ease;
}
.k-chip:hover{color:var(--c-primary);border-color:rgba(11,110,79,.35);background:var(--c-primary-l);}

/* ---------- Drawer ---------- */
.k-drawer{
  position:fixed;inset:0;z-index:120;background:rgba(14,26,22,.5);
  opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;
}
.k-drawer.is-open{opacity:1;visibility:visible;}
.k-drawer__panel{
  position:absolute;right:0;top:0;bottom:0;width:min(84vw,340px);background:#fff;
  padding:20px;overflow-y:auto;transform:translateX(100%);transition:transform .25s ease;
}
.k-drawer.is-open .k-drawer__panel{transform:translateX(0);}
.k-drawer__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--c-line);}
.k-drawer__head span{font-size:15px;font-weight:700;}
.k-drawer__close{width:40px;height:40px;border-radius:var(--r-btn);border:1px solid var(--c-line);color:var(--c-ink-2);font-size:16px;}
.k-drawer__close:hover{color:var(--c-primary);border-color:rgba(11,110,79,.35);}
.k-drawer__nav{display:flex;flex-direction:column;margin:18px 0 6px;}
.k-drawer__nav a{
  display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 12px;
  border-radius:var(--r-btn);font-size:15.5px;font-weight:600;color:var(--c-ink-2);
}
.k-drawer__nav a:hover{background:var(--c-primary-l);color:var(--c-primary);}
.k-drawer__nav a.is-active{color:var(--c-primary);background:var(--c-primary-l);font-weight:700;}
.k-drawer__label{font-size:13px;color:var(--c-ink-3);margin:18px 0 10px;padding-left:12px;}
.k-drawer__chips{display:flex;flex-wrap:wrap;gap:8px;padding-left:12px;}

/* ---------- Page head ---------- */
.k-pagehead{
  position:relative;padding:76px 0 62px;color:#fff;overflow:hidden;
  background-image:linear-gradient(105deg,rgba(7,60,44,.86),rgba(11,110,79,.66)),url("/assets/images/backpic/back-1.webp");
  background-size:cover;background-position:center;
}
.k-pagehead::after{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:26px 26px;opacity:.5;pointer-events:none;
}
.k-pagehead .k-container{position:relative;z-index:2;}
.k-crumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.82);margin-bottom:16px;flex-wrap:wrap;}
.k-crumb a{color:rgba(255,255,255,.9);}
.k-crumb a:hover{color:#fff;text-decoration:underline;}
.k-crumb i{font-size:10px;opacity:.7;}
.k-pagehead h1{
  font-size:clamp(30px,4.4vw,48px);font-weight:800;color:#fff;
  max-width:820px;line-height:1.22;
}
.k-pagehead__lead{margin-top:16px;font-size:16.5px;color:rgba(255,255,255,.9);max-width:640px;line-height:1.8;}
.k-facts{
  display:flex;flex-wrap:wrap;gap:0;margin-top:34px;
  border-top:1px solid rgba(255,255,255,.24);padding-top:20px;
}
.k-facts__item{
  padding:0 26px;border-left:1px solid rgba(255,255,255,.24);
}
.k-facts__item:first-child{padding-left:0;border-left:none;}
.k-facts__num{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.3;}
.k-facts__txt{display:block;font-size:13px;color:rgba(255,255,255,.82);}

/* ---------- Intro card ---------- */
.k-intro-card{
  background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-card);
  box-shadow:var(--sh-card);padding:32px;
}
.k-intro-card__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:center;}
.k-intro-card h2{font-size:clamp(22px,2.6vw,28px);font-weight:800;}
.k-intro-card p{margin-top:14px;color:var(--c-ink-2);font-size:16px;line-height:1.9;}
.k-intro-card__list{margin-top:20px;display:grid;gap:10px;}
.k-intro-card__list li{display:flex;gap:10px;font-size:15px;color:var(--c-ink-2);line-height:1.75;}
.k-intro-card__list i{color:var(--c-primary);margin-top:7px;font-size:11px;}
.k-intro-card__media img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.k-textlink{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin-top:20px;}
.k-textlink i{font-size:12px;transition:transform .18s ease;}
.k-textlink:hover i{transform:translateX(4px);}

/* ---------- Library layout ---------- */
.k-library__grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start;}
.k-toc{
  position:sticky;top:120px;
  background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-card);
  box-shadow:var(--sh-1);padding:22px;
}
.k-toc__title{font-size:14px;font-weight:700;color:var(--c-ink);padding-bottom:14px;border-bottom:1px solid var(--c-line);display:flex;align-items:center;gap:8px;}
.k-toc__title i{color:var(--c-primary);font-size:13px;}
.k-toc__list{margin-top:12px;display:flex;flex-direction:column;}
.k-toc__list a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 10px;border-radius:8px;font-size:14.5px;font-weight:600;color:var(--c-ink-2);
  transition:all .18s ease;
}
.k-toc__list a:hover{background:var(--c-primary-l);color:var(--c-primary);}
.k-toc__list a span{font-size:12px;color:var(--c-ink-3);font-variant-numeric:tabular-nums;}
.k-toc__foot{margin-top:16px;padding-top:16px;border-top:1px solid var(--c-line);font-size:13px;color:var(--c-ink-3);line-height:1.75;}

.k-group{margin-bottom:56px;}
.k-group:last-child{margin-bottom:0;}
.k-group__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:2px solid var(--c-ink);}
.k-group__head h2{font-size:clamp(22px,2.6vw,28px);font-weight:800;display:flex;align-items:center;gap:12px;}
.k-group__head h2::before{content:"";width:6px;height:24px;border-radius:3px;background:var(--c-accent);display:inline-block;}
.k-group__count{font-size:13.5px;color:var(--c-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;}
.k-group__sub{margin-top:12px;font-size:15px;color:var(--c-ink-3);line-height:1.8;}

.k-entries{margin-top:6px;}
.k-entry{border-bottom:1px solid var(--c-line);}
.k-entry__link{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;gap:20px;padding:18px 16px 18px 20px;
  border-radius:10px;transition:background .18s ease;
}
.k-entry__link::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;
  background:var(--c-primary);border-radius:3px;opacity:0;transition:opacity .18s ease;
}
.k-entry__link:hover{background:var(--c-primary-l);}
.k-entry__link:hover::before{opacity:1;}
.k-entry__title{display:block;font-size:16.5px;font-weight:700;color:var(--c-ink);line-height:1.55;}
.k-entry__link:hover .k-entry__title{color:var(--c-primary-d);}
.k-entry__desc{display:block;margin-top:6px;font-size:14.5px;color:var(--c-ink-3);line-height:1.75;}
.k-entry__meta{font-size:13px;color:var(--c-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;}
.k-entry__arrow{color:var(--c-primary);font-size:13px;transition:transform .18s ease;}
.k-entry__link:hover .k-entry__arrow{transform:translateX(4px);}

/* ---------- Note cards ---------- */
.k-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.k-note-card{
  background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-card);
  padding:26px;box-shadow:var(--sh-1);transition:transform .2s ease,box-shadow .2s ease;
}
.k-note-card:hover{transform:translateY(-3px);box-shadow:var(--sh-hover);}
.k-note-card__icon{
  width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--c-primary-l);color:var(--c-primary);font-size:17px;margin-bottom:16px;
}
.k-note-card h3{font-size:18px;font-weight:700;}
.k-note-card p{margin-top:10px;font-size:15px;color:var(--c-ink-2);line-height:1.85;}
.k-badge{
  display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:999px;
  font-size:12.5px;font-weight:600;background:var(--c-accent-l);color:#A8460F;
}

/* ---------- Bottom actions ---------- */
.k-bottom{background:#fff;border-top:1px solid var(--c-line);padding:44px 0;}
.k-bottom__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.k-bottom__text{font-size:15.5px;color:var(--c-ink-2);}
.k-bottom__text strong{color:var(--c-ink);}
.k-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:0 24px;border-radius:var(--r-btn);
  font-size:15px;font-weight:700;transition:all .18s ease;
}
.k-btn--primary{background:var(--c-primary);color:#fff;box-shadow:0 12px 24px -18px rgba(11,110,79,.9);}
.k-btn--primary:hover{background:var(--c-primary-d);color:#fff;transform:translateY(-2px);}
.k-btn--primary:active{transform:translateY(0);}
.k-btn--ghost{background:transparent;color:var(--c-primary);border:1px solid rgba(11,110,79,.35);}
.k-btn--ghost:hover{background:var(--c-primary-l);color:var(--c-primary-d);border-color:var(--c-primary);}

/* ---------- To top ---------- */
.k-totop{
  position:fixed;right:22px;bottom:26px;z-index:70;width:46px;height:46px;border-radius:14px;
  background:var(--c-primary);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 28px -16px rgba(11,110,79,.9);
  opacity:0;visibility:hidden;transform:translateY(10px);transition:all .22s ease;
}
.k-totop.is-show{opacity:1;visibility:visible;transform:translateY(0);}
.k-totop:hover{background:var(--c-primary-d);}

/* ---------- Footer ---------- */
.k-footer{background:var(--c-dark);color:rgba(255,255,255,.78);padding:68px 0 26px;margin-top:0;}
.k-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;}
.k-footer__brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;color:#fff;margin-bottom:16px;}
.k-footer p{font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.7);}
.k-footer h4{font-size:15px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:.02em;}
.k-footer__links{display:flex;flex-direction:column;gap:11px;}
.k-footer__links a{font-size:14.5px;color:rgba(255,255,255,.74);}
.k-footer__links a:hover{color:#fff;text-decoration:underline;}
.k-footer__bottom{
  margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:12.5px;color:rgba(255,255,255,.62);
}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  :root{--sp-sec:72px;}
  .k-library__grid{grid-template-columns:minmax(0,1fr);gap:32px;}
  .k-toc{position:static;}
  .k-toc__list{flex-direction:row;flex-wrap:wrap;}
  .k-toc__list a{background:var(--c-bg);}
  .k-intro-card__grid{grid-template-columns:minmax(0,1fr);gap:24px;}
  .k-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .k-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
}
@media (max-width:900px){
  .k-nav{display:none;}
  .k-burger{display:inline-flex;}
  .k-tool-btn span{display:none;}
  .k-tool-btn{padding:0 12px;}
  .k-topbar__inner{gap:14px;}
  .k-channelbar__inner{gap:12px;}
}
@media (max-width:640px){
  :root{--sp-sec:56px;}
  body{font-size:16px;}
  .k-pagehead{padding:52px 0 44px;}
  .k-facts{gap:18px 0;}
  .k-facts__item{padding:0 16px;}
  .k-facts__item:first-child{padding-left:0;}
  .k-intro-card{padding:22px;}
  .k-entry__link{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 12px 16px 16px;}
  .k-entry__meta{grid-column:1 / 2;font-size:12.5px;}
  .k-entry__arrow{grid-row:1;grid-column:2;}
  .k-note-grid{grid-template-columns:minmax(0,1fr);}
  .k-footer__grid{grid-template-columns:minmax(0,1fr);}
  .k-group__head{flex-direction:column;align-items:flex-start;gap:8px;}
  .k-bottom__inner{flex-direction:column;align-items:flex-start;}
  .k-btn{width:100%;}
}

/* roulang page: category2 */
:root{
  --c-primary:#0B6E4F;
  --c-primary-dark:#074C36;
  --c-primary-soft:#E7F2EC;
  --c-accent:#F26A21;
  --c-accent-soft:#FDEDE3;
  --c-ink:#121C18;
  --c-ink-2:#3F4F49;
  --c-ink-3:#7C8A84;
  --c-bg:#F6F7F4;
  --c-surface:#FFFFFF;
  --c-dark:#0E1A16;
  --c-line:#E3E8E4;
  --r-card:14px;
  --r-img:12px;
  --r-btn:10px;
  --r-pill:999px;
  --shadow-1:0 1px 2px rgba(18,28,24,.04);
  --shadow-card:0 10px 26px -18px rgba(18,28,24,.22);
  --shadow-hover:0 16px 34px -16px rgba(18,28,24,.28);
  --w-container:1200px;
  --font-cn:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans SC","Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-cn);
  font-size:16px;
  line-height:1.9;
  color:var(--c-ink);
  background:var(--c-bg);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;height:auto}
a{color:var(--c-primary);text-decoration:none;transition:color .2s ease,background-color .2s ease}
a:hover{color:var(--c-primary-dark)}
button{font-family:inherit}
ul,ol{margin:0;padding:0;list-style:none}
p{margin:0 0 1em}
:focus-visible{outline:3px solid rgba(11,110,79,.3);outline-offset:2px;border-radius:6px}
body.is-locked{overflow:hidden}
h1,h2,h3,h4{
  font-family:var(--font-cn);
  color:var(--c-ink);
  letter-spacing:.01em;
  line-height:1.32;
  font-weight:700;
  margin:0 0 16px;
}
h1{font-size:clamp(28px,4vw,46px)}
h2{font-size:clamp(24px,2.8vw,34px)}
h3{font-size:clamp(18px,1.8vw,22px)}
h4{font-size:17px}
.k-container{width:100%;max-width:var(--w-container);margin:0 auto;padding:0 20px}

/* ===== 头部导航 ===== */
.k-header{
  position:sticky;top:0;z-index:60;
  background:var(--c-surface);
  border-bottom:1px solid var(--c-line);
  transition:box-shadow .25s ease;
}
.k-header.is-stuck{box-shadow:0 10px 26px -18px rgba(18,28,24,.45)}
.k-topbar{height:56px;display:flex;align-items:center;transition:height .2s ease}
.k-header.is-stuck .k-topbar{height:48px}
.k-topbar__inner{display:flex;align-items:center;gap:20px;width:100%}
.k-logo{display:inline-flex;align-items:center;gap:10px;color:var(--c-ink);font-weight:800;font-size:18px;letter-spacing:.01em;white-space:nowrap}
.k-logo:hover{color:var(--c-primary-dark)}
.k-logo__mark{
  width:34px;height:34px;border-radius:10px;background:var(--c-primary);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex:0 0 auto;
}
.k-nav{display:flex;align-items:center;gap:4px;margin-left:6px}
.k-nav__link{
  position:relative;display:inline-flex;align-items:center;height:36px;padding:0 14px;
  border-radius:8px;font-size:15px;font-weight:600;color:var(--c-ink-2);
}
.k-nav__link:hover{background:var(--c-primary-soft);color:var(--c-primary-dark)}
.k-nav__link.is-active{color:var(--c-primary)}
.k-nav__link.is-active::after{
  content:"";position:absolute;left:14px;right:14px;bottom:2px;height:3px;border-radius:3px;background:var(--c-primary);
}
.k-topbar__tools{margin-left:auto;display:flex;align-items:center;gap:10px}
.k-tool-btn{
  display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;
  border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-pill);
  color:var(--c-ink-2);font-size:13.5px;font-weight:600;cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease,color .2s ease;
}
.k-tool-btn:hover{border-color:rgba(11,110,79,.4);background:var(--c-primary-soft);color:var(--c-primary-dark)}
.k-tool-btn--trend{background:var(--c-accent-soft);border-color:transparent;color:#A9430F}
.k-tool-btn--trend:hover{background:#FBDCC9;color:#8E360B;border-color:transparent}
.k-search{position:relative}
.k-search__panel{
  position:absolute;right:0;top:calc(100% + 10px);width:284px;background:var(--c-surface);
  border:1px solid var(--c-line);border-radius:var(--r-card);padding:16px;box-shadow:var(--shadow-hover);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;
  z-index:70;
}
.k-search.is-open .k-search__panel{opacity:1;visibility:visible;transform:translateY(0)}
.k-search__panel input{
  width:100%;height:44px;border:1px solid var(--c-line);border-radius:var(--r-btn);
  padding:0 12px;font-size:14px;font-family:inherit;color:var(--c-ink);background:var(--c-surface);
}
.k-search__panel input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(11,110,79,.16)}
.k-burger{
  display:none;width:40px;height:40px;border:1px solid var(--c-line);background:var(--c-surface);
  border-radius:10px;color:var(--c-ink-2);font-size:16px;cursor:pointer;align-items:center;justify-content:center;
}
.k-burger:hover{background:var(--c-primary-soft);color:var(--c-primary-dark)}
.k-channelbar{border-top:1px solid var(--c-line);background:#FBFCFA}
.k-channelbar__inner{display:flex;align-items:center;gap:18px;height:40px;overflow:hidden}
.k-channels{display:flex;align-items:center;gap:4px;height:40px;overflow-x:auto;flex:1 1 auto;scrollbar-width:none}
.k-channels::-webkit-scrollbar{display:none}
.k-channel{
  position:relative;display:inline-flex;align-items:center;height:40px;padding:0 12px;
  font-size:14px;font-weight:600;color:var(--c-ink-2);white-space:nowrap;
}
.k-channel::after{
  content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;
  background:transparent;transition:background .2s ease;
}
.k-channel:hover{color:var(--c-primary-dark)}
.k-channel.is-active{color:var(--c-primary);font-weight:700}
.k-channel.is-active::after{background:var(--c-primary)}
.k-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;flex:0 1 auto;max-width:52%;scrollbar-width:none}
.k-chips::-webkit-scrollbar{display:none}
.k-chip{
  display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:var(--r-pill);
  background:var(--c-primary-soft);color:var(--c-primary-dark);font-size:12.5px;font-weight:600;
  white-space:nowrap;border:1px solid transparent;
}
.k-chip:hover{background:#D8EBE1;color:var(--c-primary-dark)}

/* 抽屉菜单 */
.k-drawer__mask{
  position:fixed;inset:0;background:rgba(14,26,22,.45);z-index:70;
  opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;
}
.k-drawer__mask.is-open{opacity:1;visibility:visible}
.k-drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);background:var(--c-surface);z-index:80;
  transform:translateX(100%);transition:transform .28s ease;padding:20px;overflow-y:auto;
  display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-hover);
}
.k-drawer.is-open{transform:translateX(0)}
.k-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.k-drawer__head span{font-weight:700;font-size:16px}
.k-drawer__close{
  width:40px;height:40px;border:1px solid var(--c-line);background:var(--c-surface);border-radius:10px;
  color:var(--c-ink-2);cursor:pointer;font-size:15px;
}
.k-drawer__close:hover{background:var(--c-primary-soft);color:var(--c-primary-dark)}
.k-drawer__link{
  display:flex;align-items:center;height:48px;padding:0 14px;border-radius:10px;
  font-size:15px;font-weight:600;color:var(--c-ink-2);
}
.k-drawer__link:hover{background:var(--c-primary-soft);color:var(--c-primary-dark)}
.k-drawer__link.is-active{background:var(--c-primary-soft);color:var(--c-primary)}

/* ===== 页面头条 ===== */
.k-banner{position:relative;overflow:hidden;background:var(--c-dark);color:#fff}
.k-banner__bg{
  position:absolute;inset:0;
  background-image:url('/assets/images/backpic/back-2.png');
  background-size:cover;background-position:center;
}
.k-banner__mask{
  position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(7,76,54,.86) 0%,rgba(7,76,54,.72) 46%,rgba(14,26,22,.62) 100%);
}
.k-banner__inner{position:relative;padding-top:60px;padding-bottom:56px}
.k-crumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.78);margin-bottom:18px}
.k-crumb a{color:rgba(255,255,255,.86)}
.k-crumb a:hover{color:#fff;text-decoration:underline}
.k-crumb span[aria-current]{color:#fff;font-weight:600}
.k-banner__eyebrow{
  display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 14px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.14);color:#EAF4EE;font-size:12.5px;font-weight:600;letter-spacing:.04em;
  margin-bottom:16px;
}
.k-banner h1{color:#fff;max-width:18em;margin-bottom:16px}
.k-banner__desc{color:#D8E7DE;font-size:16.5px;max-width:34em;margin-bottom:26px}
.k-banner__meta{display:flex;flex-wrap:wrap;gap:12px 26px;font-size:14px;color:#CBE0D5}
.k-banner__meta li{display:inline-flex;align-items:center;gap:8px}
.k-banner__meta i{color:#8FD3B2}

/* 快速定位条 */
.k-filterbar{background:var(--c-surface);border-bottom:1px solid var(--c-line)}
.k-filterbar__inner{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.k-filterbar__label{font-size:13.5px;font-weight:700;color:var(--c-ink-3);letter-spacing:.06em}
.k-filterchips{display:flex;flex-wrap:wrap;gap:10px}
.k-filterchip{
  display:inline-flex;align-items:center;height:36px;padding:0 18px;border-radius:var(--r-pill);
  border:1px solid rgba(11,110,79,.25);background:transparent;color:var(--c-primary-dark);
  font-size:14px;font-weight:600;
}
.k-filterchip:hover{background:var(--c-primary-soft);border-color:rgba(11,110,79,.45)}
.k-filterchip.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.k-filterchip.is-active:hover{background:var(--c-primary-dark);color:#fff}

/* ===== 通用板块 ===== */
.k-section{padding:56px 0}
@media (min-width:768px){.k-section{padding:72px 0}}
@media (min-width:1024px){.k-section{padding:96px 0}}
.k-section__head{max-width:780px;margin-bottom:32px}
.k-section__head h2{margin-bottom:12px}
.k-section__head p{margin:0;color:var(--c-ink-2);font-size:16px}
.k-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.k-textlink{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--c-primary)}
.k-textlink i{transition:transform .2s ease}
.k-textlink:hover i{transform:translateX(4px)}
.k-section--alt{background:#fff;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}

/* 卡片网格（基于 Foundation 栅格） */
.row.k-grid{display:flex;flex-wrap:wrap;max-width:none;margin-left:-12px;margin-right:-12px}
.row.k-grid > .columns{float:none;flex:0 0 auto;padding-left:12px!important;padding-right:12px!important;margin-bottom:24px}

.k-news-card{
  display:flex;flex-direction:column;height:100%;background:var(--c-surface);
  border:1px solid var(--c-line);border-radius:var(--r-card);overflow:hidden;
  box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease;
}
.k-news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
.k-news-card__media{
  position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--c-primary-soft);
}
.k-news-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.k-news-card:hover .k-news-card__media img{transform:scale(1.04)}
.k-badge{
  position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;height:26px;padding:0 12px;
  border-radius:var(--r-pill);background:rgba(255,255,255,.95);color:var(--c-primary-dark);
  font-size:12.5px;font-weight:600;box-shadow:0 2px 8px rgba(18,28,24,.14);
}
.k-badge--accent{background:var(--c-accent-soft);color:#A9430F}
.k-news-card__body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.k-news-card__body h3{margin:0;font-size:19px;line-height:1.45}
.k-news-card__body h3 a{color:var(--c-ink)}
.k-news-card__body h3 a:hover{color:var(--c-primary)}
.k-news-card__body p{
  margin:0;color:var(--c-ink-2);font-size:15px;line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.k-news-card__foot{
  margin-top:auto;padding-top:12px;border-top:1px solid var(--c-line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:13.5px;color:var(--c-ink-3);
}
.k-more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--c-primary)}
.k-more i{transition:transform .2s ease}
.k-more:hover i{transform:translateX(4px)}

/* 分页 */
.k-pagination{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.k-page{
  display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 16px;
  border:1px solid var(--c-line);border-radius:10px;background:var(--c-surface);
  font-size:14px;font-weight:600;color:var(--c-ink-2);
}
.k-page:hover{border-color:rgba(11,110,79,.4);color:var(--c-primary-dark);background:var(--c-primary-soft)}
.k-page.is-current{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.k-page.is-current:hover{background:var(--c-primary-dark);color:#fff}
.k-page.is-disabled{color:var(--c-ink-3);opacity:.6;cursor:not-allowed;background:#F1F3F0}
.k-page.is-disabled:hover{border-color:var(--c-line);background:#F1F3F0;color:var(--c-ink-3)}

/* 深色数据区 */
.k-dark-band{background:var(--c-dark);border-radius:20px;padding:40px 30px;color:#E8F0EB}
.k-dark-band h2{color:#fff}
.k-dark-band .k-section__head p{color:#A9BAB2}
.k-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:8px}
.k-stat{padding:6px 26px;border-left:1px solid rgba(255,255,255,.14)}
.k-stat:first-child{border-left:0;padding-left:0}
.k-stat__num{
  font-size:clamp(26px,3vw,38px);font-weight:700;color:#fff;line-height:1.15;
  font-variant-numeric:tabular-nums;letter-spacing:.01em;
}
.k-stat__label{margin-top:8px;font-size:14px;color:#A9BAB2;line-height:1.7}

/* 变动提醒清单 */
.k-notice-list{border-top:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-card);overflow:hidden;border:1px solid var(--c-line)}
.k-notice{
  position:relative;display:grid;grid-template-columns:108px 1fr auto;gap:16px;align-items:center;
  padding:18px 20px;border-bottom:1px solid var(--c-line);transition:background-color .2s ease;
}
.k-notice:last-child{border-bottom:0}
.k-notice::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;
  background:transparent;transition:background-color .2s ease;
}
.k-notice:hover{background:#FBFCFA}
.k-notice:hover::before{background:var(--c-primary)}
.k-notice__tag{
  display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;
  border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary-dark);
  font-size:12.5px;font-weight:600;
}
.k-notice__main{font-size:15px;color:var(--c-ink-2)}
.k-notice__main strong{display:block;color:var(--c-ink);font-weight:600;font-size:15.5px;margin-bottom:2px}
.k-notice__time{font-size:13px;color:var(--c-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}

/* 更新节奏流程 */
.k-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.k-step{
  background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-card);
  padding:24px 22px;box-shadow:var(--shadow-1);position:relative;
  transition:transform .25s ease,box-shadow .25s ease;
}
.k-step:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
.k-step__no{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;
  background:var(--c-primary);color:#fff;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;
  margin-bottom:14px;
}
.k-step h3{font-size:18px;margin-bottom:8px}
.k-step p{margin:0;font-size:14.5px;color:var(--c-ink-2)}

/* FAQ */
.k-faq{display:grid;gap:12px;max-width:880px}
.k-faq__item{
  background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-img);overflow:hidden;
  transition:border-color .2s ease,background-color .2s ease;position:relative;
}
.k-faq__item::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background-color .2s ease;
}
.k-faq__item.is-open{border-color:rgba(11,110,79,.35);background:rgba(231,242,236,.55)}
.k-faq__item.is-open::before{background:var(--c-primary)}
.k-faq__heading{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.k-faq__q{
  width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 22px;background:transparent;border:0;text-align:left;cursor:pointer;
  font-size:17px;font-weight:600;color:var(--c-ink);transition:color .2s ease;
}
.k-faq__item.is-open .k-faq__q{color:var(--c-primary-dark)}
.k-faq__q i{color:var(--c-ink-3);transition:transform .2s ease,color .2s ease;flex:0 0 auto}
.k-faq__item.is-open .k-faq__q i{transform:rotate(180deg);color:var(--c-primary)}
.k-faq__a{max-height:0;overflow:hidden;transition:max-height .2s ease}
.k-faq__a p{margin:0;padding:0 22px 20px;font-size:15px;line-height:1.9;color:var(--c-ink-2)}

/* CTA */
.k-cta{
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  background:var(--c-primary-soft);border:1px solid #D3E5DB;border-radius:20px;padding:36px 34px;
}
.k-cta h2{margin-bottom:10px;font-size:clamp(22px,2.4vw,28px)}
.k-cta p{margin:0;color:var(--c-ink-2);font-size:15.5px;max-width:46em}
.k-cta__actions{display:flex;gap:12px;flex-wrap:wrap}
.k-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;
  border-radius:var(--r-btn);border:1px solid transparent;font-size:15px;font-weight:600;cursor:pointer;
  transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;
}
.k-btn--primary{background:var(--c-primary);color:#fff}
.k-btn--primary:hover{background:var(--c-primary-dark);color:#fff;transform:translateY(-2px)}
.k-btn--primary:active{transform:translateY(1px)}
.k-btn--ghost{background:transparent;color:var(--c-primary);border-color:rgba(11,110,79,.25)}
.k-btn--ghost:hover{background:#fff;color:var(--c-primary-dark);border-color:rgba(11,110,79,.45)}

/* 页脚 */
.k-footer{background:var(--c-dark);color:#C9D6CF;margin-top:72px;padding:56px 0 0}
.k-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px}
.k-footer h4{color:#fff;font-size:16px;margin-bottom:16px}
.k-footer p{font-size:14px;line-height:1.9;color:#A9BAB2;margin:0}
.k-footer__brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:17px;margin-bottom:14px}
.k-footer__brand .k-logo__mark{width:30px;height:30px;border-radius:9px;font-size:13px}
.k-footer__links{display:flex;flex-direction:column;gap:10px}
.k-footer__links a{color:#C9D6CF;font-size:14px}
.k-footer__links a:hover{color:#fff;text-decoration:underline}
.k-footer__bottom{
  margin-top:40px;border-top:1px solid rgba(255,255,255,.12);padding:18px 0;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:12.5px;color:#8FA199;
}

/* 响应式 */
@media (max-width:1023px){
  .k-nav{display:none}
  .k-burger{display:inline-flex}
  .k-stats{grid-template-columns:repeat(2,1fr);row-gap:26px}
  .k-stat:nth-child(3){border-left:0;padding-left:0}
  .k-flow{grid-template-columns:repeat(2,1fr)}
  .k-footer__grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .k-chips{max-width:none}
}
@media (max-width:767px){
  .k-topbar__inner{gap:12px}
  .k-logo{font-size:16px}
  .k-tool-btn span{display:none}
  .k-tool-btn{padding:0 12px}
  .k-banner__inner{padding-top:44px;padding-bottom:40px}
  .k-banner__desc{font-size:15.5px}
  .k-banner__meta{gap:10px 18px;font-size:13.5px}
  .k-dark-band{padding:32px 22px;border-radius:16px}
  .k-cta{padding:28px 22px}
  .k-notice{grid-template-columns:1fr;gap:10px;padding:16px 18px}
  .k-notice__time{order:3}
  .k-flow{grid-template-columns:1fr}
  .k-footer__grid{grid-template-columns:1fr}
  .k-section__head{margin-bottom:26px}
}
@media (max-width:599px){
  .k-chips{display:none}
  .k-filterbar__label{display:none}
  .k-filterchip{height:34px;padding:0 14px;font-size:13.5px}
  .k-banner h1{font-size:26px}
  .k-news-card__body{padding:18px}
  .k-news-card__body h3{font-size:17.5px}
}

/* roulang page: category3 */
:root{
  --c-primary:#0B6E4F;
  --c-primary-dark:#074C36;
  --c-primary-soft:#E7F2EC;
  --c-accent:#F26A21;
  --c-accent-soft:#FDEDE3;
  --c-ink:#121C18;
  --c-ink-2:#3F4F49;
  --c-ink-3:#7C8A84;
  --c-bg:#F6F7F4;
  --c-surface:#FFFFFF;
  --c-dark:#0E1A16;
  --c-line:#E3E8E4;
  --r-card:14px;
  --r-img:12px;
  --r-btn:10px;
  --r-pill:999px;
  --sh-1:0 1px 2px rgba(18,28,24,.04);
  --sh-card:0 10px 26px -18px rgba(18,28,24,.22);
  --sh-hover:0 16px 34px -16px rgba(18,28,24,.28);
  --sp-section:96px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--c-bg);
  color:var(--c-ink);
  font-family:-apple-system,"PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",sans-serif;
  font-size:16.5px;
  line-height:1.9;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--c-primary);text-decoration:none;transition:color .18s ease,border-color .18s ease,background-color .18s ease;}
a:hover{color:var(--c-primary-dark);}
img{max-width:100%;display:block;}
button{font-family:inherit;}
h1,h2,h3,h4{color:var(--c-ink);letter-spacing:.01em;line-height:1.3;margin:0;font-weight:700;}
p{margin:0 0 1.1em;}
p:last-child{margin-bottom:0;}
ul{margin:0;padding:0;list-style:none;}
:focus-visible{outline:3px solid rgba(11,110,79,.3);outline-offset:2px;border-radius:6px;}
.k-container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;}
.k-section{padding:var(--sp-section) 0;}
.k-section--tight{padding:64px 0;}
.k-section__head{max-width:820px;margin-bottom:40px;}
.k-section__head h2{font-size:clamp(24px,2.4vw,34px);}
.k-section__head p{margin-top:14px;color:var(--c-ink-2);font-size:16px;line-height:1.85;}

/* ---------- header ---------- */
.k-header{position:sticky;top:0;z-index:60;background:var(--c-surface);border-bottom:1px solid var(--c-line);transition:box-shadow .2s ease;}
.k-header.is-stuck{box-shadow:0 6px 20px -12px rgba(18,28,24,.35);}
.k-topbar{height:56px;transition:height .2s ease;}
.k-header.is-stuck .k-topbar{height:48px;}
.k-topbar__inner{display:flex;align-items:center;gap:22px;height:100%;}
.k-logo{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.k-logo__mark{width:32px;height:32px;border-radius:9px;background:var(--c-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;box-shadow:var(--sh-1);}
.k-logo__text{font-size:17.5px;font-weight:800;color:var(--c-ink);letter-spacing:.01em;white-space:nowrap;}
.k-nav{display:flex;align-items:center;gap:4px;flex:1 1 auto;overflow:hidden;}
.k-nav__link{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 12px;font-size:15px;color:var(--c-ink-2);border-radius:8px;white-space:nowrap;}
.k-nav__link:hover{color:var(--c-primary);background:var(--c-primary-soft);}
.k-nav__link.is-active{color:var(--c-primary);font-weight:600;}
.k-nav__link.is-active::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:3px;border-radius:3px;background:var(--c-primary);}
.k-topbar__tools{display:flex;align-items:center;gap:8px;margin-left:auto;}
.k-tool-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 13px;border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-pill);color:var(--c-ink-2);font-size:14.5px;cursor:pointer;transition:all .18s ease;}
.k-tool-btn:hover{border-color:rgba(11,110,79,.35);color:var(--c-primary);background:var(--c-primary-soft);}
.k-tool-btn--trend{border-color:rgba(242,106,33,.35);color:#B44C13;background:var(--c-accent-soft);}
.k-tool-btn--trend:hover{background:#FBE0CE;color:#8E3B0C;border-color:rgba(242,106,33,.5);}
.k-search{position:relative;}
.k-search__panel{position:absolute;top:48px;right:0;width:300px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-card);box-shadow:var(--sh-hover);padding:16px;display:none;}
.k-search__panel.is-open{display:block;}
.k-search__panel input{width:100%;height:46px;border:1px solid var(--c-line);border-radius:var(--r-btn);padding:0 14px;font-size:15px;color:var(--c-ink);background:var(--c-surface);}
.k-search__panel input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(11,110,79,.2);}
.k-burger{display:none;width:44px;height:44px;border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-btn);font-size:17px;color:var(--c-ink);cursor:pointer;align-items:center;justify-content:center;}
.k-channelbar{background:#FBFCFA;border-top:1px solid var(--c-line);height:40px;}
.k-channelbar__inner{display:flex;align-items:center;gap:18px;height:100%;}
.k-channels{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;}
.k-channels::-webkit-scrollbar{display:none;}
.k-channel{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 12px;font-size:14.5px;color:var(--c-ink-2);white-space:nowrap;}
.k-channel:hover{color:var(--c-primary);}
.k-channel.is-active{color:var(--c-primary);font-weight:600;}
.k-channel.is-active::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--c-primary);}
.k-chips{display:flex;align-items:center;gap:8px;margin-left:auto;overflow-x:auto;scrollbar-width:none;}
.k-chips::-webkit-scrollbar{display:none;}
.k-chip{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary-dark);font-size:13px;white-space:nowrap;}
.k-chip:hover{background:var(--c-primary);color:#fff;}
.k-drawer{position:fixed;inset:0 0 0 auto;width:min(84vw,340px);background:var(--c-surface);z-index:90;transform:translateX(102%);transition:transform .26s ease;box-shadow:-10px 0 40px -20px rgba(18,28,24,.4);padding:20px;overflow-y:auto;}
.k-drawer.is-open{transform:translateX(0);}
.k-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.k-drawer__close{width:44px;height:44px;border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-btn);font-size:17px;cursor:pointer;color:var(--c-ink);}
.k-drawer__link{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 4px;border-bottom:1px solid var(--c-line);font-size:16px;color:var(--c-ink-2);}
.k-drawer__link.is-active{color:var(--c-primary);font-weight:600;}
.k-drawer__link:hover{color:var(--c-primary);}
.k-lock{overflow:hidden;}

/* ---------- page hero ---------- */
.k-pagehero{position:relative;isolation:isolate;padding:72px 0 64px;background-image:url('/assets/images/backpic/back-2.png');background-size:cover;background-position:center;}
.k-pagehero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(7,76,54,.92) 0%,rgba(11,110,79,.78) 48%,rgba(14,26,22,.7) 100%);}
.k-pagehero__inner{max-width:840px;}
.k-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.82);margin-bottom:20px;}
.k-crumbs a{color:rgba(255,255,255,.9);}
.k-crumbs a:hover{color:#fff;text-decoration:underline;}
.k-crumbs i{font-size:10px;opacity:.7;}
.k-pagehero h1{color:#fff;font-size:clamp(30px,3.4vw,48px);font-weight:800;letter-spacing:.01em;}
.k-pagehero__lead{margin-top:18px;color:rgba(255,255,255,.92);font-size:17px;line-height:1.85;max-width:720px;}
.k-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.k-hero-tags span{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:var(--r-pill);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:13.5px;}

/* ---------- intro card ---------- */
.k-intro-card{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:center;background:var(--c-primary-soft);border:1px solid rgba(11,110,79,.16);border-radius:var(--r-card);padding:26px;box-shadow:var(--sh-1);}
.k-intro-card__media{border-radius:var(--r-img);overflow:hidden;aspect-ratio:16/10;background:#DCE7E1;}
.k-intro-card__media img{width:100%;height:100%;object-fit:cover;}
.k-intro-card h2{font-size:22px;margin-bottom:12px;}
.k-intro-card p{color:var(--c-ink-2);font-size:15.6px;line-height:1.85;}
.k-textlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15.4px;margin-top:14px;}
.k-textlink i{transition:transform .18s ease;font-size:12px;}
.k-textlink:hover i{transform:translateX(4px);}

/* ---------- directory ---------- */
.k-dir-grid{margin:0;}
.k-dir-grid>.column{padding-left:12px;padding-right:12px;}
.k-dir-col{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-card);padding:26px 24px 18px;box-shadow:var(--sh-card);height:100%;transition:box-shadow .22s ease,transform .22s ease;}
.k-dir-col:hover{box-shadow:var(--sh-hover);transform:translateY(-3px);}
.k-dir-col h2{font-size:21px;display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--c-line);}
.k-dir-col h2 i{width:30px;height:30px;border-radius:9px;background:var(--c-primary-soft);color:var(--c-primary);display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto;}
.k-dir-list{margin-top:6px;}
.k-dir-item{display:flex;align-items:flex-start;gap:12px;padding:14px 8px 14px 10px;border-bottom:1px solid #EDF1EE;border-left:3px solid transparent;font-size:15.4px;color:var(--c-ink-2);line-height:1.7;transition:all .18s ease;}
.k-dir-item:last-child{border-bottom:none;}
.k-dir-item:hover{background:#F6FAF8;border-left-color:var(--c-primary);color:var(--c-primary);}
.k-dir-item__num{font-variant-numeric:tabular-nums;font-weight:700;font-size:13.5px;color:var(--c-accent);min-width:24px;padding-top:2px;}
.k-dir-item__txt{flex:1 1 auto;}
.k-dir-item__txt small{display:block;color:var(--c-ink-3);font-size:13.5px;line-height:1.7;margin-top:2px;}

/* ---------- CTA band ---------- */
.k-cta-band{background:var(--c-dark);border-radius:var(--r-card);padding:40px 36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;}
.k-cta-band__txt{max-width:640px;}
.k-cta-band__txt h2{color:#fff;font-size:clamp(21px,2vw,27px);}
.k-cta-band__txt p{color:rgba(255,255,255,.78);margin-top:12px;font-size:15.6px;}
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 26px;border-radius:var(--r-btn);font-size:16px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .18s ease;}
.k-btn--primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary);}
.k-btn--primary:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark);color:#fff;transform:translateY(-2px);}
.k-btn--primary:active{transform:translateY(0);}
.k-btn--light{background:#fff;color:var(--c-dark);border-color:#fff;}
.k-btn--light:hover{background:var(--c-accent-soft);color:#8E3B0C;border-color:var(--c-accent-soft);transform:translateY(-2px);}
.k-btn--ghost{background:transparent;color:var(--c-primary);border-color:rgba(11,110,79,.25);}
.k-btn--ghost:hover{background:var(--c-primary-soft);color:var(--c-primary-dark);border-color:rgba(11,110,79,.45);}
.k-cta-band__actions{display:flex;flex-wrap:wrap;gap:12px;}

/* ---------- FAQ ---------- */
.k-faq{max-width:900px;}
.k-faq__item{background:var(--c-surface);border:1px solid var(--c-line);border-radius:12px;margin-bottom:14px;overflow:hidden;border-left:3px solid transparent;transition:border-color .2s ease,background-color .2s ease;}
.k-faq__item.is-open{border-left-color:var(--c-primary);background:#FBFDFC;}
.k-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:none;border:none;padding:18px 22px;font-size:16.6px;font-weight:600;color:var(--c-ink);cursor:pointer;min-height:56px;}
.k-faq__item.is-open .k-faq__q{color:var(--c-primary);}
.k-faq__ico{width:30px;height:30px;border-radius:50%;background:var(--c-primary-soft);color:var(--c-primary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 auto;transition:transform .2s ease,background-color .2s ease;}
.k-faq__item.is-open .k-faq__ico{background:var(--c-primary);color:#fff;transform:rotate(45deg);}
.k-faq__a{max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease,opacity .2s ease;}
.k-faq__item.is-open .k-faq__a{max-height:420px;opacity:1;}
.k-faq__a p{padding:0 22px 20px;color:var(--c-ink-2);font-size:15.6px;}

/* ---------- back row ---------- */
.k-backrow{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;border-top:1px solid var(--c-line);padding-top:28px;}
.k-backrow__links{display:flex;flex-wrap:wrap;gap:22px;}
.k-backrow__links a{display:inline-flex;align-items:center;gap:8px;font-size:15.4px;font-weight:600;}
.k-backrow small{color:var(--c-ink-3);font-size:13.5px;}

/* ---------- footer ---------- */
.k-footer{background:#0B1512;color:rgba(255,255,255,.76);padding:64px 0 0;margin-top:0;}
.k-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;}
.k-footer h4{color:#fff;font-size:16px;margin-bottom:16px;}
.k-footer p{font-size:14.6px;line-height:1.85;color:rgba(255,255,255,.72);}
.k-footer__brand{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.k-footer__brand span:last-child{font-size:17px;font-weight:700;color:#fff;}
.k-footer__links{display:flex;flex-direction:column;gap:10px;}
.k-footer__links a{color:rgba(255,255,255,.76);font-size:14.6px;}
.k-footer__links a:hover{color:#fff;text-decoration:underline;}
.k-footer__bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);margin-top:48px;padding:20px 0 26px;font-size:12.8px;color:rgba(255,255,255,.66);}

.k-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- responsive ---------- */
@media screen and (max-width:1024px){
  :root{--sp-section:72px;}
  .k-nav{display:none;}
  .k-burger{display:inline-flex;}
  .k-chips{display:none;}
  .k-footer__grid{grid-template-columns:1fr 1fr;}
}
@media screen and (max-width:900px){
  .k-intro-card{grid-template-columns:1fr;}
  .k-cta-band{padding:32px 24px;}
}
@media screen and (max-width:640px){
  :root{--sp-section:56px;}
  body{font-size:16px;}
  .k-container{padding:0 18px;}
  .k-logo__text{font-size:16px;}
  .k-pagehero{padding:52px 0 46px;}
  .k-pagehero h1{font-size:clamp(26px,7vw,32px);}
  .k-tool-btn span{display:none;}
  .k-tool-btn{width:44px;justify-content:center;padding:0;}
  .k-search__panel{width:min(86vw,300px);right:-52px;}
  .k-dir-col{padding:22px 18px 14px;}
  .k-footer__grid{grid-template-columns:1fr;gap:28px;}
  .k-cta-band{flex-direction:column;align-items:flex-start;}
  .k-btn{width:100%;}
  .k-backrow{flex-direction:column;align-items:flex-start;}
}