@charset "utf-8";

:root{
  --paper:#f7f1e7;
  --paper-2:#fffaf1;
  --paper-3:#efe4d2;
  --ink:#17120d;
  --muted:#766a5d;
  --line:rgba(33,25,18,.12);
  --line-strong:rgba(33,25,18,.22);
  --jade:#0d6f62;
  --jade-2:#073f3a;
  --cinnabar:#b74332;
  --cinnabar-2:#7d241d;
  --gold:#b78137;
  --gold-soft:#ead2a3;
  --blue:#1e5a77;
  --shadow:0 26px 70px rgba(45,28,14,.15);
  --shadow-soft:0 14px 42px rgba(45,28,14,.10);
  --radius-xl:42px;
  --radius-lg:32px;
  --radius-md:22px;
  --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;text-size-adjust:100%;}
body{
  margin:0;
  min-height:100vh;
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
  background:
    radial-gradient(circle at 10% 8%, rgba(183,67,50,.16), transparent 28vw),
    radial-gradient(circle at 88% 3%, rgba(13,111,98,.18), transparent 30vw),
    radial-gradient(circle at 54% 48%, rgba(183,129,55,.12), transparent 38vw),
    linear-gradient(135deg,#fbf6ee 0%,#f3eadb 45%,#fff9ee 100%);
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:-20%;
  z-index:-3;
  pointer-events:none;
  background:
    conic-gradient(from 120deg at 30% 50%, rgba(183,67,50,.12), transparent 22%, rgba(13,111,98,.14), transparent 56%, rgba(183,129,55,.10), transparent),
    radial-gradient(circle at 72% 62%, rgba(30,90,119,.12), transparent 24%);
  filter:blur(42px) saturate(118%);
  animation:auroraDrift 18s ease-in-out infinite alternate;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.22;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");
}

@keyframes auroraDrift{
  0%{transform:translate3d(-1.5%,0,0) rotate(-2deg) scale(1)}
  100%{transform:translate3d(1.5%,1%,0) rotate(2deg) scale(1.04)}
}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes floaty{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}
@keyframes sheen{0%{transform:translateX(-130%) skewX(-18deg)}100%{transform:translateX(170%) skewX(-18deg)}}
@keyframes lineFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes softPulse{0%,100%{opacity:.38; transform:scale(1)}50%{opacity:.62; transform:scale(1.05)}}

::selection{background:rgba(183,67,50,.22);color:var(--ink)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.site-header{
  width:min(var(--container),calc(100% - 34px));
  position:sticky;
  top:18px;
  z-index:50;
  margin:18px auto 0;
  border:1px solid rgba(45,30,18,.14);
  border-radius:999px;
  background:rgba(255,250,241,.72);
  backdrop-filter:blur(22px) saturate(150%);
  box-shadow:0 18px 50px rgba(46,28,14,.11), inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
}
.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(183,129,55,.18),transparent);
  mask:linear-gradient(#000,transparent 68%);
}
.header-inner{
  min-height:72px;
  padding:12px 18px 12px 20px;
  display:flex;
  align-items:center;
  gap:22px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  letter-spacing:.02em;
}
.brand-mark{
  width:42px;
  height:42px;
  border-radius:50%;
  position:relative;
  display:inline-block;
  background:radial-gradient(circle at 35% 28%,#fff0c4 0 12%,transparent 13%),conic-gradient(from 220deg,var(--cinnabar),var(--gold),var(--jade),var(--cinnabar));
  box-shadow:0 12px 28px rgba(183,67,50,.22), inset 0 0 0 7px rgba(255,250,241,.86);
  animation:softPulse 4s ease-in-out infinite;
}
.brand-mark::after{
  content:"";
  position:absolute;
  inset:11px;
  border-radius:50%;
  border:1px solid rgba(23,18,13,.28);
  background:rgba(255,250,241,.42);
}
.brand strong{display:block;font-size:18px;line-height:1;font-weight:900;letter-spacing:.08em}
.brand small{display:block;margin-top:5px;font-size:10px;color:var(--muted);letter-spacing:.13em;text-transform:uppercase}
.nav-links{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{
  position:relative;
  flex:0 0 auto;
  padding:10px 14px;
  border-radius:999px;
  font-size:14px;
  color:#3e352d;
  overflow:hidden;
  transition:color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.nav-links a::before{
  content:"";
  position:absolute;
  inset:auto 12px 7px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--cinnabar),var(--gold),transparent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s ease;
}
.nav-links a:hover{background:rgba(255,255,255,.58);transform:translateY(-1px)}
.nav-links a:hover::before{transform:scaleX(1)}
.nav-links a.active{
  color:#fffaf2;
  background:linear-gradient(135deg,#16110d,#34261b 60%,#0d3f39);
  box-shadow:0 12px 25px rgba(23,18,13,.22);
}
.nav-links a.active::before{display:none}

.container{
  width:min(var(--container),calc(100% - 34px));
  margin:0 auto;
  padding:30px 0 82px;
}
.breadcrumb{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0 18px;
  color:rgba(23,18,13,.54);
  font-size:13px;
}
.breadcrumb a{transition:color .2s ease}
.breadcrumb a:hover{color:var(--cinnabar)}
.breadcrumb a,
.breadcrumb .crumb-current{display:inline-flex;align-items:center;min-width:0;}
.breadcrumb a + a::before,
.breadcrumb a + .crumb-current::before{
  content:"/";
  margin-right:10px;
  color:rgba(23,18,13,.28);
}
.breadcrumb .crumb-prefix{flex:0 0 auto;color:rgba(23,18,13,.68);}

.hero-split{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);
  gap:24px;
  align-items:stretch;
  margin:18px 0 28px;
}
.hero-split::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:310px;
  height:310px;
  right:-84px;
  top:-92px;
  border-radius:50%;
  border:1px solid rgba(183,129,55,.34);
  box-shadow:inset 0 0 0 26px rgba(255,255,255,.12), inset 0 0 0 27px rgba(183,129,55,.12);
  animation:orbit 26s linear infinite;
}
.hero-split::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:190px;
  height:190px;
  left:44%;
  bottom:-74px;
  border-radius:38% 62% 58% 42%;
  background:linear-gradient(135deg,rgba(183,67,50,.16),rgba(13,111,98,.14));
  filter:blur(18px);
  animation:floaty 6s ease-in-out infinite;
}
.image-frame{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-xl) 18px var(--radius-xl) 18px;
  background:#ded1bd;
  border:1px solid rgba(23,18,13,.13);
  box-shadow:var(--shadow);
  transform:translateZ(0);
}
.image-frame::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:12px;
  border-radius:calc(var(--radius-xl) - 10px) 12px calc(var(--radius-xl) - 10px) 12px;
  border:1px solid rgba(255,250,241,.56);
  pointer-events:none;
}
.image-frame::after{
  content:"";
  position:absolute;
  z-index:3;
  width:44%;
  height:140%;
  left:-60%;
  top:-20%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);
}
.image-frame:hover::after{animation:sheen 1.25s ease}
.image-frame img{
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  filter:saturate(1.03) contrast(1.03);
  transition:transform .7s ease, filter .7s ease;
}
.image-frame:hover img{transform:scale(1.045);filter:saturate(1.12) contrast(1.08)}
.copy-panel{
  position:relative;
  overflow:hidden;
  padding:46px 42px;
  min-height:390px;
  border-radius:18px var(--radius-xl) 18px var(--radius-xl);
  border:1px solid rgba(23,18,13,.13);
  background:
    linear-gradient(135deg,rgba(255,250,241,.88),rgba(247,241,231,.68)),
    radial-gradient(circle at 85% 15%,rgba(183,129,55,.18),transparent 34%);
  box-shadow:var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(12px);
}
.copy-panel::before{
  content:"";
  position:absolute;
  right:-58px;
  top:-58px;
  width:190px;
  height:190px;
  border-radius:50%;
  border:1px solid rgba(183,67,50,.20);
  background:conic-gradient(from 20deg,rgba(183,67,50,.22),transparent 25%,rgba(13,111,98,.18),transparent 58%,rgba(183,129,55,.20),rgba(183,67,50,.22));
  animation:orbit 18s linear infinite reverse;
}
.copy-panel::after{
  content:"";
  position:absolute;
  left:42px;
  bottom:28px;
  width:116px;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cinnabar),var(--gold),var(--jade));
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:18px;
  font-size:12px;
  letter-spacing:.18em;
  color:var(--jade-2);
  font-weight:900;
  text-transform:uppercase;
}
.eyebrow::before{
  content:"";
  width:38px;
  height:1px;
  background:linear-gradient(90deg,var(--cinnabar),var(--gold));
}
h1{
  margin:0;
  font-size:clamp(42px,5.2vw,74px);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:950;
  color:var(--ink);
}
.copy-panel h1{
  max-width:8.8em;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.lead{
  margin:20px 0 0;
  max-width:36em;
  color:#5d5147;
  font-size:16px;
  line-height:1.9;
}

.link-board,.keyword-row,.dense-links,.link-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.link-board{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.link-board a,.keyword-row a,.dense-links a,.link-grid a{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(23,18,13,.11);
  background:rgba(255,255,255,.56);
  color:#332a23;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
  transition:transform .25s ease, border-color .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}
.link-board a::before,.keyword-row a::before,.dense-links a::before,.link-grid a::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(183,67,50,.14),rgba(183,129,55,.13),rgba(13,111,98,.12));
  transform:translateX(-102%);
  transition:transform .32s ease;
}
.link-board a:hover,.keyword-row a:hover,.dense-links a:hover,.link-grid a:hover{
  transform:translateY(-3px);
  border-color:rgba(183,67,50,.28);
  box-shadow:0 14px 28px rgba(45,28,14,.12);
}
.link-board a:hover::before,.keyword-row a:hover::before,.dense-links a:hover::before,.link-grid a:hover::before{transform:translateX(0)}
.keyword-row{margin-top:18px}
.keyword-row a{font-size:13px;color:#4e4338}

.wide-frame{
  position:relative;
  overflow:hidden;
  margin:28px 0 34px;
  border-radius:36px;
  border:1px solid rgba(23,18,13,.14);
  background:#1b1510;
  box-shadow:var(--shadow);
  isolation:isolate;
}
.wide-frame::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0 auto 0 -48%;
  width:38%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,250,241,.28),transparent);
  animation:sheen 5.8s ease-in-out infinite;
}
.wide-frame::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:15px;
  border-radius:24px;
  border:1px solid rgba(255,250,241,.42);
  pointer-events:none;
}
.wide-frame img{
  width:100%;
  aspect-ratio:1180/310;
  object-fit:cover;
  filter:saturate(1.05) contrast(1.04);
  transition:transform .8s ease;
}
.wide-frame:hover img{transform:scale(1.025)}

