.design-style-digital_era_blockchain_application_development_website_5oq{--bg:oklch(0.985 0.008 217);--surface:oklch(0.96 0.02 217);--surface-2:oklch(0.945 0.022 217);--primary:oklch(0.54 0.12 217);--secondary:oklch(0.62 0.12 277);--accent:oklch(0.66 0.14 7);--accent-2:oklch(0.78 0.1 7);--text:oklch(0.27 0.03 217);--muted:oklch(0.46 0.03 217);--line:oklch(0.54 0.12 217/.18);--line-strong:oklch(0.54 0.12 217/.34);--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:48px;--sp-8:64px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--sh-1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.10);--sh-2:0 6px 12px -3px rgba(16,24,40,.12),0 2px 5px -2px rgba(16,24,40,.08);--sh-3:0 24px 48px -10px rgba(16,24,40,.20),0 8px 18px -8px rgba(16,24,40,.12);--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.12;--lh-snug:1.32;--lh-body:1.62;--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:-apple-system,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:var(--lh-body);font-size:var(--fs-md);overflow-wrap:break-word;position:relative;max-width:100%}
.design-style-digital_era_blockchain_application_development_website_5oq *{box-sizing:border-box;min-width:0}
.design-style-digital_era_blockchain_application_development_website_5oq img{max-width:100%;height:auto;display:block}
.design-style-digital_era_blockchain_application_development_website_5oq a{color:inherit;text-decoration:none;transition:color var(--t-fast) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq h1,.design-style-digital_era_blockchain_application_development_website_5oq h2,.design-style-digital_era_blockchain_application_development_website_5oq h3,.design-style-digital_era_blockchain_application_development_website_5oq h4,.design-style-digital_era_blockchain_application_development_website_5oq p,.design-style-digital_era_blockchain_application_development_website_5oq ul,.design-style-digital_era_blockchain_application_development_website_5oq ol,.design-style-digital_era_blockchain_application_development_website_5oq figure{margin:0;padding:0}
.design-style-digital_era_blockchain_application_development_website_5oq ul,.design-style-digital_era_blockchain_application_development_website_5oq ol{list-style:none}
.design-style-digital_era_blockchain_application_development_website_5oq :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}
/* ===== 提示条 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-notice{display:flex;align-items:center;gap:var(--sp-3);background:oklch(0.27 0.03 217);color:oklch(0.985 0.008 217);padding:var(--sp-2) var(--gutter);font-size:var(--fs-sm);line-height:var(--lh-snug);letter-spacing:.02em;position:relative;z-index:60;border-bottom:1px solid oklch(0.54 0.12 217/.28)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-notice .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none;box-shadow:0 0 0 3px oklch(0.66 0.14 7/.25);animation:pulse 2.4s var(--ease) infinite}
.design-style-digital_era_blockchain_application_development_website_5oq .de-notice strong{color:var(--accent-2);font-weight:600}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
/* ===== 极光网格 + 微噪点 底纹 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background:
 radial-gradient(1200px 600px at 12% -8%,oklch(0.54 0.12 217/.14),transparent 62%),
 radial-gradient(900px 520px at 96% 4%,oklch(0.62 0.12 277/.12),transparent 60%),
 radial-gradient(700px 420px at 70% 96%,oklch(0.78 0.1 7/.10),transparent 65%)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(oklch(0.54 0.12 217/.07) 1px,transparent 1px),linear-gradient(90deg,oklch(0.54 0.12 217/.07) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at 50% 30%,#000 40%,transparent 88%);-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 40%,transparent 88%)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='.055'/></svg>");mix-blend-mode:multiply}
.design-style-digital_era_blockchain_application_development_website_5oq .de-wrap{position:relative;z-index:2;width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
/* ===== 顶部栏 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-top{position:sticky;top:0;z-index:50;background:oklch(0.985 0.008 217/.82);-webkit-backdrop-filter:saturate(1.4) blur(10px);
backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-top .de-wrap{display:flex;align-items:center;gap:var(--sp-4);min-height:52px;flex-wrap:wrap;padding-top:var(--sp-2);padding-bottom:var(--sp-2)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:var(--fs-md);letter-spacing:-.01em;flex:none;line-height:var(--lh-snug)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-brand .mark{width:28px;height:28px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;color:#fff;font-size:var(--fs-xs);box-shadow:var(--sh-1);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-brand:hover .mark{transform:scale(1.06) rotate(-4deg);box-shadow:var(--sh-2)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-anchors{display:flex;gap:var(--sp-1);flex-wrap:wrap;margin-left:auto}
.design-style-digital_era_blockchain_application_development_website_5oq .de-anchors 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;min-height:34px;display:inline-flex;align-items:center;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease-out)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-anchors a:hover{color:var(--primary);background:var(--surface);border-color:var(--line);transform:translateY(-1px)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-topcta{font-size:var(--fs-sm);font-weight:600;color:#fff;background:var(--primary);padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);box-shadow:var(--sh-2);min-height:38px;display:inline-flex;align-items:center;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-topcta:hover{transform:translateY(-2px) scale(1.03);box-shadow:var(--sh-3)}
/* ===== Hero 卡片堆叠 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero{padding:var(--sp-5) 0 var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--sp-5);align-items:stretch}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero-copy{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-2);position:relative;overflow:hidden;animation:popIn .7s var(--ease-out) both}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero-copy::before{content:"";position:absolute;top:-48px;right:-48px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,oklch(0.78 0.1 7/.30),transparent 70%);pointer-events:none}
.design-style-digital_era_blockchain_application_development_website_5oq .de-kicker{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:oklch(0.54 0.12 217/.10);border:1px solid var(--line);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);margin-bottom:var(--sp-3);line-height:var(--lh-snug)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero h1{font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:-.022em;font-weight:800;margin-bottom:var(--sp-3);text-wrap:balance}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--primary),var(--secondary));-webkit-background-clip:text;
background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero p.lead{color:var(--muted);font-size:var(--fs-md);line-height:var(--lh-body);max-width:58ch}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px dashed var(--line)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero-stats b{display:block;font-size:var(--fs-xl);color:var(--accent);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero-stats span{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug);display:block;margin-top:2px}
.design-style-digital_era_blockchain_application_development_website_5oq .de-stack{position:relative;display:grid;gap:var(--sp-3);align-content:start}
.design-style-digital_era_blockchain_application_development_website_5oq .de-stack figure{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-2);background:var(--surface);aspect-ratio:16/9;animation:popIn .7s var(--ease-out) both;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-stack figure:hover{transform:translateY(-3px);box-shadow:var(--sh-3)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-stack figure img{width:100%;height:100%;object-fit:cover}
.design-style-digital_era_blockchain_application_development_website_5oq .de-stack figcaption{position:absolute;left:var(--sp-3);bottom:var(--sp-3);right:var(--sp-3);background:oklch(0.27 0.03 217/.78);-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);color:oklch(0.985 0.008 217);font-size:var(--fs-xs);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);line-height:var(--lh-snug)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-stack .de-chip{background:var(--accent);color:#fff;border-radius:var(--r-pill);padding:1px var(--sp-2);font-weight:700;flex:none}
@keyframes popIn{from{opacity:.001;transform:translateY(14px) scale(.975)}to{opacity:1;transform:none}}
/* ===== 选项卡（details 模拟） ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-sec{padding:var(--sp-5) 0}
.design-style-digital_era_blockchain_application_development_website_5oq .de-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-sec-head h2{font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:-.022em;font-weight:800;text-wrap:balance}
.design-style-digital_era_blockchain_application_development_website_5oq .de-sec-head p{color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body);max-width:52ch}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tabs{display:grid;gap:var(--sp-3)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);overflow:hidden;transition:box-shadow var(--t-base) var(--ease),transform var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab:hover{border-color:var(--line-strong)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab[open]{box-shadow:var(--sh-2)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);font-weight:700;font-size:var(--fs-md);letter-spacing:-.01em;min-height:52px;transition:background var(--t-fast) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab summary:hover{background:oklch(0.54 0.12 217/.05)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab summary::-webkit-details-marker{display:none}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab summary .idx{flex:none;width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:var(--fs-xs);font-weight:800;color:var(--primary);background:oklch(0.54 0.12 217/.12);font-variant-numeric:tabular-nums;transition:background var(--t-base) var(--ease),color var(--t-base) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab[open] summary .idx{background:var(--primary);color:#fff}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab summary .hint{margin-left:auto;font-size:var(--fs-xs);color:var(--muted);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab[open] summary .hint{color:var(--accent)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab-body{padding:var(--sp-4) var(--sp-5) var(--sp-5);color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body);border-top:1px solid var(--line);animation:popIn .4s var(--ease-out) both}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab-body>*+*{margin-top:var(--sp-3)}
/* ===== 双列交错卡 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-stagger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);padding:var(--sp-5);box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:var(--sp-2);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--line-strong)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card:nth-child(2){margin-top:var(--sp-5)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card h3{font-size:var(--fs-lg);letter-spacing:-.015em;line-height:var(--lh-snug);font-weight:700}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card p{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-body)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card .num{font-size:var(--fs-xs);font-weight:800;letter-spacing:.14em;color:var(--accent);font-variant-numeric:tabular-nums}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card .tags{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-2)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card .tags span{font-size:var(--fs-xs);color:var(--primary);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px var(--sp-2);background:oklch(0.54 0.12 217/.06);line-height:var(--lh-snug);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card:hover .tags span{background:oklch(0.54 0.12 217/.10);border-color:var(--line-strong)}
/* ===== 服务/价格档位 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);align-items:stretch}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:var(--sp-5);box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:var(--sp-3);animation:popIn .7s var(--ease-out) both;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-strong)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan.feature{background:oklch(0.27 0.03 217);color:oklch(0.985 0.008 217);border-color:transparent;box-shadow:var(--sh-3)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan.feature:hover{box-shadow:var(--sh-3);border-color:transparent}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan.feature .price,.design-style-digital_era_blockchain_application_development_website_5oq .de-plan.feature li{color:oklch(0.985 0.008 217/.88)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan h3{font-size:var(--fs-md);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);line-height:var(--lh-snug);font-weight:700}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan .price{font-size:var(--fs-xl);font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.015em;line-height:var(--lh-tight)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan .price small{font-size:var(--fs-xs);font-weight:500;color:var(--muted)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan.feature .price small{color:oklch(0.985 0.008 217/.6)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan ul{display:grid;gap:var(--sp-2);margin-top:var(--sp-1)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan li{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-body);padding-left:var(--sp-4);position:relative}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:2px;background:var(--accent)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan .btn{margin-top:auto;text-align:center;font-size:var(--fs-sm);font-weight:700;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--primary);color:var(--primary);min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--t-base) var(--ease-out),background var(--t-base) var(--ease),border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan .btn:hover{background:oklch(0.54 0.12 217/.10);transform:scale(1.03);box-shadow:var(--sh-1)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan.feature .btn{background:var(--accent);border-color:var(--accent);color:#fff}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plan.feature .btn:hover{background:var(--accent-2);border-color:var(--accent-2)}
/* ===== 评价 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-quote{background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);box-shadow:var(--sh-1);font-size:var(--fs-sm);color:var(--muted);display:flex;flex-direction:column;gap:var(--sp-3);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-quote:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-quote blockquote{color:var(--text);line-height:var(--lh-body)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-quote .who{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug);margin-top:auto}
.design-style-digital_era_blockchain_application_development_website_5oq .de-quote .who b{color:var(--text);font-size:var(--fs-sm)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-quote .avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff;display:grid;place-items:center;font-weight:700;font-size:var(--fs-xs);flex:none;box-shadow:var(--sh-1)}
/* ===== 图文混排 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5);align-items:center}
.design-style-digital_era_blockchain_application_development_website_5oq .de-feature figure{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-2);aspect-ratio:4/3;background:var(--surface)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-feature figure img{width:100%;height:100%;object-fit:cover}
.design-style-digital_era_blockchain_application_development_website_5oq .de-feature h3{font-size:var(--fs-xl);letter-spacing:-.02em;margin-bottom:var(--sp-3);line-height:var(--lh-snug);font-weight:700}
.design-style-digital_era_blockchain_application_development_website_5oq .de-feature p{color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body);max-width:56ch}
.design-style-digital_era_blockchain_application_development_website_5oq .de-feature .kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-4);font-size:var(--fs-sm)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-feature .kv dt{color:var(--muted)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-feature .kv dd{color:var(--text);font-weight:600;line-height:var(--lh-snug)}
/* ===== 清单 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-check{display:flex;gap:var(--sp-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);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)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-check:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-strong)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-check .tick{flex:none;width:26px;height:26px;border-radius:var(--r-sm);background:oklch(0.66 0.14 7/.14);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
.design-style-digital_era_blockchain_application_development_website_5oq .de-check b{display:block;font-size:var(--fs-sm);margin-bottom:2px;line-height:var(--lh-snug);font-weight:700}
.design-style-digital_era_blockchain_application_development_website_5oq .de-check p{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-body)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-check code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xs);background:oklch(0.54 0.12 217/.10);color:var(--primary);padding:1px 5px;border-radius:4px;overflow-wrap:break-word}
/* ===== 数据面板 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-1)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-panel-card h3{font-size:var(--fs-md);margin-bottom:var(--sp-4);line-height:var(--lh-snug);font-weight:700}
.design-style-digital_era_blockchain_application_development_website_5oq .de-bars{display:grid;gap:var(--sp-3)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-bar{display:grid;grid-template-columns:104px minmax(0,1fr) 46px;gap:var(--sp-3);align-items:center;font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-bar .track{height:10px;border-radius:var(--r-pill);background:oklch(0.54 0.12 217/.12);overflow:hidden}
.design-style-digital_era_blockchain_application_development_website_5oq .de-bar .fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--primary),var(--secondary));transform-origin:left;animation:grow 1s var(--ease-out) both}
.design-style-digital_era_blockchain_application_development_website_5oq .de-bar:nth-child(2) .fill{animation-delay:.08s}.design-style-digital_era_blockchain_application_development_website_5oq .de-bar:nth-child(3) .fill{animation-delay:.16s}.design-style-digital_era_blockchain_application_development_website_5oq .de-bar:nth-child(4) .fill{animation-delay:.24s}.design-style-digital_era_blockchain_application_development_website_5oq .de-bar:nth-child(5) .fill{animation-delay:.32s}
.design-style-digital_era_blockchain_application_development_website_5oq .de-bar .val{text-align:right;color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}
@keyframes grow{from{transform:scaleX(.02)}to{transform:scaleX(1)}}
.design-style-digital_era_blockchain_application_development_website_5oq .de-donut{display:grid;place-items:center;gap:var(--sp-3);align-content:start}
.design-style-digital_era_blockchain_application_development_website_5oq .de-donut .ring{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--primary) 0 42%,var(--secondary) 42% 68%,var(--accent) 68% 86%,var(--accent-2) 86% 100%);display:grid;place-items:center;position:relative;box-shadow:var(--sh-1)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-donut .ring::after{content:"";position:absolute;inset:20px;border-radius:50%;background:var(--surface)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-donut .ring span{position:relative;z-index:1;font-weight:800;font-size:var(--fs-lg);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.design-style-digital_era_blockchain_application_development_website_5oq .de-legend{display:grid;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--muted);width:100%;line-height:var(--lh-snug)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:var(--sp-2)}
/* ===== 关键数据条 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--sp-5) 0}
.design-style-digital_era_blockchain_application_development_website_5oq .de-strip div{text-align:center;padding:0 var(--sp-2);border-right:1px dashed var(--line)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-strip div:last-child{border-right:0}
.design-style-digital_era_blockchain_application_development_website_5oq .de-strip b{display:block;font-size:var(--fs-2xl);font-weight:800;color:var(--primary);line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.design-style-digital_era_blockchain_application_development_website_5oq .de-strip span{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug);display:block;margin-top:var(--sp-1)}
/* ===== 工作流程 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-3);counter-reset:step}
.design-style-digital_era_blockchain_application_development_website_5oq .de-step{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--sh-1);position:relative;animation:popIn .7s var(--ease-out) both;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-step:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-size:var(--fs-xs);font-weight:800;color:var(--accent);letter-spacing:.1em;font-variant-numeric:tabular-nums}
.design-style-digital_era_blockchain_application_development_website_5oq .de-step b{display:block;font-size:var(--fs-sm);margin:var(--sp-2) 0 var(--sp-1);line-height:var(--lh-snug);font-weight:700}
.design-style-digital_era_blockchain_application_development_website_5oq .de-step p{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-body)}
/* ===== CTA 内嵌色带 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-cta{margin:var(--sp-5) 0;border-radius:var(--r-lg);background:linear-gradient(120deg,oklch(0.27 0.03 217),oklch(0.54 0.12 217/.92));color:oklch(0.985 0.008 217);padding:var(--sp-5);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-4);align-items:center;box-shadow:var(--sh-3);position:relative;overflow:hidden}
.design-style-digital_era_blockchain_application_development_website_5oq .de-cta::after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,oklch(0.78 0.1 7/.35),transparent 70%);pointer-events:none}
.design-style-digital_era_blockchain_application_development_website_5oq .de-cta h2{font-size:var(--fs-xl);letter-spacing:-.02em;position:relative;z-index:1;line-height:var(--lh-snug);font-weight:800;text-wrap:balance}
.design-style-digital_era_blockchain_application_development_website_5oq .de-cta p{font-size:var(--fs-sm);color:oklch(0.985 0.008 217/.8);margin-top:var(--sp-2);position:relative;z-index:1;line-height:var(--lh-body);max-width:60ch}
.design-style-digital_era_blockchain_application_development_website_5oq .de-cta .go{position:relative;z-index:1;background:var(--accent);color:#fff;font-weight:700;font-size:var(--fs-sm);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-pill);min-height:44px;display:inline-flex;align-items:center;gap:var(--sp-2);box-shadow:var(--sh-2);transition:transform var(--t-base) var(--ease-out),background var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);white-space:nowrap}
.design-style-digital_era_blockchain_application_development_website_5oq .de-cta .go:hover{background:var(--accent-2);transform:scale(1.04);box-shadow:var(--sh-3)}
/* ===== 页脚 ===== */
.design-style-digital_era_blockchain_application_development_website_5oq .de-foot{border-top:1px solid var(--line);background:var(--surface);padding:var(--sp-6) 0 var(--sp-5);margin-top:var(--sp-5)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:var(--sp-5)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-foot h4{font-size:var(--fs-sm);margin-bottom:var(--sp-3);color:var(--text);letter-spacing:.01em;font-weight:700}
.design-style-digital_era_blockchain_application_development_website_5oq .de-foot li{font-size:var(--fs-xs);color:var(--muted);padding:var(--sp-1) 0;line-height:var(--lh-snug)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-foot li a:hover{color:var(--primary)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-foot p{font-size:var(--fs-xs);color:var(--muted);max-width:42ch;line-height:var(--lh-body)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-copy{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line);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)}
/* ===== 响应式 ===== */
@media (min-width:1600px){
.design-style-digital_era_blockchain_application_development_website_5oq .de-wrap{max-width:var(--container-xl)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-stagger{grid-template-columns:repeat(4,minmax(0,1fr))}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card:nth-child(2){margin-top:0}
.design-style-digital_era_blockchain_application_development_website_5oq .de-flow{grid-template-columns:repeat(5,minmax(0,1fr))}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero h1{font-size:calc(var(--fs-3xl) * 1.08)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-quotes{grid-template-columns:repeat(3,minmax(0,1fr))}
.design-style-digital_era_blockchain_application_development_website_5oq .de-quote{font-size:var(--fs-md)}
}
@media (min-width:1200px) and (max-width:1599px){
.design-style-digital_era_blockchain_application_development_website_5oq .de-wrap{max-width:var(--container-lg)}
}
@media (max-width:1024px){
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero-grid{grid-template-columns:minmax(0,1fr)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-style-digital_era_blockchain_application_development_website_5oq .de-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-style-digital_era_blockchain_application_development_website_5oq .de-panel{grid-template-columns:minmax(0,1fr)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
.design-style-digital_era_blockchain_application_development_website_5oq .de-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-style-digital_era_blockchain_application_development_website_5oq .de-cta{grid-template-columns:minmax(0,1fr)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-cta .go{justify-self:start}
}
@media (max-width:640px){
.design-style-digital_era_blockchain_application_development_website_5oq .de-anchors{order:3;width:100%;margin-left:0;gap:var(--sp-1)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-anchors a{padding:var(--sp-2);font-size:var(--fs-xs);min-height:32px}
.design-style-digital_era_blockchain_application_development_website_5oq .de-topcta{margin-left:auto;padding:var(--sp-2) var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-stagger,.design-style-digital_era_blockchain_application_development_website_5oq .de-checklist,.design-style-digital_era_blockchain_application_development_website_5oq .de-plans,.design-style-digital_era_blockchain_application_development_website_5oq .de-quotes,.design-style-digital_era_blockchain_application_development_website_5oq .de-feature,.design-style-digital_era_blockchain_application_development_website_5oq .de-flow,.design-style-digital_era_blockchain_application_development_website_5oq .de-foot-grid{grid-template-columns:minmax(0,1fr)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card:nth-child(2){margin-top:0}
.design-style-digital_era_blockchain_application_development_website_5oq .de-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-strip div:nth-child(2){border-right:0}
.design-style-digital_era_blockchain_application_development_website_5oq .de-strip div:nth-child(-n+2){padding-bottom:var(--sp-3)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero-copy{padding:var(--sp-5)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab summary{padding:var(--sp-3) var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-tab-body{padding:var(--sp-3) var(--sp-4) var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-bar{grid-template-columns:84px minmax(0,1fr) 42px}
}
@media (max-width:380px){
.design-style-digital_era_blockchain_application_development_website_5oq .de-wrap{padding:0 var(--sp-2)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero-copy,.design-style-digital_era_blockchain_application_development_website_5oq .de-panel-card,.design-style-digital_era_blockchain_application_development_website_5oq .de-cta{padding:var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-card{padding:var(--sp-4)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-strip{grid-template-columns:minmax(0,1fr)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-strip div{border-right:0}
.design-style-digital_era_blockchain_application_development_website_5oq .de-hero h1{font-size:var(--fs-2xl)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-brand span{font-size:var(--fs-sm)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-notice{font-size:var(--fs-xs)}
.design-style-digital_era_blockchain_application_development_website_5oq .de-cta .go{padding:var(--sp-3) var(--sp-5)}
}
@media (prefers-reduced-motion:reduce){
.design-style-digital_era_blockchain_application_development_website_5oq *{animation:none!important;transition:none!important}
}