.design-style-green_chain_future_hhk{
  --bg:oklch(0.985 0.013 78);
  --surface:oklch(0.962 0.02 78);
  --surface-2:oklch(0.975 0.016 82);
  --primary:oklch(0.54 0.1 137);
  --primary-deep:oklch(0.44 0.09 137);
  --primary-ink:oklch(0.38 0.08 137);
  --secondary:oklch(0.62 0.1 97);
  --accent:oklch(0.66 0.12 347);
  --accent-2:oklch(0.78 0.08 347);
  --text:oklch(0.28 0.022 78);
  --muted:oklch(0.47 0.02 78);
  --line:oklch(0.9 0.02 78);
  --line-soft:oklch(0.93 0.016 78);
  --container:1140px;--container-lg:1400px;--container-xl:1680px;
  --gutter:clamp(14px,2.2vw,30px);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:28px;--sp-7:40px;--sp-8:56px;
  --r-sm:13px;--r-md:20px;--r-lg:28px;--r-xl:32px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(120,90,60,.06),0 1px 3px rgba(120,90,60,.08);
  --sh-2:0 5px 12px -3px rgba(120,90,60,.12),0 2px 5px -2px rgba(120,90,60,.08);
  --sh-3:0 20px 42px -12px rgba(120,90,60,.19),0 7px 16px -8px rgba(120,90,60,.11);
  --sh-inset:inset 0 0 0 1px oklch(0.54 0.1 137 / .18);
  --fs-xs:clamp(.72rem,.7rem + .1vw,.78rem);
  --fs-sm:clamp(.82rem,.8rem + .15vw,.9rem);
  --fs-md:clamp(.95rem,.9rem + .25vw,1.06rem);
  --fs-lg:clamp(1.15rem,1.05rem + .5vw,1.4rem);
  --fs-xl:clamp(1.5rem,1.3rem + 1vw,2rem);
  --fs-2xl:clamp(1.9rem,1.5rem + 2vw,2.9rem);
  --fs-3xl:clamp(2.4rem,1.8rem + 3vw,3.6rem);
  --lh-tight:1.1;--lh-snug:1.3;--lh-body:1.6;
  --ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.15s;--t-base:.25s;--t-slow:.45s;
  font-family:"Iowan Old Style","Palatino Linotype","Songti SC","Noto Serif SC",Georgia,serif;
  color:var(--text);
  background:var(--bg);
  font-size:var(--fs-md);
  line-height:var(--lh-body);
  overflow-wrap:break-word;
  word-break:break-word;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  position:relative;
}
.design-style-green_chain_future_hhk *,
.design-style-green_chain_future_hhk *::before,
.design-style-green_chain_future_hhk *::after{box-sizing:border-box;min-width:0;}
.design-style-green_chain_future_hhk img{max-width:100%;height:auto;display:block;}

/* ---- 顶部提示条 ---- */
.design-style-green_chain_future_hhk .gcf-notice{
  position:sticky;top:0;z-index:60;
  display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-2) var(--gutter);
  background:linear-gradient(180deg,oklch(0.31 0.03 100),oklch(0.27 0.025 90));
  color:oklch(0.96 0.015 78);
  font-size:var(--fs-xs);
  letter-spacing:.06em;
  border-bottom:1px solid oklch(0.4 0.05 137 / .6);
  box-shadow:0 1px 0 oklch(0.54 0.1 137 / .12);
}
.design-style-green_chain_future_hhk .gcf-notice .gcf-dot{
  width:8px;height:8px;border-radius:var(--r-pill);
  background:var(--accent);
  box-shadow:0 0 0 4px oklch(0.66 0.12 347 / .22);
  flex:none;
  animation:gcf-pulse 2.6s var(--ease) infinite;
}
.design-style-green_chain_future_hhk .gcf-notice b{
  color:var(--accent-2);font-weight:600;letter-spacing:.08em;
  margin-left:auto;
}

/* ---- 工作台骨架：侧栏 + 顶栏 + 内容 ---- */
.design-style-green_chain_future_hhk .gcf-shell{
  display:grid;
  grid-template-columns:264px minmax(0,1fr);
  max-width:var(--container-xl);
  margin:0 auto;
  padding:var(--sp-4) var(--gutter) var(--sp-7);
  gap:var(--sp-5);
  align-items:start;
}