.layout-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:30px;
  align-items:start;
}
.section-head{
  position:relative;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin:0 0 16px;
  padding:0 0 14px;
  border-bottom:1px solid rgba(23,18,13,.12);
}
.section-head::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:118px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cinnabar),var(--gold),var(--jade));
  background-size:200% 100%;
  animation:lineFlow 3.8s linear infinite;
}
.section-head h2{
  margin:0;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-.035em;
}
.section-head a{
  flex:0 0 auto;
  color:var(--muted);
  font-size:13px;
  transition:color .2s ease;
}
.section-head a:hover{color:var(--cinnabar)}
.article-list{display:flex;flex-direction:column;gap:14px}
.article-card{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:18px;
  min-height:138px;
  padding:14px;
  border-radius:30px;
  border:1px solid rgba(23,18,13,.10);
  background:rgba(255,250,241,.72);
  box-shadow:0 11px 30px rgba(45,28,14,.08), inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
}
.article-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-40px;
  top:22px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(183,67,50,.18),transparent 68%);
  opacity:.62;
  transition:transform .35s ease, opacity .35s ease;
}
.article-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:0;
  bottom:0;
  width:48%;
  height:100%;
  background:linear-gradient(135deg,transparent,rgba(13,111,98,.065));
  opacity:0;
  transition:opacity .3s ease;
}
.article-card:hover{
  transform:translateX(7px) translateY(-2px);
  border-color:rgba(183,67,50,.22);
  background:rgba(255,252,246,.88);
  box-shadow:0 20px 45px rgba(45,28,14,.13);
}
.article-card:hover::before{transform:scale(1.18);opacity:.88}
.article-card:hover::after{opacity:1}
.thumb{
  position:relative;
  overflow:hidden;
  display:block;
  height:100%;
  min-height:110px;
  border-radius:22px 10px 22px 10px;
  background:linear-gradient(135deg,#e5d5bd,#fff4d7);
  border:1px solid rgba(23,18,13,.08);
}
.thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.22) 49%,transparent 62%),linear-gradient(180deg,transparent,rgba(23,18,13,.10));
}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease}
.article-card:hover .thumb img{transform:scale(1.08);filter:saturate(1.08)}
.article-title{
  display:block;
  font-size:20px;
  line-height:1.36;
  font-weight:900;
  letter-spacing:-.02em;
  color:#1d1712;
}
.article-desc{
  margin:8px 0 12px;
  color:#6a5e53;
  line-height:1.72;
  font-size:14px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  color:rgba(23,18,13,.48);
  font-size:12px;
}
.tag{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 9px;
  border-radius:999px;
  color:#fff8ec;
  background:linear-gradient(135deg,var(--jade),var(--jade-2));
  box-shadow:0 8px 15px rgba(13,111,98,.13);
}
.inline-promo{margin:6px 0 10px}
.inline-promo .image-frame{border-radius:32px;box-shadow:var(--shadow-soft)}
.inline-promo .image-frame img{min-height:260px;aspect-ratio:780/360}

