.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m{--bg:oklch(0.985 0.008 44);--surface:oklch(0.962 0.018 44);--surface-2:oklch(0.94 0.022 44);--primary:oklch(0.54 0.14 44);--secondary:oklch(0.62 0.14 344);--accent:oklch(0.66 0.16 239);--accent-2:oklch(0.78 0.12 239);--text:oklch(0.27 0.03 44);--muted:oklch(0.46 0.03 44);--line:oklch(0.88 0.015 44);--line-strong:oklch(0.80 0.02 44);--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:24px;--sp-6:32px;--sp-7:44px;--sp-8:60px;--r-sm:14px;--r-md:20px;--r-lg:26px;--r-pill:999px;--sh-1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.09);--sh-2:0 6px 14px -4px rgba(16,24,40,.13),0 2px 5px -2px rgba(16,24,40,.08);--sh-3:0 22px 44px -12px rgba(16,24,40,.20),0 8px 18px -8px rgba(16,24,40,.12);--fs-xs:clamp(.72rem,.7rem + .1vw,.78rem);--fs-sm:clamp(.81rem,.79rem + .15vw,.89rem);--fs-md:clamp(.94rem,.9rem + .25vw,1.05rem);--fs-lg:clamp(1.12rem,1.03rem + .5vw,1.36rem);--fs-xl:clamp(1.44rem,1.26rem + 1vw,1.92rem);--fs-2xl:clamp(1.8rem,1.45rem + 2vw,2.75rem);--fs-3xl:clamp(2.25rem,1.75rem + 3vw,3.4rem);--lh-tight:1.1;--lh-snug:1.3;--lh-body:1.58;--ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--t-fast:.15s;--t-base:.25s;--t-slow:.45s;--serif:"Songti SC","Noto Serif SC","Source Han Serif SC",Georgia,serif;--sans:-apple-system,"Segoe UI","PingFang SC","Noto Sans SC",Roboto,sans-serif;display:block;position:relative;box-sizing:border-box;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--fs-md);line-height:var(--lh-body);overflow-wrap:break-word;word-break:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m *,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m *::before,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m *::after{box-sizing:border-box}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m img{max-width:100%;height:auto;display:block}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m a{color:inherit;text-decoration:none}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--sp-1)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m h1,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m h2,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m h3,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m h4,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m p,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m ul,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m ol,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m figure,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m blockquote{margin:0;padding:0}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m ul,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m ol{list-style:none}