/* ---- 侧栏（粘性目录） ---- */
.design-style-green_chain_future_hhk .gcf-side{
  position:sticky;top:56px;
  align-self:start;
  padding:var(--sp-4) var(--sp-4);
  background:linear-gradient(170deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-2);
  overflow:hidden;
}
.design-style-green_chain_future_hhk .gcf-side::after{
  content:"";position:absolute;inset:auto -30px -46px auto;
  width:150px;height:150px;border-radius:46% 54% 62% 38%/52% 40% 60% 48%;
  background:radial-gradient(circle at 34% 34%,oklch(0.54 0.1 137 / .16),transparent 68%);
  pointer-events:none;
}
.design-style-green_chain_future_hhk .gcf-brand{
  display:flex;align-items:center;gap:var(--sp-3);
  margin-bottom:var(--sp-4);
  position:relative;z-index:1;
}
.design-style-green_chain_future_hhk .gcf-brand .gcf-mark{
  width:42px;height:42px;flex:none;border-radius:40% 60% 55% 45%/55% 45% 60% 40%;
  background:linear-gradient(150deg,var(--primary),var(--primary-deep));
  display:grid;place-items:center;
  box-shadow:var(--sh-2);
}
.design-style-green_chain_future_hhk .gcf-brand .gcf-mark svg{width:22px;height:22px;}
.design-style-green_chain_future_hhk .gcf-brand strong{
  display:block;font-size:var(--fs-md);line-height:var(--lh-tight);letter-spacing:.02em;
}
.design-style-green_chain_future_hhk .gcf-brand span{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.14em;text-transform:uppercase;}
.design-style-green_chain_future_hhk .gcf-navlist{list-style:none;margin:0;padding:0;display:grid;gap:2px;position:relative;z-index:1;}
.design-style-green_chain_future_hhk .gcf-navlist a{
  display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-2) var(--sp-3);
  min-height:40px;
  border-radius:var(--r-sm);
  color:var(--muted);
  text-decoration:none;
  font-size:var(--fs-sm);
  transition:background var(--t-base) var(--ease),color var(--t-base) var(--ease),transform var(--t-base) var(--ease-out);
}
.design-style-green_chain_future_hhk .gcf-navlist a i{
  width:6px;height:6px;border-radius:var(--r-pill);flex:none;
  background:var(--secondary);
  transition:background var(--t-base) var(--ease),transform var(--t-base) var(--ease-out);
}
.design-style-green_chain_future_hhk .gcf-navlist a:hover,
.design-style-green_chain_future_hhk .gcf-navlist a:focus-visible{
  background:oklch(0.54 0.1 137 / .1);color:var(--text);transform:translateX(3px);
}
.design-style-green_chain_future_hhk .gcf-navlist a:hover i,
.design-style-green_chain_future_hhk .gcf-navlist a:focus-visible i{background:var(--accent);transform:scale(1.5);}
.design-style-green_chain_future_hhk .gcf-side-foot{
  margin-top:var(--sp-4);padding-top:var(--sp-3);
  border-top:1px dashed var(--line);
  font-size:var(--fs-xs);color:var(--muted);position:relative;z-index:1;
  line-height:var(--lh-snug);
}
.design-style-green_chain_future_hhk .gcf-side-foot b{color:var(--primary-ink);font-size:var(--fs-sm);display:block;margin-bottom:var(--sp-1);}

/* ---- 主区 ---- */
.design-style-green_chain_future_hhk .gcf-main{display:grid;gap:var(--sp-6);min-width:0;}

/* 顶栏 */
.design-style-green_chain_future_hhk .gcf-topbar{
  display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;justify-content:space-between;
  padding:var(--sp-2) var(--sp-4);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-pill);
  box-shadow:var(--sh-1);
}
.design-style-green_chain_future_hhk .gcf-crumbs{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--muted);flex-wrap:wrap;min-width:0;}
.design-style-green_chain_future_hhk .gcf-crumbs em{font-style:normal;color:var(--primary-ink);font-weight:600;}
.design-style-green_chain_future_hhk .gcf-topact{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;}
.design-style-green_chain_future_hhk .gcf-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px var(--sp-3);
  min-height:34px;
  border-radius:var(--r-pill);
  background:oklch(0.62 0.1 97 / .16);
  color:oklch(0.4 0.07 97);
  font-size:var(--fs-xs);
  border:1px solid oklch(0.62 0.1 97 / .3);
}
.design-style-green_chain_future_hhk .gcf-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  padding:var(--sp-2) var(--sp-5);
  min-height:42px;
  border-radius:var(--r-pill);
  border:1px solid transparent;
  background:var(--primary);
  color:oklch(0.98 0.012 78);
  font-size:var(--fs-sm);
  font-family:inherit;
  text-decoration:none;
  cursor:pointer;
  box-shadow:var(--sh-2);
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),background var(--t-base) var(--ease),border-color var(--t-base) var(--ease),color var(--t-base) var(--ease);
}
.design-style-green_chain_future_hhk .gcf-btn:hover{transform:translateY(-2px);box-shadow:var(--sh-3);background:oklch(0.5 0.1 137);}
.design-style-green_chain_future_hhk .gcf-btn:active{transform:translateY(0);box-shadow:var(--sh-1);}
.design-style-green_chain_future_hhk .gcf-btn.gcf-ghost{
  background:transparent;color:var(--text);border-color:var(--line);box-shadow:none;
}
.design-style-green_chain_future_hhk .gcf-btn.gcf-ghost:hover{border-color:var(--primary);color:var(--primary-ink);background:oklch(0.54 0.1 137 / .07);box-shadow:var(--sh-1);}
.design-style-green_chain_future_hhk .gcf-btn.gcf-accent{background:var(--accent);color:oklch(0.99 0.01 347);}
.design-style-green_chain_future_hhk .gcf-btn.gcf-accent:hover{background:oklch(0.6 0.12 347);}
.design-style-green_chain_future_hhk a:focus-visible,
.design-style-green_chain_future_hhk button:focus-visible,
.design-style-green_chain_future_hhk summary:focus-visible{
  outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm);
}