.sidebar{position:sticky;top:108px;align-self:start;display:flex;flex-direction:column;gap:18px}
.side-panel{
  position:relative;
  overflow:hidden;
  padding:24px;
  border-radius:32px;
  border:1px solid rgba(23,18,13,.12);
  background:
    linear-gradient(145deg,rgba(255,250,241,.78),rgba(247,241,231,.60)),
    radial-gradient(circle at 96% 10%,rgba(183,129,55,.14),transparent 38%);
  box-shadow:0 14px 36px rgba(45,28,14,.09), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
}
.side-panel::before{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  right:-58px;
  top:-58px;
  border:1px solid rgba(183,67,50,.18);
}
.side-title{
  position:relative;
  margin:0 0 14px;
  font-size:20px;
  line-height:1.2;
  letter-spacing:-.03em;
}
.side-title::after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-top:10px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cinnabar),var(--gold));
}
.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.link-grid a{justify-content:flex-start;text-align:left;font-size:13px;min-height:36px;padding:8px 10px;background:rgba(255,255,255,.54)}
.side-image .image-frame,.side-image{border-radius:30px}
.side-image .image-frame img{min-height:0;aspect-ratio:1/1.2;object-fit:cover}
.pagination{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:22px 0 0;
}
.pagination a,.pagination span{
  min-width:38px;
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(23,18,13,.11);
  background:rgba(255,255,255,.58);
  color:#4d4237;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.pagination .current{
  color:#fff9ef;
  background:linear-gradient(135deg,var(--cinnabar),var(--cinnabar-2));
}

.home-index{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin:34px 0;
}
.index-panel{
  position:relative;
  overflow:hidden;
  padding:30px;
  border-radius:36px;
  border:1px solid rgba(23,18,13,.11);
  background:rgba(255,250,241,.68);
  box-shadow:var(--shadow-soft);
}
.index-panel::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-90px;
  bottom:-90px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(13,111,98,.13),transparent 70%);
}
.index-panel h2{margin:0 0 18px;font-size:26px;letter-spacing:-.035em}
.dense-links a{font-size:14px;background:rgba(255,255,255,.54)}

/* Home is more like a link-and-image landing board: fewer visible paragraphs, stronger link density. */
.page-home .lead{max-width:31em}
.page-home .article-card{grid-template-columns:126px minmax(0,1fr);min-height:118px}
.page-home .article-desc{display:none}
.page-home .thumb{min-height:92px}
.page-home .layout-grid{grid-template-columns:minmax(0,1fr) 330px}
.page-home .side-panel:nth-child(2){background:linear-gradient(145deg,rgba(23,18,13,.92),rgba(13,63,58,.88));color:#fff7ec;border-color:rgba(255,255,255,.12)}
.page-home .side-panel:nth-child(2) .side-title,.page-home .side-panel:nth-child(2) .link-grid a{color:#fff7ec}
.page-home .side-panel:nth-child(2) .link-grid a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}

.article-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:30px;
  align-items:start;
}
.article-header{
  position:relative;
  overflow:hidden;
  margin-bottom:24px;
  padding:38px 40px;
  border-radius:42px;
  border:1px solid rgba(23,18,13,.11);
  background:linear-gradient(135deg,rgba(255,250,241,.84),rgba(247,241,231,.62));
  box-shadow:var(--shadow-soft);
}
.article-header::before{
  content:"";
  position:absolute;
  right:-72px;
  top:-72px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:conic-gradient(from 120deg,rgba(183,67,50,.18),rgba(183,129,55,.12),rgba(13,111,98,.16),rgba(183,67,50,.18));
  animation:orbit 24s linear infinite;
}
.article-header h1{
  position:relative;
  max-width:860px;
  font-size:clamp(34px,4.2vw,58px);
  line-height:1.08;
  letter-spacing:-.045em;
}
.article-header .meta{margin-top:16px}
.article-body{
  position:relative;
  padding:40px 42px;
  border-radius:36px;
  border:1px solid rgba(23,18,13,.10);
  background:rgba(255,250,241,.78);
  box-shadow:var(--shadow-soft);
  font-size:17px;
  line-height:2.05;
  color:#332a22;
}
.article-body::before{
  content:"";
  position:absolute;
  inset:16px;
  pointer-events:none;
  border-radius:24px;
  border:1px solid rgba(183,129,55,.13);
}
.article-body h2{
  position:relative;
  margin:32px 0 14px;
  font-size:28px;
  line-height:1.25;
  letter-spacing:-.035em;
}
.article-body h2::before{
  content:"";
  display:inline-block;
  width:12px;
  height:12px;
  margin-right:10px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--cinnabar),var(--gold));
  box-shadow:0 0 0 6px rgba(183,67,50,.08);
  vertical-align:2px;
}
.article-body p{margin:0 0 18px}
.article-body ul,.article-body ol{padding-left:1.25em}
.article-body li{margin:8px 0}
.article-body a{color:var(--cinnabar);border-bottom:1px solid rgba(183,67,50,.24)}
.article-body img{border-radius:26px;margin:22px 0;box-shadow:var(--shadow-soft)}
.related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.related-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(23,18,13,.10);
  background:rgba(255,250,241,.74);
  box-shadow:0 10px 28px rgba(45,28,14,.08);
  transition:transform .25s ease, box-shadow .25s ease;
}
.related-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(45,28,14,.13)}
.related-card img{width:100%;aspect-ratio:4/2.5;object-fit:cover}
.related-card strong{display:block;padding:14px 14px 16px;font-size:15px;line-height:1.5}
.note{color:var(--muted);font-size:14px;line-height:1.8}
.footer{
  width:min(var(--container),calc(100% - 34px));
  margin:0 auto 34px;
  padding:22px 10px;
  text-align:center;
  color:rgba(23,18,13,.48);
  font-size:13px;
  border-top:1px solid rgba(23,18,13,.10);
}

.preview-home{min-height:100vh;display:grid;place-items:center;padding:48px 18px}
.preview-card{
  width:min(720px,100%);
  padding:44px;
  border-radius:42px;
  border:1px solid rgba(23,18,13,.12);
  background:rgba(255,250,241,.76);
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.preview-card::before{content:"";position:absolute;right:-90px;top:-90px;width:220px;height:220px;border-radius:50%;background:conic-gradient(from 20deg,rgba(183,67,50,.22),rgba(183,129,55,.16),rgba(13,111,98,.18),rgba(183,67,50,.22));animation:orbit 20s linear infinite}
.preview-card h1{position:relative;font-size:clamp(38px,6vw,68px)}
.preview-links{position:relative;display:grid;gap:12px;margin-top:26px}
.preview-links a{padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.62);border:1px solid rgba(23,18,13,.10);transition:transform .25s ease,box-shadow .25s ease}
.preview-links a:hover{transform:translateX(8px);box-shadow:var(--shadow-soft)}

.fx-reveal{opacity:0;transform:translateY(24px);transition:opacity .76s ease, transform .76s cubic-bezier(.19,1,.22,1)}
.fx-reveal.is-visible{opacity:1;transform:translateY(0)}
.article-card.fx-reveal:nth-child(2n){transition-delay:.04s}
.article-card.fx-reveal:nth-child(3n){transition-delay:.08s}

