:root{
  --bg:#ecf1ef;
  --bg-soft:#f7faf9;
  --card:#ffffff;
  --text:#10232d;
  --muted:#4a616c;
  --line:#c9d9de;
  --accent:#0f6f74;
  --accent-2:#1d8d6f;
  --shadow:0 18px 36px rgba(11,31,43,.10);
  --radius:18px;
}

body{
  background:
    radial-gradient(1200px 540px at 100% -120px,rgba(21,124,140,.12) 0,rgba(21,124,140,0) 60%),
    radial-gradient(980px 520px at -140px 0,rgba(33,146,113,.11) 0,rgba(33,146,113,0) 58%),
    linear-gradient(180deg,#f5f8f7 0%,#ecf1ef 42%,#e6edeb 100%);
}

.site-header{
  background:rgba(249,252,251,.9);
  border-bottom:1px solid #c7d7db;
}

.top-nav-link,
.top-nav-category-trigger{
  color:#33505b;
}
.top-nav-link:hover,
.top-nav-category-trigger:hover{
  background:#e3eeef;
  color:#0d5d62;
}
.top-nav-category-dropdown{
  background:#f8fbfb;
  border-color:#cadee4;
}
.top-nav-sub-link{
  color:#1b4f60;
}
.top-nav-sub-link:hover{
  background:#e8f1f2;
}

.nav-toggle{
  background:#e9f0f2;
  border-color:#b9ced4;
  color:#244a58;
}

.btn-primary{
  background:linear-gradient(135deg,#0f6f74,#1e8a69);
}
.btn-ghost{
  background:#eef5f6;
  border-color:#c5d9dd;
  color:#215267;
}

.home-hero{
  position:relative;
  overflow:hidden;
  border:1px solid #bfd2d8;
  background:
    radial-gradient(500px 320px at 100% 0,rgba(24,127,143,.13) 0,rgba(24,127,143,0) 72%),
    linear-gradient(145deg,#f8fcfb 0%,#f0f7f6 58%,#eef4f4 100%);
}
.home-hero::after{
  content:"";
  position:absolute;
  right:-95px;
  bottom:-95px;
  width:250px;
  height:250px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(31,138,121,.23) 0,rgba(31,138,121,0) 72%);
  pointer-events:none;
}
.home-hero .hero-main,
.home-hero .hero-stats{
  position:relative;
  z-index:1;
}
.home-hero h1{
  color:#0f2d3b;
  font-size:clamp(30px,4vw,44px);
  letter-spacing:-.02em;
}
.home-hero p{
  color:#43606d;
}
.hero-seo-intro{
  border-color:#cadce1;
  background:linear-gradient(160deg,#ffffff 0%,#f2f8f7 100%);
}
.hero-seo-intro h2{color:#104355}
.hero-seo-intro p{color:#476773}
.hero-seo-box{
  border-color:#cadee4;
  background:linear-gradient(165deg,#ffffff 0%,#f5fafb 100%);
}
.hero-seo-box h3{color:#1c5160}
.hero-chip-link{
  border-color:#c1d6db;
  background:#edf4f5;
  color:#1b5061;
}
.hero-chip-link:hover{background:#e2edef}
.hero-link-list a{color:#175264}
.hero-safety-box{
  border-color:#bfd8d0;
  background:linear-gradient(165deg,#f8fcfa 0%,#ecf6f3 100%);
}
.hero-safety-list li{color:#275262}
.hero-stats{
  gap:12px;
}
.stat-box{
  border:1px solid #cadee4;
  background:linear-gradient(165deg,#ffffff 0%,#f5fafb 100%);
}
.stat-box strong{
  color:#0f5066;
}
.hero-seo-panels .seo-box h2{color:#104454}
.hero-seo-panels .seo-box h3{color:#2f6170}
.hero-seo-panels .seo-box p{color:#486873}
.hero-seo-panels .seo-box .seo-box-link{
  border-color:#b8cfd5;
  background:#ebf3f4;
  color:#16495f;
}
.hero-seo-panels .seo-box .seo-box-link:hover{background:#deebee}

.search-panel{
  border-color:#c4d7dd;
  background:linear-gradient(170deg,#fdfefe 0%,#f4f8f8 100%);
}
.field span{
  color:#2d5563;
}
.field input,
.field select{
  border-color:#bdd0d5;
}
.field input:focus,
.field select:focus{
  border-color:#7db4c1;
  box-shadow:0 0 0 3px rgba(15,111,116,.13);
}

.featured-article{
  border-color:#c3d6dc;
  background:linear-gradient(165deg,#ffffff 0%,#f5f9f8 100%);
}
.featured-body h2 a:hover{
  color:#0f6f74;
}
.featured-media img{
  min-height:280px;
  border:1px solid #c9dbe0;
}

.section-head h2{
  letter-spacing:-.01em;
}

.article-grid{
  gap:14px;
}
.card{
  border:1px solid #c7d9df;
  border-radius:16px;
  background:#fff;
  box-shadow:0 9px 22px rgba(12,33,44,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.card:hover{
  transform:translateY(-2px);
  border-color:#9fc2cd;
  box-shadow:0 14px 28px rgba(12,33,44,.10);
}
.card-media img{
  height:170px;
}
.card h3 a:hover{
  color:#0f6f74;
}
.card-link{
  border-color:#b8cfd5;
  background:#ebf3f4;
  color:#16495f;
}
.card-link:hover{
  background:#deebee;
}

.tag-item{
  border-color:#bdd2d8;
  background:#edf5f6;
  color:#1d4f60;
}
.tag-item small{
  color:#446875;
}

.article-header h1,
.ad-hero h1{
  color:#0f2d3b;
  letter-spacing:-.01em;
}

.meta-chip{
  border-color:#bfd3d9;
  background:#edf5f6;
  color:#2a5364;
}

.ad-main-frame,
.ad-zoom-btn{
  border-color:#bfd3d9;
}
.ad-side-content .contact-list p{
  border-color:#cadae0;
  background:#f4fafb;
}
.ad-related-link{
  border-color:#ccdce2;
  background:#f8fcfc;
}
.ad-related-thumb{
  border-color:#c9dae0;
}
.ad-related-link-placeholder{
  background:#f4faf9;
}
.ad-related-thumb-cta{
  background:linear-gradient(145deg,#f7fcfb 0%,#ebf4f3 100%);
}
.ad-feature-list li{
  color:#204251;
}

.site-footer{
  border-top-color:#c6d7dc;
  color:#4d636e;
}
.footer-content a,
.footer-tags-list a{
  color:#1f5163;
}

.scroll-top-btn{
  border-color:#b3c9d3;
  background:#e8f1f3;
  color:#17465d;
}

.theme-premium :is(a,button,input,textarea,select):focus-visible{
  outline:2px solid rgba(16,120,126,.45);
  outline-offset:2px;
}

@media (max-width:1024px){
  .home-hero{
    gap:14px;
  }
  .featured-media img{
    min-height:240px;
  }
}

@media (max-width:820px){
  .card{
    border-radius:14px;
  }
  .card-media img{
    height:182px;
  }
}