/* ---- Hero：环形放射 + 中心标语 ---- */
.design-style-green_chain_future_hhk .gcf-hero{
  position:relative;
  overflow:hidden;
  border-radius:var(--r-lg);
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 82% 12%,oklch(0.78 0.08 347 / .18),transparent 42%),
    radial-gradient(circle at 8% 88%,oklch(0.54 0.1 137 / .14),transparent 46%),
    linear-gradient(160deg,oklch(0.975 0.02 90),var(--surface));
  box-shadow:var(--sh-2);
  padding:var(--sp-6) var(--sp-6) var(--sp-5);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:var(--sp-6);
  align-items:center;
}
.design-style-green_chain_future_hhk .gcf-hero::before{
  content:"";position:absolute;inset:-40% -10% auto auto;
  width:520px;height:520px;
  background:repeating-radial-gradient(circle,oklch(0.54 0.1 137 / .1) 0 1px,transparent 1px 22px);
  border-radius:50%;
  pointer-events:none;
  animation:gcf-ring 26s linear infinite;
}
.design-style-green_chain_future_hhk .gcf-halftone{
  position:absolute;left:-24px;bottom:-30px;width:210px;height:150px;
  background-image:radial-gradient(oklch(0.66 0.12 347 / .5) 1.4px,transparent 1.6px);
  background-size:9px 9px;
  -webkit-mask-image:linear-gradient(30deg,#000,transparent 78%);
  mask-image:linear-gradient(30deg,#000,transparent 78%);
  pointer-events:none;
}
.design-style-green_chain_future_hhk .gcf-hero-copy{position:relative;z-index:2;min-width:0;}
.design-style-green_chain_future_hhk .gcf-eyebrow{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;
  color:var(--primary-ink);margin-bottom:var(--sp-3);
}
.design-style-green_chain_future_hhk .gcf-eyebrow::before{content:"";width:26px;height:1px;background:var(--accent);}
.design-style-green_chain_future_hhk .gcf-hero h1{
  font-size:var(--fs-3xl);line-height:var(--lh-tight);margin:0 0 var(--sp-4);
  letter-spacing:-.012em;font-weight:600;
}
.design-style-green_chain_future_hhk .gcf-hero h1 em{
  font-style:normal;
  background:linear-gradient(100deg,var(--primary),var(--secondary) 62%,var(--accent));
-webkit-background-clip:text;
background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.design-style-green_chain_future_hhk .gcf-hero p{color:var(--muted);margin:0 0 var(--sp-5);max-width:52ch;}
.design-style-green_chain_future_hhk .gcf-hero-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;}
.design-style-green_chain_future_hhk .gcf-hero-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sp-2);margin-top:var(--sp-5);
  padding-top:var(--sp-4);border-top:1px dashed var(--line);
  font-size:var(--fs-xs);color:var(--muted);
}
.design-style-green_chain_future_hhk .gcf-hero-stats div{line-height:var(--lh-snug);}
.design-style-green_chain_future_hhk .gcf-hero-stats b{
  display:block;font-size:var(--fs-lg);color:var(--text);line-height:var(--lh-snug);letter-spacing:-.01em;
}
.design-style-green_chain_future_hhk .gcf-hero-stats b span{color:var(--accent);font-size:var(--fs-sm);}