@media (max-width:980px){
  .site-header{top:0;margin-top:0;width:100%;border-radius:0;border-left:0;border-right:0}
  .header-inner{min-height:64px;padding:10px 16px}
  .brand small{display:none}
  .hero-split,.layout-grid,.article-shell,.home-index{grid-template-columns:1fr}
  .copy-panel{min-height:0}
  .sidebar{position:static;top:auto}
  .link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-home .layout-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .container{width:min(100% - 24px,var(--container));padding-top:20px;padding-bottom:54px}
  .nav-links a{padding:9px 12px;font-size:13px}
  .brand strong{font-size:16px}
  .brand-mark{width:36px;height:36px}
  .hero-split{gap:14px;margin-top:12px}
  .image-frame,.copy-panel,.wide-frame,.article-header,.article-body,.side-panel,.index-panel{border-radius:28px}
  .image-frame::before,.wide-frame::after{inset:9px;border-radius:20px}
  .image-frame img{min-height:0;aspect-ratio:750/920}
  .hero-split>.image-frame img{min-height:0;aspect-ratio:750/920}
  .wide-frame{margin:18px 0 26px}
  .wide-frame img{aspect-ratio:750/920}
  .copy-panel{padding:28px 24px 34px;border-radius:28px}
  .copy-panel::after{left:24px;bottom:18px}
  h1{font-size:clamp(34px,11vw,48px)}
  .lead{font-size:15px;line-height:1.75}
  .link-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-head h2{font-size:24px}
  .article-card{grid-template-columns:118px minmax(0,1fr);gap:12px;border-radius:24px;padding:12px;min-height:118px}
  .article-title{font-size:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .article-desc{display:none}
  .thumb{min-height:92px;border-radius:18px 8px 18px 8px}
  .inline-promo .image-frame img{min-height:0;aspect-ratio:750/920}
  .link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-header{padding:28px 24px}
  .article-body{padding:28px 24px;font-size:16px;line-height:1.95}
  .article-body::before{display:none}
  .related-grid{grid-template-columns:1fr}
  .home-index{gap:14px}
  .index-panel{padding:24px}
}
@media (max-width:480px){
  .header-inner{gap:12px}
  .brand{gap:9px}
  .nav-links{gap:4px}
  .article-card{grid-template-columns:92px minmax(0,1fr)}
  .thumb{min-height:78px}
  .meta{font-size:11px;gap:6px}
  .tag{display:none}
  .link-grid{grid-template-columns:1fr 1fr}
  .link-board a,.keyword-row a,.dense-links a,.link-grid a{font-size:13px;padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .fx-reveal{opacity:1!important;transform:none!important}
}

/* ==============================
   v15 refinement: cleaner homepage + fixed article layout + safer mobile
   ============================== */
:root{
  --radius-xl:38px;
  --radius-lg:30px;
  --radius-md:20px;
}
body{
  background:
    radial-gradient(circle at 12% 4%, rgba(183,67,50,.13), transparent 26vw),
    radial-gradient(circle at 90% 8%, rgba(13,111,98,.16), transparent 28vw),
    radial-gradient(circle at 50% 60%, rgba(183,129,55,.10), transparent 42vw),
    linear-gradient(135deg,#fbf4e9 0%,#f1e7d8 48%,#fff8ec 100%);
}
/* Content should never disappear when JS is delayed or screenshots are taken. */
.fx-reveal{opacity:1!important;transform:none!important;transition:filter .5s ease, box-shadow .5s ease, transform .5s ease!important;}
.fx-reveal.is-visible{opacity:1!important;transform:none!important;}
.site-header{box-shadow:0 12px 36px rgba(46,28,14,.10), inset 0 1px 0 rgba(255,255,255,.72)}
.container{padding-top:28px;}
.image-frame,.wide-frame,.copy-panel,.article-header,.article-body,.side-panel,.index-panel,.gateway-panel{
  will-change:auto;
}
.copy-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.copy-panel h1{letter-spacing:-.06em;}
.copy-panel .lead{margin-top:18px;}
.hero-split{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:26px;
}
.hero-split>.image-frame img{min-height:410px;}
.wide-frame{margin:30px 0 36px;}
.wide-frame img{aspect-ratio:1180/300;}
.side-image{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(23,18,13,.13);
  background:#ded1bd;
  box-shadow:var(--shadow-soft);
}
.side-image::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:10px;
  border-radius:22px;
  border:1px solid rgba(255,250,241,.48);
  pointer-events:none;
}
.side-image::after{
  content:"";
  position:absolute;
  z-index:3;
  width:42%;
  height:140%;
  left:-58%;
  top:-20%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);
}
.side-image:hover::after{animation:sheen 1.25s ease;}
.side-image img{width:100%;aspect-ratio:1/1.15;object-fit:cover;transition:transform .65s ease,filter .65s ease;}
.side-image:hover img{transform:scale(1.04);filter:saturate(1.08) contrast(1.05);}
.compact-sidebar .side-panel{padding:22px;}
.side-links-only .link-grid{grid-template-columns:1fr;gap:10px;}
.side-links-only .link-grid a{
  position:relative;
  justify-content:flex-start;
  min-height:42px;
  padding:10px 12px 10px 38px;
  border-radius:16px 8px 16px 8px;
  background:linear-gradient(135deg,rgba(255,250,241,.78),rgba(255,255,255,.58));
  border-color:rgba(183,129,55,.18);
}
.side-links-only .link-grid a::before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--cinnabar),var(--gold));
  transform:translateY(-50%);
  box-shadow:0 0 0 5px rgba(183,129,55,.12);
}
.article-card{backdrop-filter:blur(6px);}
.article-card .thumb{align-self:stretch;}
.inline-promo .image-frame img{aspect-ratio:780/320;min-height:230px;}
.related-section{margin-top:34px;}