/* ---- 顶部提示条 ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-note{display:flex;align-items:center;gap:var(--sp-3);justify-content:center;flex-wrap:wrap;background:var(--text);color:var(--bg);font-size:var(--fs-sm);letter-spacing:.02em;line-height:var(--lh-snug);padding:calc(var(--sp-2) + 2px) var(--gutter);border-bottom:1px solid oklch(0.35 0.03 44)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-note::before{content:"";width:8px;height:8px;border-radius:var(--r-pill);background:var(--accent-2);box-shadow:0 0 0 4px oklch(0.78 0.12 239 / .22);flex:none}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-note b{color:var(--accent-2);font-weight:700}

/* ---- 侧栏导航 ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-shell{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--gutter)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-rail{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-mark{display:flex;align-items:center;gap:var(--sp-3);min-width:0}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-mark svg{flex:none;color:var(--primary)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-mark span{font-family:var(--serif);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-mark em{font-style:normal;color:var(--secondary)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-nav{display:flex;gap:var(--sp-1);flex-wrap:wrap;margin-left:auto}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-nav a{font-size:var(--fs-sm);color:var(--muted);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);border:1px solid transparent;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease-out)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-nav a:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface);transform:translateY(-1px)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-rail-cta{font-size:var(--fs-sm);font-weight:700;background:var(--primary);color:var(--bg);padding:0 var(--sp-5);border-radius:var(--r-pill);min-height:42px;display:inline-flex;align-items:center;gap:var(--sp-2);box-shadow:var(--sh-1);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-rail-cta svg{transition:transform var(--t-base) var(--ease-out)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-rail-cta:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-rail-cta:hover svg{transform:translateX(3px)}

/* ---- 分屏 Hero ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:var(--sp-6);align-items:center;padding:var(--sp-7) 0;position:relative;overflow:hidden}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero::before{content:"";position:absolute;inset:-18% -8% auto auto;width:min(480px,58vw);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,oklch(0.54 0.14 44 / .09) 0deg 2deg,transparent 2deg 9deg);-webkit-mask:radial-gradient(circle,transparent 34%,#000 35%,#000 46%,transparent 47%);mask:radial-gradient(circle,transparent 34%,#000 35%,#000 46%,transparent 47%);pointer-events:none;z-index:0;animation:idb-spin 46s linear infinite}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-copy{min-width:0;position:relative;z-index:1}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-kicker{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--secondary);border:1px solid oklch(0.62 0.14 344 / .32);background:oklch(0.62 0.14 344 / .06);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);margin-bottom:var(--sp-4)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero h1{font-family:var(--serif);font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:-.022em;font-weight:800}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero h1 em{font-style:normal;position:relative;color:var(--primary);white-space:nowrap}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero h1 em::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.06em;height:.32em;background:var(--accent-2);opacity:.38;border-radius:var(--r-pill);z-index:-1}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero p.lead{margin-top:var(--sp-4);color:var(--muted);font-size:var(--fs-md);line-height:var(--lh-body);max-width:52ch}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:42px;padding:0 var(--sp-5);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:700;line-height:1;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),background var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-btn--solid{background:var(--accent);color:oklch(0.99 0.005 239);box-shadow:var(--sh-1)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-btn--solid:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-btn--ghost{border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-btn--ghost:hover{transform:translateY(-2px);box-shadow:var(--sh-1);border-color:var(--primary)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-stats{display:flex;gap:var(--sp-5);flex-wrap:wrap;margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-stats div{min-width:0}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-stats b{display:block;font-family:var(--serif);font-size:var(--fs-xl);color:var(--text);line-height:1.08;letter-spacing:-.01em}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-stats span{font-size:var(--fs-xs);color:var(--muted)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-media{position:relative;min-width:0;z-index:1}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-media .idb-frame{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-3);aspect-ratio:4/3;border:1px solid var(--line)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-media img{width:100%;height:100%;object-fit:cover;animation:idb-kb 26s var(--ease) infinite alternate;transform-origin:center}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-badge{position:absolute;left:var(--sp-4);bottom:var(--sp-4);background:oklch(0.27 0.03 44 / .92);color:var(--bg);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);line-height:var(--lh-snug);max-width:min(280px,72%);-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);box-shadow:var(--sh-2)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-badge strong{color:var(--accent-2);font-family:var(--serif);font-size:var(--fs-md);display:block;margin-bottom:2px}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-handline{position:absolute;right:var(--sp-3);top:calc(var(--sp-6) * -1);width:min(190px,42%);pointer-events:none;color:var(--secondary);opacity:.85;z-index:0}

/* ---- 分段吸附 ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-snap{scroll-snap-type:y proximity;overflow-y:auto;overflow-x:hidden;max-width:100%}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-sec{scroll-snap-align:start;padding:var(--sp-6) 0;border-top:1px solid var(--line)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-sec-head{display:flex;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-sec-head h2{font-family:var(--serif);font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:-.015em;font-weight:800;min-width:0;text-wrap:balance}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-sec-head p{color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-snug);max-width:60ch;margin-left:auto;min-width:0}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-idx{font-family:var(--serif);font-size:var(--fs-sm);color:var(--primary);border:1px dashed oklch(0.54 0.14 44 / .42);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3);white-space:nowrap}

/* ---- 合作伙伴墙 ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-partners{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:var(--sp-3)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-partner{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1);min-width:0;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-partner:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-strong)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-partner b{font-family:var(--serif);font-size:var(--fs-md);font-weight:700}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-partner span{font-size:var(--fs-xs);color:var(--muted)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-partner i{font-style:normal;font-size:var(--fs-xs);color:var(--accent);font-weight:700;margin-top:2px}

/* ---- 关键数据条 ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-1)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-strip div{min-width:0;padding-left:var(--sp-4);border-left:2px solid var(--accent-2)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-strip b{display:block;font-family:var(--serif);font-size:var(--fs-xl);line-height:1.08;color:var(--primary);letter-spacing:-.01em}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-strip span{font-size:var(--fs-xs);color:var(--muted)}

/* ---- bento 错落格：图文混排特写 ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-3);grid-auto-rows:minmax(0,auto)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);min-width:0;position:relative;overflow:hidden;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-strong)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell h3{font-family:var(--serif);font-size:var(--fs-lg);line-height:var(--lh-snug);margin-bottom:var(--sp-2);font-weight:700;letter-spacing:-.01em;text-wrap:balance}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell p{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-body)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell p em{font-style:normal;font-weight:700;color:var(--primary)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell .idb-num{font-family:var(--serif);font-size:var(--fs-xs);color:var(--accent);font-weight:700;letter-spacing:.1em;display:block;margin-bottom:var(--sp-2)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--wide{grid-column:span 4}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--tall{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-4)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--half{grid-column:span 3}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--img{padding:0;border-color:var(--line)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--img figure{margin:0}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--img .idb-thumb{aspect-ratio:16/10;overflow:hidden}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--img img{width:100%;height:100%;object-fit:cover;animation:idb-kb 30s var(--ease) infinite alternate;transform-origin:center}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--img figcaption{padding:var(--sp-4) var(--sp-4) var(--sp-5);font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-body)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--img figcaption b{display:block;color:var(--text);font-family:var(--serif);font-size:var(--fs-md);margin-bottom:var(--sp-1)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-tagrow{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-tag{font-size:var(--fs-xs);color:var(--muted);border:1px solid var(--line);background:var(--bg);border-radius:var(--r-pill);padding:3px var(--sp-3);line-height:1.3;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-tag:hover{color:var(--primary);border-color:oklch(0.54 0.14 44 / .45)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--accent{background:oklch(0.66 0.16 239 / .07);border-color:oklch(0.66 0.16 239 / .28)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--accent h3{color:var(--text)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--accent .idb-big{font-family:var(--serif);font-size:var(--fs-2xl);color:var(--primary);line-height:1;letter-spacing:-.02em;display:block;margin-bottom:var(--sp-2)}

/* ---- 实用指导清单 ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--sp-3);counter-reset:idb-g}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-guide li{background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:var(--r-sm);padding:var(--sp-4);min-width:0;counter-increment:idb-g;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-guide li:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-left-color:var(--accent)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-guide li::before{content:counter(idb-g,decimal-leading-zero);display:block;font-family:var(--serif);font-size:var(--fs-sm);color:var(--accent);font-weight:700;margin-bottom:var(--sp-1);letter-spacing:.04em}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-guide b{display:block;font-size:var(--fs-md);margin-bottom:var(--sp-1);font-family:var(--serif);font-weight:700;line-height:var(--lh-snug)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-guide span{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-body)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-guide em{font-style:normal;color:var(--primary);font-weight:700}

/* ---- 客户评价 ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quotes{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:var(--sp-3)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);min-width:0;display:flex;flex-direction:column;gap:var(--sp-3);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-strong)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote p{font-family:var(--serif);font-size:var(--fs-md);line-height:var(--lh-snug);overflow-wrap:break-word}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote footer{margin-top:auto;font-size:var(--fs-xs);color:var(--muted);display:flex;flex-direction:column;gap:2px}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote footer b{color:var(--text);font-size:var(--fs-sm);font-weight:700}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote--lead{background:var(--text);color:var(--bg);border-color:transparent;box-shadow:var(--sh-2)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote--lead p{color:var(--bg);font-size:var(--fs-lg);line-height:var(--lh-snug)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote--lead footer{color:oklch(0.80 0.02 44)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote--lead footer b{color:var(--accent-2)}

/* ---- 工作流程步骤 ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--sp-3);position:relative}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-step{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5);min-width:0;position:relative;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-step:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-strong)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-step b{display:block;font-family:var(--serif);font-size:var(--fs-md);margin-bottom:var(--sp-2);font-weight:700;line-height:var(--lh-snug)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-step p{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-body)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-step .idb-wk{font-size:var(--fs-xs);color:var(--accent);font-weight:700;letter-spacing:.08em;display:block;margin-bottom:var(--sp-2)}

/* ---- 内嵌色带 CTA ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta{margin:var(--sp-6) 0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);box-shadow:var(--sh-1)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-copy{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-copy h2{font-family:var(--serif);font-size:var(--fs-xl);line-height:var(--lh-snug);letter-spacing:-.015em;text-wrap:balance}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-copy p{font-size:var(--fs-sm);color:var(--muted);max-width:56ch;line-height:var(--lh-body)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-band{background:var(--primary);color:var(--bg);padding:var(--sp-6);display:flex;flex-direction:column;justify-content:center;gap:var(--sp-3);min-width:0}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-band b{font-family:var(--serif);font-size:var(--fs-2xl);line-height:1;letter-spacing:-.02em}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-band span{font-size:var(--fs-xs);color:oklch(0.92 0.02 44);line-height:var(--lh-snug)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-band .idb-btn--solid{background:var(--accent-2);color:oklch(0.24 0.03 44);justify-content:center;margin-top:var(--sp-1)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-band .idb-btn--solid:hover{box-shadow:0 10px 20px -6px rgba(16,24,40,.28)}

/* ---- 非对称页脚 ---- */
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-foot{border-top:1px solid var(--line);padding:var(--sp-6) 0 var(--sp-4);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-foot h3{font-family:var(--serif);font-size:var(--fs-md);margin-bottom:var(--sp-3);font-weight:700;letter-spacing:-.01em}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-foot p,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-foot li{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-snug)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-foot li{margin-bottom:var(--sp-2)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-foot li a{transition:color var(--t-fast) var(--ease)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-foot li a:hover{color:var(--accent)}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-foot-bottom{border-top:1px solid var(--line);margin-top:var(--sp-5);padding-top:var(--sp-4);display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug)}

/* ---- 动效 ---- */
@keyframes idb-spin{to{transform:rotate(360deg)}}
@keyframes idb-kb{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes idb-rise{from{transform:translateY(14px)}to{transform:translateY(0)}}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-copy{animation:idb-rise .7s var(--ease-out) both}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-media{animation:idb-rise .7s var(--ease-out) .12s both}
.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-strip{animation:idb-rise .6s var(--ease-out) both}

/* ---- 响应式 ---- */
@media (min-width:1600px){
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m{--container:1320px}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m.idb-shell,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-shell{max-width:var(--container-xl);padding:0 var(--sp-7)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero{gap:var(--sp-7);padding:var(--sp-8) 0}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-bento{grid-template-columns:repeat(8,minmax(0,1fr))}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--wide{grid-column:span 5}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--half{grid-column:span 3}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--tall{grid-column:span 3}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quotes{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-guide{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
}
@media (max-width:1024px){
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero{grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-bento{grid-template-columns:repeat(4,minmax(0,1fr))}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--wide{grid-column:span 4}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--half{grid-column:span 2}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--tall{grid-column:span 2;grid-row:span 1}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quotes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote--lead{grid-column:span 2}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta{grid-template-columns:minmax(0,1fr)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-handline{display:none}
}
@media (max-width:640px){
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-bento{grid-template-columns:minmax(0,1fr)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--wide,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--half,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell--tall{grid-column:span 1;grid-row:auto}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quotes{grid-template-columns:minmax(0,1fr)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote--lead{grid-column:span 1}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-foot{grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-nav{width:100%;margin-left:0;justify-content:flex-start}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-rail{padding:var(--sp-3) 0;gap:var(--sp-3)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-rail-cta{width:100%;justify-content:center}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-sec{padding:var(--sp-5) 0}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-sec-head{gap:var(--sp-3);margin-bottom:var(--sp-4)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-sec-head p{margin-left:0}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero{padding:var(--sp-6) 0}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero h1 em{white-space:normal}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-stats{gap:var(--sp-4)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-hero-badge{left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);max-width:none}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta{margin:var(--sp-5) 0}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-copy,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-band{padding:var(--sp-5)}
}
@media (max-width:380px){
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m{--fs-3xl:2.05rem;--fs-2xl:1.65rem;--sp-5:20px}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-shell{padding:0 var(--sp-3)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-step,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-partner{padding:var(--sp-4)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-strip{padding:var(--sp-4)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-copy,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cta-band{padding:var(--sp-4)}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-btn,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-rail-cta{padding:0 var(--sp-4)}
}
@media (prefers-reduced-motion:reduce){
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m *,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m *::before,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m *::after{animation:none !important;transition-duration:.01ms !important}
  .design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-btn:hover,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-rail-cta:hover,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-cell:hover,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-quote:hover,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-step:hover,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-guide li:hover,.design-style-independent_design_style_and_blockchain_innovation_perspective_web_design_g3m .idb-partner:hover{transform:none}
}