/* Hero 右侧卡片：环形放射中心 */
.design-style-green_chain_future_hhk .gcf-hero-visual{
  position:relative;z-index:2;
  display:grid;gap:var(--sp-3);
}
.design-style-green_chain_future_hhk .gcf-orbit{
  position:relative;aspect-ratio:1/1;max-width:320px;margin:0 auto;width:100%;
  border-radius:50%;
  background:conic-gradient(from 200deg,oklch(0.54 0.1 137 / .22),oklch(0.78 0.08 347 / .22),oklch(0.62 0.1 97 / .2),oklch(0.54 0.1 137 / .22));
  display:grid;place-items:center;
  box-shadow:var(--sh-inset);
}
.design-style-green_chain_future_hhk .gcf-orbit::before{
  content:"";position:absolute;inset:11%;border-radius:50%;
  background:var(--bg);border:1px dashed oklch(0.54 0.1 137 / .35);
}
.design-style-green_chain_future_hhk .gcf-orbit::after{
  content:"";position:absolute;inset:26%;border-radius:44% 56% 50% 50%/56% 44% 56% 44%;
  background:radial-gradient(circle at 34% 30%,oklch(0.54 0.1 137 / .3),oklch(0.66 0.12 347 / .16) 70%);
}
.design-style-green_chain_future_hhk .gcf-orbit-core{
  position:relative;z-index:3;text-align:center;padding:var(--sp-4);
}
.design-style-green_chain_future_hhk .gcf-orbit-core b{display:block;font-size:var(--fs-2xl);line-height:1;color:var(--primary-ink);letter-spacing:-.02em;}
.design-style-green_chain_future_hhk .gcf-orbit-core span{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.1em;}
.design-style-green_chain_future_hhk .gcf-hero-thumb{
  border-radius:var(--r-md);overflow:hidden;position:relative;
  box-shadow:var(--sh-2);border:1px solid var(--line);
}
.design-style-green_chain_future_hhk .gcf-hero-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform var(--t-slow) var(--ease-out);}
.design-style-green_chain_future_hhk .gcf-hero-thumb:hover img{transform:scale(1.05);}
.design-style-green_chain_future_hhk .gcf-hero-thumb figcaption{
  position:absolute;inset:auto 0 0 0;padding:var(--sp-3) var(--sp-4);
  font-size:var(--fs-xs);color:oklch(0.98 0.01 78);line-height:var(--lh-snug);
  background:linear-gradient(transparent,oklch(0.28 0.022 78 / .78));
}

/* ---- 通用区块 ---- */
.design-style-green_chain_future_hhk .gcf-sec{position:relative;scroll-margin-top:66px;}
.design-style-green_chain_future_hhk .gcf-sec-head{
  display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:flex-end;justify-content:space-between;
  margin-bottom:var(--sp-4);
}
.design-style-green_chain_future_hhk .gcf-sec-head > div{min-width:0;}
.design-style-green_chain_future_hhk .gcf-sec-head h2{
  font-size:var(--fs-xl);line-height:var(--lh-snug);margin:0;font-weight:600;letter-spacing:-.006em;
}
.design-style-green_chain_future_hhk .gcf-sec-head h2::after{
  content:"";display:block;width:56px;height:3px;margin-top:var(--sp-2);border-radius:var(--r-pill);
  background:linear-gradient(90deg,var(--primary),var(--accent));
}
.design-style-green_chain_future_hhk .gcf-sec-head p{margin:0;font-size:var(--fs-sm);color:var(--muted);max-width:56ch;}
.design-style-green_chain_future_hhk .gcf-num{
  font-size:var(--fs-xs);color:var(--accent);letter-spacing:.2em;font-weight:600;
}

/* 全宽横向图文卡 */
.design-style-green_chain_future_hhk .gcf-wide{
  display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);
  gap:0;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1);
  transition:box-shadow var(--t-base) var(--ease),transform var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease);
}
.design-style-green_chain_future_hhk .gcf-wide:hover{box-shadow:var(--sh-3);transform:translateY(-3px);border-color:oklch(0.54 0.1 137 / .28);}
.design-style-green_chain_future_hhk .gcf-wide + .gcf-wide{margin-top:var(--sp-4);}
.design-style-green_chain_future_hhk .gcf-wide .gcf-wide-media{position:relative;overflow:hidden;min-height:200px;min-width:0;}
.design-style-green_chain_future_hhk .gcf-wide .gcf-wide-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform var(--t-slow) var(--ease-out);}
.design-style-green_chain_future_hhk .gcf-wide:hover .gcf-wide-media img{transform:scale(1.06);}
.design-style-green_chain_future_hhk .gcf-wide .gcf-wide-body{padding:var(--sp-5);display:grid;gap:var(--sp-3);align-content:start;min-width:0;}
.design-style-green_chain_future_hhk .gcf-wide h3{margin:0;font-size:var(--fs-lg);line-height:var(--lh-snug);letter-spacing:-.005em;}
.design-style-green_chain_future_hhk .gcf-wide p{margin:0;color:var(--muted);font-size:var(--fs-sm);}
.design-style-green_chain_future_hhk .gcf-metrics{display:flex;flex-wrap:wrap;gap:var(--sp-2);}
.design-style-green_chain_future_hhk .gcf-metrics span{
  font-size:var(--fs-xs);padding:5px var(--sp-3);border-radius:var(--r-pill);
  background:oklch(0.54 0.1 137 / .1);color:var(--primary-ink);
  border:1px solid oklch(0.54 0.1 137 / .22);
}
.design-style-green_chain_future_hhk .gcf-metrics span.gcf-warm{background:oklch(0.62 0.1 97 / .16);color:oklch(0.4 0.07 97);border-color:oklch(0.62 0.1 97 / .3);}
.design-style-green_chain_future_hhk .gcf-metrics span.gcf-rose{background:oklch(0.78 0.08 347 / .2);color:oklch(0.46 0.11 347);border-color:oklch(0.78 0.08 347 / .38);}