/* Home v15: no pagination, fewer paragraphs, stronger link architecture. */
.page-home-v15 .home-hero-clean{margin-top:22px;}
.page-home-v15 .home-title-panel{padding:42px 40px;}
.page-home-v15 .home-title-panel h1{font-size:clamp(44px,5.4vw,76px);max-width:7.2em;}
.page-home-v15 .home-title-panel .lead{max-width:28em;line-height:1.75;}
.page-home-v15 .service-board{grid-template-columns:repeat(3,minmax(0,1fr));}
.page-home-v15 .hot-row a{background:rgba(255,255,255,.58);}
.home-gateway{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:28px;
  align-items:start;
  margin:0 0 34px;
}
.gateway-panel{
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:36px;
  border:1px solid rgba(23,18,13,.115);
  background:linear-gradient(145deg,rgba(255,250,241,.78),rgba(247,241,231,.62));
  box-shadow:var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
}
.gateway-panel::before{
  content:"";
  position:absolute;
  right:-86px;
  top:-86px;
  width:220px;
  height:220px;
  border-radius:50%;
  border:1px solid rgba(183,129,55,.16);
  background:radial-gradient(circle,rgba(13,111,98,.12),transparent 68%);
  pointer-events:none;
}
.compact-head{margin-bottom:20px;}
.compact-head h2{font-size:26px;}
.region-board{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.featured-city-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.featured-city-grid a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 12px;
  border-radius:18px 8px 18px 8px;
  color:#fffaf2;
  font-weight:900;
  font-size:13px;
  text-align:center;
  background:linear-gradient(135deg,#17120e,#3a2a1e 58%,#0d3f39);
  box-shadow:0 12px 26px rgba(23,18,13,.16);
  overflow:hidden;
}
.featured-city-grid a::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);
  transform:translateX(-120%);
  transition:transform .5s ease;
}
.featured-city-grid a:hover::after{transform:translateX(120%);}
.city-index-fold{
  border-top:1px solid rgba(23,18,13,.10);
  padding-top:14px;
}
.city-index-fold summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:46px;
  padding:11px 15px;
  border-radius:18px;
  color:#43372d;
  font-weight:950;
  background:rgba(255,250,241,.64);
  border:1px solid rgba(183,129,55,.18);
}
.city-index-fold summary::-webkit-details-marker{display:none;}
.city-index-fold summary::after{
  content:"+";
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  color:#fffaf2;
  background:linear-gradient(135deg,var(--cinnabar),var(--gold));
}
.city-index-fold[open] summary::after{content:"-";}
.city-all-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  max-height:520px;
  overflow:auto;
  padding:14px 2px 2px 0;
  scrollbar-width:thin;
}
.city-province-card{min-height:0;}
.city-province-card div{
  max-height:248px;
  overflow:auto;
  padding-right:2px;
  scrollbar-width:thin;
}
.city-province-card a{font-size:12px;}
.region-card{
  position:relative;
  overflow:hidden;
  padding:18px;
  min-height:144px;
  border-radius:26px;
  border:1px solid rgba(23,18,13,.10);
  background:rgba(255,255,255,.50);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.region-card::after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-34px;
  width:100px;
  height:100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(183,67,50,.13),transparent 70%);
}
.region-card h3{
  margin:0 0 12px;
  font-size:19px;
  letter-spacing:-.03em;
}
.region-card div{display:flex;flex-wrap:wrap;gap:8px;}
.region-card a{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  font-size:13px;
  color:#473b31;
  background:rgba(255,250,241,.68);
  border:1px solid rgba(23,18,13,.09);
  transition:transform .22s ease, background .22s ease, color .22s ease;
}
.region-card a:hover{transform:translateY(-2px);background:rgba(183,67,50,.10);color:var(--cinnabar-2);}
.featured-cities{margin-top:16px;}
.featured-cities a{font-size:13px;}
.service-gateway{position:sticky;top:108px;display:flex;flex-direction:column;gap:18px;}
.service-mini-grid{grid-template-columns:1fr;}
.service-scope-list{
  display:grid;
  gap:10px;
  max-height:520px;
  overflow:auto;
  padding-right:2px;
  scrollbar-width:thin;
}
.service-scope-list a{
  position:relative;
  justify-content:flex-start;
  min-height:44px;
  padding:11px 13px 11px 42px;
  border-radius:18px 8px 18px 8px;
  text-align:left;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
  background:linear-gradient(135deg,rgba(255,250,241,.94),rgba(255,255,255,.68));
  border:1px solid rgba(234,210,163,.26);
  color:#fff7ec;
}
.service-scope-list a::before{
  content:"";
  position:absolute;
  left:15px;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),#fff0bd);
  transform:translateY(-50%);
  box-shadow:0 0 0 6px rgba(234,210,163,.12);
}
.service-scope-list a:nth-child(-n+4){
  min-height:50px;
  font-weight:950;
  color:#17120d;
  background:linear-gradient(135deg,#fff3ce,#f3c96b);
  border-color:rgba(255,240,189,.48);
}
.service-scope-list a:nth-child(n+5){
  color:#fff7ec;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
}
.service-mini-grid a{font-size:13px;}
.home-side-art{margin-top:0;}
.home-latest{
  margin:30px 0 34px;
  padding:30px;
  border-radius:38px;
  border:1px solid rgba(23,18,13,.11);
  background:linear-gradient(145deg,rgba(255,250,241,.60),rgba(247,241,231,.46));
  box-shadow:var(--shadow-soft);
}
.home-latest-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.page-home-v15 .home-latest .article-card{
  grid-template-columns:124px minmax(0,1fr);
  min-height:116px;
  border-radius:26px;
}
.page-home-v15 .home-latest .article-desc{display:none;}
.page-home-v15 .home-latest .thumb{min-height:90px;}
.page-home-v15 .home-latest .article-title{font-size:17px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.page-home-v15 .pagination,
.page-home-v15 .inline-promo{display:none!important;}

/* Fixed article page structure. */
.page-article-v15 .article-title-full{
  width:100%;
  margin:18px 0 24px;
  padding:42px 44px;
}
.page-article-v15 .article-title-full h1{max-width:920px;}
.page-article-v15 .article-content-grid{
  grid-template-columns:minmax(0,1fr) 310px;
}
.article-main{min-width:0;}
.page-article-v15 .article-body{
  width:100%;
  max-width:none;
  overflow:hidden;
}
.page-article-v15 .article-top-wide{margin-top:0;}
.page-article-v15 .article-bottom-wide{margin-top:34px;}
.page-article-v15 .related-section{margin-bottom:0;}

@media (max-width:1120px){
  .home-gateway{grid-template-columns:1fr;}
  .service-gateway{position:relative;top:auto;}
  .home-latest-grid{grid-template-columns:1fr;}
}
@media (max-width:980px){
  .hero-split{grid-template-columns:1fr;}
  .hero-split>.image-frame img{min-height:0;}
  .home-gateway{gap:18px;}
  .service-gateway{position:static;}
  .page-article-v15 .article-content-grid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .container{width:min(100% - 22px,var(--container));padding-top:18px;}
  .site-header{background:rgba(255,250,241,.86);}
  .header-inner{align-items:center;}
  .nav-links{padding-bottom:2px;}
  .hero-split{gap:14px;margin-bottom:20px;}
  .hero-split>.image-frame img,.image-frame img{aspect-ratio:750/880;}
  .copy-panel{padding:26px 22px 32px;min-height:0;}
  .copy-panel h1,.page-home-v15 .home-title-panel h1{font-size:clamp(34px,11.6vw,48px);letter-spacing:-.052em;}
  .lead{font-size:14px;line-height:1.72;}
  .wide-frame{margin:18px 0 24px;border-radius:28px;}
  .wide-frame img{aspect-ratio:750/860;}
  .home-gateway{margin-bottom:24px;}
  .gateway-panel,.home-latest{padding:22px;border-radius:28px;}
  .region-board,.city-all-grid{grid-template-columns:1fr;gap:12px;}
  .region-card{min-height:0;padding:16px;border-radius:22px;}
  .service-mini-grid,.side-links-only .link-grid{grid-template-columns:1fr;}
  .featured-city-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-latest{margin-top:24px;}
  .home-latest-grid{gap:12px;}
  .page-home-v15 .home-latest .article-card{grid-template-columns:102px minmax(0,1fr);padding:11px;}
  .page-home-v15 .home-latest .article-title{font-size:16px;}
  .layout-grid{gap:22px;}
  .article-card{grid-template-columns:108px minmax(0,1fr);}
  .article-title{font-size:16px;}
  .section-head{align-items:center;}
  .section-head h2,.compact-head h2{font-size:23px;}
  .side-image img{aspect-ratio:750/860;}
  .inline-promo .image-frame img{aspect-ratio:750/860;}
  .page-article-v15 .article-title-full{padding:28px 22px;margin:12px 0 18px;border-radius:28px;}
  .page-article-v15 .article-title-full h1{font-size:clamp(30px,10vw,42px);}
  .article-body{padding:26px 22px;font-size:16px;line-height:1.9;}
  .article-body h2{font-size:23px;}
  .related-section{margin-top:24px;}
}
@media (max-width:480px){
  .brand-mark{width:34px;height:34px;}
  .brand strong{font-size:15px;}
  .nav-links a{font-size:12px;padding:8px 10px;}
  .link-board,.page-home-v15 .service-board{grid-template-columns:repeat(2,minmax(0,1fr));}
  .keyword-row{gap:8px;}
  .keyword-row a,.region-card a,.dense-links a,.link-grid a{font-size:12px;}
  .article-card,.page-home-v15 .home-latest .article-card{grid-template-columns:88px minmax(0,1fr);gap:10px;border-radius:22px;}
  .thumb,.page-home-v15 .home-latest .thumb{min-height:74px;}
  .side-links-only .link-grid,.service-mini-grid,.featured-city-grid{grid-template-columns:1fr;}
  .home-latest{padding:18px;}
  .gateway-panel{padding:18px;}
  .article-body{padding:24px 18px;}
}
/* v15 small correction: homepage mid promo is a horizontal product image on PC. */
.home-side-art img{aspect-ratio:820/320;object-fit:cover;}
@media (max-width:760px){.home-side-art img{aspect-ratio:750/860;}}

/* ==============================
   v16 system-template fixes
   - ct1 system tags
   - city service nav filtering
   - district/sidebar filtering
   - sticky sidebar restored
   ============================== */
.ct-system-template .area-links a{white-space:normal;}
.ct-system-template .site-header .nav-links{min-width:0;}
.ct-system-template .article-content-grid,
.ct-system-template .layout-grid{align-items:start;}
@media (min-width:981px){
  .ct-system-template .sidebar{
    position:sticky!important;
    top:108px!important;
    align-self:start!important;
    height:max-content;
    z-index:8;
  }
  .ct-system-template .sidebar .side-panel{
    max-height:none;
    min-height:180px;
    overflow:visible;
    scrollbar-width:none;
  }
  .ct-system-template .sidebar .side-panel::-webkit-scrollbar{display:none;width:0;height:0;}
  .ct-system-template .sidebar .side-image{flex:0 0 auto;}
}
@media (max-width:980px){
  .ct-system-template .sidebar{position:static!important;top:auto!important;}
  .ct-system-template .sidebar .side-panel{max-height:none;overflow:visible;}
}
.ct-system-template .cat-body-text{color:var(--muted);font-size:16px;line-height:1.9;margin:14px 0 0;}
.ct-system-template .cat-body-text:empty::before{content:"本栏目整理本地企业服务相关流程、材料、费用和常见问题，方便用户按城市和区县快速浏览。";}
.ct-system-template .home-latest .article-card .article-desc{display:none;}
.ct-system-template .home-latest .article-card{grid-template-columns:124px minmax(0,1fr);}
.ct-system-template .article-body img{height:auto;max-width:100%;border-radius:18px;box-shadow:0 12px 32px rgba(15,23,42,.10);}
.ct-system-template .article-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;}
.ct-system-template .article-body th,.ct-system-template .article-body td{border:1px solid rgba(23,18,13,.12);padding:10px 12px;}
@media (max-width:760px){
  .ct-system-template .home-latest .article-card{grid-template-columns:102px minmax(0,1fr);}
}
@media (max-width:480px){
  .ct-system-template .home-latest .article-card{grid-template-columns:88px minmax(0,1fr);}
}

/* v17 mobile/sticky safety */
.ct-system-template{overflow-x:hidden;}
.ct-system-template .ct1-current{color:var(--cinnabar)!important;border-color:rgba(183,67,50,.32)!important;background:rgba(183,67,50,.08)!important;}
.ct-system-template .nav-links{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.ct-system-template .nav-links::-webkit-scrollbar{display:none;}
@media (max-width:760px){
  .ct-system-template .article-card{grid-template-columns:92px minmax(0,1fr);}
  .ct-system-template .article-card .thumb{height:92px;}
  .ct-system-template .breadcrumb{overflow-x:auto;white-space:nowrap;}
}
.ct-system-template .pagination a.active{
  color:#fff9ef;
  background:linear-gradient(135deg,var(--cinnabar),var(--cinnabar-2));
  border-color:rgba(183,67,50,.22);
}
/* v17.1 sticky sidebar polish: sidebar keeps following while the long district list scrolls inside. */
@media (min-width:981px){
  .ct-system-template .sidebar{
    position:sticky!important;
    top:96px!important;
    max-height:calc(100vh - 116px);
    overflow:visible;
  }
  .ct-system-template .sidebar .side-panel{
    max-height:none;
    overflow:visible;
  }
  .ct-system-template .sidebar .side-image img{aspect-ratio:1/1.08;}
}

/* ==============================
   v18 final polish for CT1 Chinese templates
   ============================== */
.ct-system-template .site-header{
  box-shadow:0 14px 42px rgba(49,34,19,.08), inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.ct-system-template .nav-links,
.ct-system-template .fixed-service-nav{
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  padding:2px;
}
.ct-system-template .nav-links::-webkit-scrollbar,
.ct-system-template .fixed-service-nav::-webkit-scrollbar,
.ct-system-template .sidebar .side-panel::-webkit-scrollbar{display:none!important;}
.ct-system-template .nav-links a{
  border:1px solid rgba(47,34,22,.08);
  background:rgba(255,255,255,.28);
  box-shadow:none!important;
  color:#443a31;
}
.ct-system-template .nav-links a:hover{
  transform:none!important;
  background:rgba(255,255,255,.66)!important;
  color:var(--cinnabar);
  box-shadow:none!important;
}
.ct-system-template .nav-links a.active,
.ct-system-template .nav-links a.ct1-current,
.ct-system-template .ct1-current{
  color:var(--cinnabar)!important;
  background:rgba(183,67,50,.075)!important;
  border-color:rgba(183,67,50,.20)!important;
  box-shadow:none!important;
}
.ct-system-template .nav-links a.active::before,
.ct-system-template .nav-links a.ct1-current::before{display:none!important;}
.ct-system-template .fixed-service-nav a{min-width:max-content;}
.ct-system-template .layout-grid,
.ct-system-template .article-content-grid{align-items:start!important;overflow:visible!important;}
@media (min-width:981px){
  .ct-system-template .sidebar{
    position:sticky!important;
    top:96px!important;
    align-self:start!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    z-index:6;
  }
  .ct-system-template .sidebar .side-panel{
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
  }
}
.ct-system-template .side-panel{overflow:visible!important;padding:22px!important;}
.ct-system-template .side-title{font-size:19px;}
.ct-system-template .link-grid.area-links{
  overflow:visible!important;
  max-height:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.ct-system-template .area-links a{
  display:inline-flex!important;
  min-width:0;
  box-sizing:border-box;
  overflow:hidden;
  text-overflow:clip;
  overflow-wrap:anywhere;
  word-break:normal;
  line-height:1.42;
  border-color:rgba(31,23,17,.09);
  box-shadow:none!important;
}
.ct-system-template .article-card .thumb,
.ct-system-template .related-card img{background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(234,218,192,.35));}
.ct-system-template .article-card .thumb img,
.ct-system-template .related-card img{width:100%;height:100%;object-fit:cover;display:block;}
.ct-system-template .tag{display:inline-flex!important;}
.ct-system-template .home-latest .tag,
.ct-system-template .article-list .tag{white-space:nowrap;max-width:9em;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:980px){
  .ct-system-template .sidebar,
  .ct-system-template .sidebar .side-panel{position:static!important;top:auto!important;overflow:visible!important;max-height:none!important;}
}
@media (max-width:760px){
  .ct-system-template .header-inner{gap:10px;}
  .ct-system-template .brand small{display:none;}
  .ct-system-template .brand strong{font-size:16px;}
  .ct-system-template .brand-mark{width:36px;height:36px;}
  .ct-system-template .fixed-service-nav a{font-size:12px;padding:8px 10px;}
  .ct-system-template .link-grid.area-links{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ct-system-template .area-links a{font-size:12px;min-height:34px;padding:7px 9px;}
  .ct-system-template .side-panel{padding:18px!important;border-radius:26px;}
}
@media (max-width:430px){
  .ct-system-template .link-grid.area-links{grid-template-columns:1fr 1fr;gap:8px;}
  .ct-system-template .article-card{gap:12px!important;}
  .ct-system-template .article-title{font-size:16px;}
  .ct-system-template .article-desc{font-size:13px;}
}

/* ==============================
   v20 CT1 final corrections
   1) 顶部导航由 {ct:son row='4'} 真实输出，不再用 CSS 隐藏
   2) 右侧服务范围由 {ct:son offset='4'} 真实输出
   3) 去除导航阴影；右侧 sticky 跟随但不出现内部滚动条
   4) 缩略图、标签、移动端溢出兜底
   ============================== */
html,body{max-width:100%;overflow-x:hidden!important;}
.ct-system-template{overflow-x:hidden!important;}
.ct-system-template *{box-sizing:border-box;}
.ct-system-template .site-header{box-shadow:0 10px 30px rgba(45,28,14,.07), inset 0 1px 0 rgba(255,255,255,.72)!important;}
.ct-system-template .header-inner{min-width:0;}
.ct-system-template .nav-links{min-width:0;max-width:100%;box-shadow:none!important;text-shadow:none!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;}
.ct-system-template .nav-links::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.ct-system-template .nav-links a,
.ct-system-template .nav-links a:hover,
.ct-system-template .nav-links a.active,
.ct-system-template .nav-links a.ct1-current{box-shadow:none!important;text-shadow:none!important;}
.ct-system-template .nav-links a{background:rgba(255,250,241,.38)!important;border-color:rgba(23,18,13,.075)!important;color:#3c332d!important;}
.ct-system-template .nav-links a:hover{background:rgba(255,255,255,.72)!important;border-color:rgba(183,67,50,.18)!important;color:var(--cinnabar-2)!important;transform:translateY(-1px);}
.ct-system-template .nav-links a.active,
.ct-system-template .nav-links a.ct1-current{background:rgba(183,67,50,.09)!important;border-color:rgba(183,67,50,.24)!important;color:var(--cinnabar-2)!important;transform:none!important;}
.ct-system-template .nav-links a.active::before,
.ct-system-template .nav-links a.ct1-current::before{display:none!important;}
.ct-system-template .side-title{font-size:18px;letter-spacing:-.03em;}
.ct-system-template .side-title::after{content:"";display:block;width:42px;height:2px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,var(--cinnabar),var(--gold));}
.ct-system-template .area-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;max-width:100%;overflow:visible!important;}
.ct-system-template .area-links a{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;max-width:100%;white-space:normal!important;word-break:break-word;overflow-wrap:anywhere;text-align:center;line-height:1.35;box-shadow:none!important;}
.ct-system-template .sidebar,
.ct-system-template .side-panel,
.ct-system-template .side-links-only{min-width:0;overflow:visible!important;max-height:none!important;}
.ct-system-template .sidebar .side-panel::-webkit-scrollbar,
.ct-system-template .area-links::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
@media (min-width:981px){
  .ct-system-template .layout-grid{grid-template-columns:minmax(0,1fr) 316px;align-items:start;}
  .ct-system-template .article-content-grid{grid-template-columns:minmax(0,1fr) 316px;align-items:start;}
  .ct-system-template .sidebar{position:sticky!important;top:96px!important;align-self:start!important;height:auto!important;max-height:none!important;overflow:visible!important;z-index:8;}
  .ct-system-template .sidebar .side-panel{overflow:visible!important;max-height:none!important;height:auto!important;scrollbar-width:none!important;}
  .ct-system-template .side-image{overflow:hidden!important;}
}
.ct-system-template .article-card{min-width:0;}
.ct-system-template .article-card>span:not(.thumb){min-width:0;}
.ct-system-template .article-title{overflow-wrap:anywhere;}
.ct-system-template .thumb{background:#efe5d6;}
.ct-system-template img{max-width:100%;height:auto;}
.ct-system-template img[src=""],.ct-system-template img:not([src]){visibility:hidden;}
.ct-system-template .tag:empty{display:none!important;}
@media (max-width:1180px){
  .ct-system-template .site-header{width:min(var(--container),calc(100% - 22px));}
  .ct-system-template .nav-links{overflow-x:auto!important;}
}
@media (max-width:760px){
  .ct-system-template .site-header{top:10px;margin-top:10px;border-radius:28px;}
  .ct-system-template .header-inner{align-items:flex-start;flex-direction:column;padding:14px;gap:12px;}
  .ct-system-template .nav-links{width:100%;justify-content:flex-start;display:flex;overflow-x:auto!important;padding-bottom:2px;}
  .ct-system-template .nav-links a{font-size:12px;padding:8px 10px;flex:0 0 auto;}
  .ct-system-template .breadcrumb{max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none;}
  .ct-system-template .breadcrumb::-webkit-scrollbar{display:none;}
  .ct-system-template .article-card{grid-template-columns:92px minmax(0,1fr);}
  .ct-system-template .article-card .thumb{height:92px;}
  .ct-system-template .area-links{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ct-system-template .sidebar,.ct-system-template .side-panel{position:static!important;overflow:visible!important;max-height:none!important;}
}
@media (max-width:420px){
  .ct-system-template .area-links{gap:8px;}
  .ct-system-template .area-links a{font-size:12px;padding:8px 9px;}
}

/* v21 homepage city index and service-range readability */
.ct-system-template .city-index-fold .city-all-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.ct-system-template .side-links-only .link-grid.area-links{
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.ct-system-template .side-links-only .area-links a{
  justify-content:flex-start!important;
  text-align:left!important;
  min-height:42px!important;
  padding:10px 12px 10px 38px!important;
  border-radius:16px 8px 16px 8px!important;
}
.ct-system-template .service-scope-list{grid-template-columns:1fr!important;}
.ct-system-template .service-scope-list a{
  justify-content:flex-start!important;
  text-align:left!important;
}
@media (max-width:760px){
  .ct-system-template .city-index-fold .city-all-grid,
  .ct-system-template .featured-city-grid{grid-template-columns:1fr!important;}
}

/* v22 national homepage redesign */
.page-home-v22 .home-service-hub,
.page-home-v22 .home-city-hub{
  position:relative;
  margin:30px 0 34px;
  padding:30px;
  border-radius:38px;
  border:1px solid rgba(23,18,13,.105);
  background:linear-gradient(145deg,rgba(255,250,241,.72),rgba(247,241,231,.48));
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}
.page-home-v22 .home-service-hub::before,
.page-home-v22 .home-city-hub::before{
  content:"";
  position:absolute;
  right:-92px;
  top:-92px;
  width:240px;
  height:240px;
  border-radius:50%;
  border:1px solid rgba(183,129,55,.18);
  background:radial-gradient(circle,rgba(13,111,98,.11),transparent 68%);
  pointer-events:none;
}
.page-home-v22 .service-flow-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.page-home-v22 .service-flow-grid a{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
  min-height:138px;
  padding:18px;
  border-radius:24px 10px 24px 10px;
  border:1px solid rgba(23,18,13,.10);
  background:rgba(255,255,255,.54);
  color:#3e332b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
}
.page-home-v22 .service-flow-grid a::after{
  content:"";
  position:absolute;
  right:-26px;
  bottom:-26px;
  width:86px;
  height:86px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(183,67,50,.13),transparent 70%);
}
.page-home-v22 .service-flow-grid strong{
  position:relative;
  z-index:1;
  font-size:19px;
  line-height:1.25;
  letter-spacing:-.02em;
}
.page-home-v22 .service-flow-grid span{
  position:relative;
  z-index:1;
  color:rgba(62,51,43,.68);
  font-size:13px;
  line-height:1.55;
}
.page-home-v22 .city-spotlight-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:18px;
}
.page-home-v22 .city-spotlight-grid a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 12px;
  border-radius:18px 8px 18px 8px;
  color:#fffaf2;
  font-size:13px;
  font-weight:900;
  text-align:center;
  background:linear-gradient(135deg,#17120e,#3a2a1e 58%,#0d3f39);
  box-shadow:0 12px 26px rgba(23,18,13,.15);
  overflow:hidden;
}
.page-home-v22 .city-spotlight-grid a::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);
  transform:translateX(-120%);
  transition:transform .5s ease;
}
.page-home-v22 .city-spotlight-grid a:hover::after{transform:translateX(120%);}
.page-home-v22 .city-region-lanes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.page-home-v22 .city-region-card{
  position:relative;
  padding:18px;
  border-radius:26px;
  border:1px solid rgba(23,18,13,.10);
  background:rgba(255,255,255,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
}
.page-home-v22 .city-region-card::before{
  content:"";
  position:absolute;
  left:18px;
  top:18px;
  width:38px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cinnabar),var(--gold),var(--jade));
}
.page-home-v22 .city-region-card h3{
  margin:16px 0 14px;
  font-size:20px;
  letter-spacing:-.03em;
}
.page-home-v22 .city-region-card div{display:flex;flex-wrap:wrap;gap:8px;}
.page-home-v22 .city-region-card a{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:7px 10px;
  border-radius:999px;
  color:#473b31;
  font-size:13px;
  background:rgba(255,250,241,.72);
  border:1px solid rgba(23,18,13,.09);
}
.page-home-v22 .city-region-card a:hover{
  color:var(--cinnabar-2);
  background:rgba(183,67,50,.10);
}
@media (max-width:1120px){
  .page-home-v22 .service-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home-v22 .city-spotlight-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home-v22 .city-region-lanes{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .page-home-v22 .home-service-hub,
  .page-home-v22 .home-city-hub{padding:22px;border-radius:28px;margin:22px 0 24px;}
  .page-home-v22 .service-flow-grid,
  .page-home-v22 .city-region-lanes{grid-template-columns:1fr;}
  .page-home-v22 .city-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home-v22 .service-flow-grid a{min-height:112px;}
}
@media (max-width:480px){
  .page-home-v22 .city-spotlight-grid{grid-template-columns:1fr;}
}

/* v23 standalone city index page */
.page-city-index .city-index-hero{margin-top:22px;}
.page-city-index .city-index-hero .lead{
  margin:16px 0 0;
  max-width:34em;
  color:var(--muted);
  line-height:1.85;
}
.city-index-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:22px;
}
.city-index-stats span{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:72px;
  justify-content:center;
  padding:12px;
  border-radius:20px 8px 20px 8px;
  border:1px solid rgba(23,18,13,.10);
  background:rgba(255,255,255,.55);
  color:#5d5147;
}
.city-index-stats strong{
  color:var(--cinnabar-2);
  font-size:28px;
  line-height:1;
}
.city-page-content:empty{display:none;}
.city-page-content{
  margin:24px 0;
  padding:24px 28px;
  border-radius:30px;
  border:1px solid rgba(23,18,13,.10);
  background:rgba(255,250,241,.58);
  color:#493d34;
  line-height:1.9;
}
.city-index-panel{
  position:relative;
  margin:30px 0 36px;
  padding:30px;
  border-radius:38px;
  border:1px solid rgba(23,18,13,.105);
  background:linear-gradient(145deg,rgba(255,250,241,.72),rgba(247,241,231,.48));
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}
.city-index-panel::before{
  content:"";
  position:absolute;
  right:-96px;
  top:-96px;
  width:250px;
  height:250px;
  border-radius:50%;
  border:1px solid rgba(183,129,55,.18);
  background:radial-gradient(circle,rgba(13,111,98,.11),transparent 68%);
  pointer-events:none;
}
.province-jump-nav{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:22px;
}
.province-jump-nav a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  color:#473b31;
  background:rgba(255,250,241,.72);
  border:1px solid rgba(23,18,13,.09);
  font-size:13px;
  font-weight:850;
}
.province-jump-nav a:hover{
  color:var(--cinnabar-2);
  background:rgba(183,67,50,.10);
}
.city-index-province-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.city-index-province,
.city-column-province{
  position:relative;
  z-index:1;
  padding:20px;
  border-radius:28px;
  border:1px solid rgba(23,18,13,.10);
  background:rgba(255,255,255,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.city-index-province h2{
  margin:0 0 14px;
  font-size:22px;
  letter-spacing:-.03em;
}
.city-index-links,
.city-column-card div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.city-index-links a,
.city-column-card div a{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:7px 10px;
  border-radius:999px;
  color:#473b31;
  background:rgba(255,250,241,.72);
  border:1px solid rgba(23,18,13,.09);
  font-size:13px;
}
.city-index-links a:hover,
.city-column-card div a:hover{
  color:var(--cinnabar-2);
  background:rgba(183,67,50,.10);
}
.city-index-wide{margin:34px 0 38px;}
.city-column-index{display:grid;gap:28px;}
.city-column-province{padding:24px;}
.city-column-province>.section-head{position:relative;z-index:1;}
.city-column-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.city-column-card{
  padding:18px;
  border-radius:24px 10px 24px 10px;
  border:1px solid rgba(23,18,13,.10);
  background:rgba(255,250,241,.58);
}
.city-column-card h3{
  margin:0 0 12px;
  font-size:18px;
  letter-spacing:-.02em;
}
.city-column-card h3 a{
  color:#221915;
}
.city-column-card h3 a:hover{color:var(--cinnabar-2);}
.city-empty-note{
  display:inline-flex;
  min-height:31px;
  align-items:center;
  color:rgba(71,59,49,.56);
  font-size:13px;
}
@media (max-width:1080px){
  .city-index-province-list,
  .city-column-grid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .city-index-stats{grid-template-columns:1fr;}
  .city-index-panel{padding:22px;border-radius:28px;margin:22px 0 28px;}
  .city-index-province,
  .city-column-province{padding:18px;border-radius:24px;}
  .province-jump-nav{gap:7px;}
  .province-jump-nav a,
  .city-index-links a,
  .city-column-card div a{font-size:12px;}
}