/* 六张特性卡 */
.design-style-green_chain_future_hhk .gcf-grid6{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);
}
.design-style-green_chain_future_hhk .gcf-card{
  position:relative;overflow:hidden;
  padding:var(--sp-5);
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  box-shadow:var(--sh-1);
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);
  min-width:0;
}
.design-style-green_chain_future_hhk .gcf-card:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:oklch(0.54 0.1 137 / .35);}
.design-style-green_chain_future_hhk .gcf-card .gcf-ico{
  width:40px;height:40px;border-radius:42% 58% 52% 48%/55% 45% 58% 42%;
  display:grid;place-items:center;margin-bottom:var(--sp-3);
  background:oklch(0.54 0.1 137 / .12);
  color:var(--primary);
}
.design-style-green_chain_future_hhk .gcf-card:nth-child(3n+2) .gcf-ico{background:oklch(0.62 0.1 97 / .18);color:oklch(0.42 0.08 97);}
.design-style-green_chain_future_hhk .gcf-card:nth-child(3n) .gcf-ico{background:oklch(0.78 0.08 347 / .22);color:oklch(0.5 0.12 347);}
.design-style-green_chain_future_hhk .gcf-card .gcf-ico svg{width:20px;height:20px;}
.design-style-green_chain_future_hhk .gcf-card h3{margin:0 0 var(--sp-2);font-size:var(--fs-md);line-height:var(--lh-snug);letter-spacing:-.004em;}
.design-style-green_chain_future_hhk .gcf-card p{margin:0;font-size:var(--fs-sm);color:var(--muted);}
.design-style-green_chain_future_hhk .gcf-card .gcf-kv{
  margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed var(--line);
  font-size:var(--fs-xs);color:var(--muted);display:flex;justify-content:space-between;gap:var(--sp-2);
}
.design-style-green_chain_future_hhk .gcf-card .gcf-kv b{color:var(--primary-ink);font-size:var(--fs-sm);}
.design-style-green_chain_future_hhk .gcf-card::after{
  content:"";position:absolute;right:-16px;top:-16px;width:74px;height:74px;
  background-image:radial-gradient(oklch(0.66 0.12 347 / .34) 1.2px,transparent 1.4px);
  background-size:8px 8px;border-radius:50%;opacity:.55;pointer-events:none;
}

/* 关键数据条 */
.design-style-green_chain_future_hhk .gcf-databar{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  background:var(--line);
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--sh-1);
}
.design-style-green_chain_future_hhk .gcf-databar div{
  background:linear-gradient(170deg,var(--surface),var(--surface-2));
  padding:var(--sp-5) var(--sp-4);min-width:0;
}
.design-style-green_chain_future_hhk .gcf-databar b{
  display:block;font-size:var(--fs-2xl);line-height:1.05;color:var(--primary-ink);letter-spacing:-.02em;
}
.design-style-green_chain_future_hhk .gcf-databar b i{font-style:normal;font-size:var(--fs-md);color:var(--accent);}
.design-style-green_chain_future_hhk .gcf-databar span{display:block;font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-2);line-height:var(--lh-snug);}
.design-style-green_chain_future_hhk .gcf-databar em{font-style:normal;font-size:var(--fs-xs);color:oklch(0.42 0.08 97);display:block;margin-top:var(--sp-1);}

/* 资讯列表 */
.design-style-green_chain_future_hhk .gcf-news{display:grid;gap:var(--sp-3);}
.design-style-green_chain_future_hhk .gcf-news article{
  display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:var(--sp-4);align-items:center;
  padding:var(--sp-3) var(--sp-4);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  transition:border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease);
  min-width:0;
}
.design-style-green_chain_future_hhk .gcf-news article:hover{border-color:oklch(0.54 0.1 137 / .4);transform:translateX(4px);box-shadow:var(--sh-2);}
.design-style-green_chain_future_hhk .gcf-news img{width:88px;height:64px;object-fit:cover;border-radius:var(--r-sm);}
.design-style-green_chain_future_hhk .gcf-news h3{margin:0 0 2px;font-size:var(--fs-sm);line-height:var(--lh-snug);}
.design-style-green_chain_future_hhk .gcf-news p{margin:0;font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug);}
.design-style-green_chain_future_hhk .gcf-news time{font-size:var(--fs-xs);color:var(--accent);white-space:nowrap;}

/* 数据可视化面板 */
.design-style-green_chain_future_hhk .gcf-viz{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);
}
.design-style-green_chain_future_hhk .gcf-panel{
  padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-md);box-shadow:var(--sh-1);min-width:0;
}
.design-style-green_chain_future_hhk .gcf-panel h3{margin:0 0 var(--sp-4);font-size:var(--fs-md);line-height:var(--lh-snug);}
.design-style-green_chain_future_hhk .gcf-bars{display:grid;gap:var(--sp-3);}
.design-style-green_chain_future_hhk .gcf-bars .gcf-row{display:grid;grid-template-columns:104px minmax(0,1fr) 52px;gap:var(--sp-3);align-items:center;font-size:var(--fs-xs);color:var(--muted);}
.design-style-green_chain_future_hhk .gcf-track{height:9px;border-radius:var(--r-pill);background:oklch(0.9 0.02 78);overflow:hidden;}
.design-style-green_chain_future_hhk .gcf-track i{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--primary),oklch(0.62 0.1 97));}
.design-style-green_chain_future_hhk .gcf-bars .gcf-row:nth-child(2) .gcf-track i{background:linear-gradient(90deg,var(--secondary),var(--accent-2));}
.design-style-green_chain_future_hhk .gcf-bars .gcf-row:nth-child(3) .gcf-track i{background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.design-style-green_chain_future_hhk .gcf-bars .gcf-row:nth-child(4) .gcf-track i{background:linear-gradient(90deg,oklch(0.54 0.1 137),oklch(0.62 0.1 97));}
.design-style-green_chain_future_hhk .gcf-donut{
  display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;
}
.design-style-green_chain_future_hhk .gcf-donut .gcf-ring{
  width:132px;height:132px;flex:none;border-radius:50%;
  background:conic-gradient(var(--primary) 0 46%,var(--secondary) 46% 72%,var(--accent) 72% 88%,oklch(0.9 0.02 78) 88% 100%);
  display:grid;place-items:center;position:relative;box-shadow:var(--sh-2);
}
.design-style-green_chain_future_hhk .gcf-donut .gcf-ring::after{
  content:"";position:absolute;inset:22%;border-radius:50%;background:var(--surface);
}
.design-style-green_chain_future_hhk .gcf-donut .gcf-ring b{position:relative;z-index:1;font-size:var(--fs-lg);color:var(--primary-ink);letter-spacing:-.01em;}
.design-style-green_chain_future_hhk .gcf-legend{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--muted);}
.design-style-green_chain_future_hhk .gcf-legend li{display:flex;align-items:center;gap:var(--sp-2);}
.design-style-green_chain_future_hhk .gcf-legend i{width:10px;height:10px;border-radius:3px;flex:none;}

/* 实用指导清单 */
.design-style-green_chain_future_hhk .gcf-checklist{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);
  counter-reset:gcf-step;
}
.design-style-green_chain_future_hhk .gcf-check{
  display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--sp-3);
  padding:var(--sp-4);
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--sh-1);
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);
  min-width:0;
}
.design-style-green_chain_future_hhk .gcf-check:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:oklch(0.54 0.1 137 / .28);}
.design-style-green_chain_future_hhk .gcf-check::before{
  counter-increment:gcf-step;content:counter(gcf-step,decimal-leading-zero);
  width:36px;height:36px;border-radius:40% 60% 55% 45%/55% 45% 60% 40%;
  display:grid;place-items:center;
  background:oklch(0.54 0.1 137 / .14);color:var(--primary-ink);
  font-size:var(--fs-xs);font-weight:600;
}
.design-style-green_chain_future_hhk .gcf-check > div{min-width:0;}
.design-style-green_chain_future_hhk .gcf-check h3{margin:0 0 var(--sp-2);font-size:var(--fs-sm);line-height:var(--lh-snug);}
.design-style-green_chain_future_hhk .gcf-check p{margin:0;font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug);}
.design-style-green_chain_future_hhk .gcf-check p b{color:var(--accent);}

/* 工作流程步骤 */
.design-style-green_chain_future_hhk .gcf-flow{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);position:relative;
}
.design-style-green_chain_future_hhk .gcf-flow-step{
  position:relative;padding:var(--sp-5) var(--sp-4);
  background:linear-gradient(165deg,var(--surface),var(--bg));
  border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);
  min-width:0;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease);
}
.design-style-green_chain_future_hhk .gcf-flow-step:hover{transform:translateY(-3px);box-shadow:var(--sh-2);}
.design-style-green_chain_future_hhk .gcf-flow-step::before{
  content:"";position:absolute;top:50%;right:-13px;width:13px;height:1px;background:var(--line);
}
.design-style-green_chain_future_hhk .gcf-flow-step:last-child::before{display:none;}
.design-style-green_chain_future_hhk .gcf-flow-step b{
  display:block;font-size:var(--fs-xl);color:var(--accent);line-height:1;margin-bottom:var(--sp-3);letter-spacing:-.01em;
}
.design-style-green_chain_future_hhk .gcf-flow-step h3{margin:0 0 var(--sp-2);font-size:var(--fs-sm);}
.design-style-green_chain_future_hhk .gcf-flow-step p{margin:0;font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug);}
.design-style-green_chain_future_hhk .gcf-flow-step span{display:block;margin-top:var(--sp-3);font-size:var(--fs-xs);color:oklch(0.42 0.08 97);line-height:var(--lh-snug);}

/* CTA 色带 */
.design-style-green_chain_future_hhk .gcf-cta{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-5);align-items:center;
  padding:var(--sp-6);
  border-radius:var(--r-lg);
  background:linear-gradient(115deg,oklch(0.54 0.1 137 / .16),oklch(0.62 0.1 97 / .2) 58%,oklch(0.78 0.08 347 / .2));
  border:1px solid oklch(0.54 0.1 137 / .22);
  box-shadow:var(--sh-2);
}
.design-style-green_chain_future_hhk .gcf-cta::after{
  content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:160px;
  background-image:radial-gradient(oklch(0.54 0.1 137 / .38) 1.5px,transparent 1.7px);
  background-size:10px 10px;
  -webkit-mask-image:linear-gradient(200deg,#000,transparent 76%);
  mask-image:linear-gradient(200deg,#000,transparent 76%);pointer-events:none;
}
.design-style-green_chain_future_hhk .gcf-cta > div{min-width:0;}
.design-style-green_chain_future_hhk .gcf-cta h2{margin:0 0 var(--sp-2);font-size:var(--fs-xl);position:relative;z-index:1;line-height:var(--lh-snug);letter-spacing:-.006em;}
.design-style-green_chain_future_hhk .gcf-cta p{margin:0;font-size:var(--fs-sm);color:var(--muted);max-width:50ch;position:relative;z-index:1;}
.design-style-green_chain_future_hhk .gcf-cta .gcf-hero-cta{position:relative;z-index:1;}

/* 页脚 */
.design-style-green_chain_future_hhk .gcf-foot{
  margin-top:var(--sp-6);
  padding:var(--sp-6) var(--sp-6) var(--sp-5);
  border-radius:var(--r-lg) var(--r-lg) var(--r-md) var(--r-md);
  background:linear-gradient(160deg,oklch(0.3 0.03 120),oklch(0.24 0.025 90));
  color:oklch(0.9 0.02 90);
  display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.7fr));
  gap:var(--sp-5);
}
.design-style-green_chain_future_hhk .gcf-foot > div{min-width:0;}
.design-style-green_chain_future_hhk .gcf-foot h3{font-size:var(--fs-sm);margin:0 0 var(--sp-3);color:oklch(0.96 0.02 90);line-height:var(--lh-snug);}
.design-style-green_chain_future_hhk .gcf-foot p,.design-style-green_chain_future_hhk .gcf-foot li{font-size:var(--fs-xs);color:oklch(0.78 0.02 90);line-height:var(--lh-snug);}
.design-style-green_chain_future_hhk .gcf-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2);}
.design-style-green_chain_future_hhk .gcf-foot a{color:oklch(0.86 0.05 137);text-decoration:none;transition:color var(--t-base) var(--ease);}
.design-style-green_chain_future_hhk .gcf-foot a:hover{color:oklch(0.82 0.09 347);}
.design-style-green_chain_future_hhk .gcf-foot-bottom{
  grid-column:1/-1;margin-top:var(--sp-3);padding-top:var(--sp-4);
  border-top:1px solid oklch(0.42 0.03 120);
  display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;
  font-size:var(--fs-xs);color:oklch(0.72 0.02 90);
}

/* 动效（纯 CSS，加载即播放，终态即静态态） */
@keyframes gcf-rise{from{transform:translateY(14px);}to{transform:translateY(0);}}
@keyframes gcf-fade{from{opacity:.001;}to{opacity:1;}}
@keyframes gcf-ring{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes gcf-pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.35);opacity:.7;}}
.design-style-green_chain_future_hhk .gcf-fadein{animation:gcf-fade var(--t-slow) var(--ease-out) both,gcf-rise var(--t-slow) var(--ease-out) both;}
.design-style-green_chain_future_hhk .gcf-d1{animation-delay:.06s;}
.design-style-green_chain_future_hhk .gcf-d2{animation-delay:.12s;}
.design-style-green_chain_future_hhk .gcf-d3{animation-delay:.18s;}
.design-style-green_chain_future_hhk .gcf-d4{animation-delay:.24s;}
.design-style-green_chain_future_hhk .gcf-d5{animation-delay:.3s;}
.design-style-green_chain_future_hhk .gcf-d6{animation-delay:.36s;}

/* 响应式 */
@media (min-width:1600px){
  .design-style-green_chain_future_hhk{--gutter:clamp(20px,2.4vw,36px);}
  .design-style-green_chain_future_hhk .gcf-shell{grid-template-columns:300px minmax(0,1fr);gap:var(--sp-6);max-width:var(--container-xl);}
  .design-style-green_chain_future_hhk .gcf-grid6{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);}
  .design-style-green_chain_future_hhk .gcf-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);}
  .design-style-green_chain_future_hhk .gcf-databar b{font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem);}
  .design-style-green_chain_future_hhk .gcf-hero{padding:var(--sp-7) var(--sp-6);}
}
@media (max-width:1024px){
  .design-style-green_chain_future_hhk .gcf-shell{grid-template-columns:minmax(0,1fr);padding-top:var(--sp-3);}
  .design-style-green_chain_future_hhk .gcf-side{position:static;top:auto;}
  .design-style-green_chain_future_hhk .gcf-navlist{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;}
  .design-style-green_chain_future_hhk .gcf-grid6{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-green_chain_future_hhk .gcf-hero{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);}
  .design-style-green_chain_future_hhk .gcf-orbit{max-width:280px;}
  .design-style-green_chain_future_hhk .gcf-viz{grid-template-columns:minmax(0,1fr);}
  .design-style-green_chain_future_hhk .gcf-flow{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-green_chain_future_hhk .gcf-flow-step::before{display:none;}
  .design-style-green_chain_future_hhk .gcf-foot{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .design-style-green_chain_future_hhk .gcf-grid6{grid-template-columns:minmax(0,1fr);}
  .design-style-green_chain_future_hhk .gcf-wide{grid-template-columns:minmax(0,1fr);}
  .design-style-green_chain_future_hhk .gcf-wide .gcf-wide-media{min-height:170px;}
  .design-style-green_chain_future_hhk .gcf-databar{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-green_chain_future_hhk .gcf-checklist{grid-template-columns:minmax(0,1fr);}
  .design-style-green_chain_future_hhk .gcf-news article{grid-template-columns:minmax(0,1fr);gap:var(--sp-2);}
  .design-style-green_chain_future_hhk .gcf-news img{width:100%;height:150px;}
  .design-style-green_chain_future_hhk .gcf-cta{grid-template-columns:minmax(0,1fr);padding:var(--sp-5);}
  .design-style-green_chain_future_hhk .gcf-hero{padding:var(--sp-5) var(--sp-4);}
  .design-style-green_chain_future_hhk .gcf-foot{grid-template-columns:minmax(0,1fr);padding:var(--sp-5) var(--sp-4);}
  .design-style-green_chain_future_hhk .gcf-navlist{grid-template-columns:minmax(0,1fr);}
  .design-style-green_chain_future_hhk .gcf-topbar{border-radius:var(--r-md);}
  .design-style-green_chain_future_hhk .gcf-bars .gcf-row{grid-template-columns:88px minmax(0,1fr) 44px;}
}
@media (max-width:380px){
  .design-style-green_chain_future_hhk .gcf-shell{padding:0 var(--sp-2) var(--sp-5);gap:var(--sp-3);}
  .design-style-green_chain_future_hhk .gcf-main{gap:var(--sp-5);}
  .design-style-green_chain_future_hhk .gcf-side{padding:var(--sp-4) var(--sp-3);}
  .design-style-green_chain_future_hhk .gcf-hero{padding:var(--sp-4) var(--sp-3);}
  .design-style-green_chain_future_hhk .gcf-hero h1{letter-spacing:-.006em;}
  .design-style-green_chain_future_hhk .gcf-hero-stats{grid-template-columns:minmax(0,1fr);gap:var(--sp-3);}
  .design-style-green_chain_future_hhk .gcf-databar{grid-template-columns:minmax(0,1fr);}
  .design-style-green_chain_future_hhk .gcf-flow{grid-template-columns:minmax(0,1fr);}
  .design-style-green_chain_future_hhk .gcf-card,.design-style-green_chain_future_hhk .gcf-panel,
  .design-style-green_chain_future_hhk .gcf-check{padding:var(--sp-4) var(--sp-3);}
  .design-style-green_chain_future_hhk .gcf-btn{padding:var(--sp-2) var(--sp-4);}
  .design-style-green_chain_future_hhk .gcf-donut{gap:var(--sp-4);}
  .design-style-green_chain_future_hhk .gcf-donut .gcf-ring{width:112px;height:112px;}
  .design-style-green_chain_future_hhk .gcf-bars .gcf-row{grid-template-columns:72px minmax(0,1fr) 40px;gap:var(--sp-2);}
  .design-style-green_chain_future_hhk .gcf-notice b{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .design-style-green_chain_future_hhk *,
  .design-style-green_chain_future_hhk *::before,
  .design-style-green_chain_future_hhk *::after{animation:none !important;transition:none !important;}
}