.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj{
  --bg:oklch(0.15 0.03 48);--surface:oklch(0.21 0.045 48);--surface-2:oklch(0.245 0.045 48);--primary:oklch(0.72 0.16 48);--secondary:oklch(0.62 0.16 0);--accent:oklch(0.78 0.18 258);--accent-2:oklch(0.90 0.14 258);--text:oklch(0.94 0.02 48);--muted:oklch(0.66 0.03 48);
  --line:oklch(0.32 0.035 48);--line-soft:oklch(0.26 0.03 48);
  --container:1120px;--container-lg:1360px;--container-xl:1600px;--gutter:clamp(14px,2.1vw,28px);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:30px;--sp-7:42px;--sp-8:56px;
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;
  --sh-1:0 1px 0 rgba(255,255,255,.05) inset,0 2px 8px rgba(0,0,0,.34);
  --sh-2:0 1px 0 rgba(255,255,255,.06) inset,0 10px 26px rgba(0,0,0,.44);
  --sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 22px 56px rgba(0,0,0,.54);
  --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.14rem,1.04rem + .5vw,1.38rem);--fs-xl:clamp(1.48rem,1.28rem + 1vw,1.96rem);--fs-2xl:clamp(1.82rem,1.46rem + 1.9vw,2.78rem);--fs-3xl:clamp(2.3rem,1.74rem + 2.9vw,3.44rem);
  --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;
  background:var(--bg);color:var(--text);
  font-family:Georgia,"Songti SC","Noto Serif SC","Source Han Serif SC",serif;
  line-height:var(--lh-body);font-size:var(--fs-md);
  overflow-wrap:break-word;word-break:break-word;
  position:relative;overflow-x:clip;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj *,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj *::before,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj *::after{box-sizing:border-box;min-width:0;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj img,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj svg{max-width:100%;height:auto;display:block;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj h1,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj h2,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj h3,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj h4,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj p,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj ul,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj ol,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj figure,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj table{margin:0;padding:0;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj ul,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj ol{list-style:none;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj a{color:inherit;text-decoration:none;}

/* ---------- 容器 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-section{padding-block:clamp(26px,3.8vw,48px);position:relative;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--primary);font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;line-height:1.4;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-eyebrow::before{content:"";width:20px;height:1px;flex:none;background:linear-gradient(90deg,var(--primary),transparent);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-h2{font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:-.012em;margin-top:var(--sp-3);font-weight:600;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-lead{color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body);max-width:66ch;margin-top:var(--sp-3);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hl{color:var(--accent-2);}

/* ---------- 顶部提示条 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-notice{width:100%;background:linear-gradient(180deg,var(--surface-2),var(--surface));border-bottom:1px solid var(--line);padding-block:var(--sp-2);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-notice .hn-wrap{display:flex;align-items:center;gap:var(--sp-3);justify-content:center;text-align:center;flex-wrap:wrap;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-notice small{font-size:var(--fs-xs);color:var(--text);letter-spacing:.02em;line-height:1.5;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-notice .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px color-mix(in oklch,var(--accent-2) 20%,transparent);flex:none;}

/* ---------- 导航 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-topbar{position:sticky;top:0;z-index:40;background:color-mix(in oklch,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.1);
backdrop-filter:blur(10px) saturate(1.1);border-bottom:1px solid var(--line-soft);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-topbar .hn-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-3);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-brand{display:flex;align-items:center;gap:var(--sp-3);min-width:0;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-brand .mark{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,color-mix(in oklch,var(--primary) 52%,transparent),transparent 70%),var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-brand b{font-size:var(--fs-md);letter-spacing:.02em;display:block;line-height:1.1;font-weight:600;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-brand span{font-size:var(--fs-xs);color:var(--muted);font-family:ui-monospace,Menlo,monospace;display:block;margin-top:2px;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-nav{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-nav a{font-size:var(--fs-sm);padding:8px 13px;border-radius:var(--r-pill);color:var(--muted);transition:color var(--t-base) var(--ease),background var(--t-base) var(--ease);min-height:40px;display:inline-flex;align-items:center;white-space:nowrap;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-nav a:hover,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-nav a:focus-visible{color:var(--text);background:color-mix(in oklch,var(--primary) 15%,transparent);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-cta-btn{background:var(--primary);color:oklch(0.18 0.03 48);font-weight:700;font-size:var(--fs-sm);padding:9px 17px;border-radius:var(--r-pill);border:1px solid color-mix(in oklch,var(--primary) 58%,transparent);box-shadow:var(--sh-1);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),background var(--t-base) var(--ease);min-height:40px;display:inline-flex;align-items:center;gap:var(--sp-2);white-space:nowrap;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--sh-2);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-cta-btn:active{transform:translateY(0);box-shadow:var(--sh-1);}

/* ---------- 跑马灯签名 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-marquee{overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(90deg,color-mix(in oklch,var(--surface) 72%,transparent),var(--surface),color-mix(in oklch,var(--surface) 72%,transparent));}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-marquee .track{display:flex;gap:var(--sp-6);width:max-content;padding-block:var(--sp-3);animation:hn-slide 36s linear infinite;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-marquee span{font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-marquee span em{font-style:normal;color:var(--primary);}
@keyframes hn-slide{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ---------- Hero ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero{padding-block:clamp(28px,4.4vw,56px) clamp(22px,3.2vw,40px);position:relative;isolation:isolate;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero::before{content:"";position:absolute;inset:-10% -20% auto -20%;height:70%;z-index:-1;background:radial-gradient(60% 60% at 22% 20%,color-mix(in oklch,var(--primary) 18%,transparent),transparent 70%),radial-gradient(50% 50% at 82% 8%,color-mix(in oklch,var(--accent) 14%,transparent),transparent 72%);filter:blur(6px);pointer-events:none;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero .waves{position:absolute;inset:auto 0 0 0;z-index:-1;opacity:.5;pointer-events:none;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero h1{font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:-.018em;margin-top:var(--sp-4);max-width:22ch;font-weight:600;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero h1 i{font-style:italic;color:var(--primary);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero .hn-hero-lead{margin-top:var(--sp-4);max-width:62ch;color:var(--muted);font-size:var(--fs-md);line-height:var(--lh-body);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5);align-items:center;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-ghost{font-size:var(--fs-sm);padding:10px 17px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--text);min-height:40px;display:inline-flex;align-items:center;gap:var(--sp-2);transition:border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease-out),background var(--t-base) var(--ease);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-ghost:hover{border-color:var(--primary);background:color-mix(in oklch,var(--primary) 10%,transparent);transform:translateY(-2px);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-6);border-top:1px solid var(--line);padding-top:var(--sp-4);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-stat-strip b{display:block;font-size:var(--fs-xl);color:var(--accent-2);line-height:1;letter-spacing:-.02em;font-weight:600;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-stat-strip span{font-size:var(--fs-xs);color:var(--muted);display:block;margin-top:var(--sp-2);line-height:1.5;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero-figure{margin-top:var(--sp-6);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-3);position:relative;aspect-ratio:16/7;background:var(--surface);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero-figure img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease-out);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero-figure:hover img{transform:scale(1.03);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero-figure figcaption{position:absolute;left:var(--sp-4);bottom:var(--sp-4);right:var(--sp-4);font-size:var(--fs-xs);color:var(--text);line-height:1.5;background:color-mix(in oklch,var(--bg) 74%,transparent);-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);}

/* ---------- 通用卡片 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--sp-5);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line);}

/* ---------- 实用指导清单 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-5);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-guide-item{display:flex;gap:var(--sp-4);align-items:flex-start;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-guide-item .ic{flex:none;width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center;background:color-mix(in oklch,var(--primary) 13%,var(--surface));border:1px solid color-mix(in oklch,var(--primary) 30%,transparent);color:var(--primary);font-size:1.1rem;line-height:1;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-guide-item h3{font-size:var(--fs-md);line-height:var(--lh-snug);font-weight:600;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-guide-item p{font-size:var(--fs-sm);color:var(--muted);margin-top:var(--sp-2);line-height:var(--lh-body);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-guide-item code{font-family:ui-monospace,Menlo,monospace;font-size:.82em;background:color-mix(in oklch,var(--accent) 13%,transparent);color:var(--accent-2);border-radius:var(--r-sm);padding:1px 6px;}

/* 清单参数表 */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-table{margin-top:var(--sp-5);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-table table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-table caption{font-size:var(--fs-sm);color:var(--muted);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-table th{text-align:left;padding:var(--sp-3) var(--sp-4);background:color-mix(in oklch,var(--primary) 11%,var(--surface));color:var(--text);font-weight:600;border-bottom:1px solid var(--line);white-space:nowrap;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-soft);color:var(--muted);vertical-align:top;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-table td:first-child{color:var(--text);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-table tr:last-child td{border-bottom:none;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-table .num{font-family:ui-monospace,Menlo,monospace;color:var(--accent-2);}

/* ---------- 图文混排特写 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--sp-6);align-items:center;margin-top:var(--sp-5);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature.rev .hn-feature-media{order:2;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature-media{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-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease-out);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature-media:hover img{transform:scale(1.04);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature h3{font-size:var(--fs-lg);line-height:var(--lh-snug);margin-top:var(--sp-3);font-weight:600;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature p{color:var(--muted);font-size:var(--fs-sm);margin-top:var(--sp-3);line-height:var(--lh-body);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature ul{margin-top:var(--sp-4);display:grid;gap:var(--sp-2);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature li{font-size:var(--fs-sm);color:var(--text);display:flex;gap:var(--sp-3);align-items:flex-start;line-height:var(--lh-body);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature li::before{content:"↯";color:var(--primary);flex:none;font-size:.9em;line-height:inherit;}

/* ---------- 时间轴 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-timeline{margin-top:var(--sp-6);position:relative;display:grid;gap:var(--sp-4);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--line),var(--line),transparent);transform:translateX(-.5px);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step{width:calc(50% - var(--sp-5));position:relative;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step:nth-child(odd){justify-self:start;text-align:right;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step:nth-child(even){justify-self:end;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step::after{content:"";position:absolute;top:20px;width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px color-mix(in oklch,var(--primary) 18%,transparent);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step:nth-child(odd)::after{right:calc(-1 * var(--sp-5) - 5px);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step:nth-child(even)::after{left:calc(-1 * var(--sp-5) - 5px);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step .idx{font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-xs);color:var(--accent-2);letter-spacing:.15em;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step h3{font-size:var(--fs-md);margin-top:var(--sp-2);font-weight:600;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step p{font-size:var(--fs-sm);color:var(--muted);margin-top:var(--sp-2);line-height:var(--lh-body);}

/* ---------- 数据面板 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-5);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-kpi{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-1);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-kpi:hover{transform:translateY(-2px);box-shadow:var(--sh-2);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-kpi b{font-size:var(--fs-xl);color:var(--accent-2);line-height:1;display:block;letter-spacing:-.02em;font-weight:600;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-kpi span{font-size:var(--fs-xs);color:var(--muted);display:block;margin-top:var(--sp-2);line-height:1.5;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-bars{margin-top:var(--sp-5);display:grid;gap:var(--sp-4);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-bar-head{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--text);gap:var(--sp-3);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-bar-head em{font-style:normal;font-family:ui-monospace,Menlo,monospace;color:var(--accent-2);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-bar{height:8px;border-radius:var(--r-pill);background:color-mix(in oklch,var(--muted) 22%,transparent);margin-top:var(--sp-2);overflow:hidden;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-bar i{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--secondary),var(--primary));transform-origin:left center;animation:hn-grow 1.2s var(--ease-out) both;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-bar .w1{width:96%;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-bar .w2{width:88%;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-bar .w3{width:79%;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-bar .w4{width:91%;}
@keyframes hn-grow{from{transform:scaleX(.05);}to{transform:scaleX(1);}}

/* ---------- CTA 内嵌色带 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-cta{margin-top:var(--sp-6);border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(120deg,color-mix(in oklch,var(--primary) 16%,var(--surface)),var(--surface) 62%);padding:clamp(20px,2.8vw,34px);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-5);align-items:center;box-shadow:var(--sh-2);position:relative;overflow:hidden;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-cta::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in oklch,var(--accent) 20%,transparent),transparent 68%);pointer-events:none;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-cta h2{font-size:var(--fs-xl);line-height:var(--lh-tight);font-weight:600;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-cta p{color:var(--muted);font-size:var(--fs-sm);margin-top:var(--sp-3);line-height:var(--lh-body);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-cta-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;}

/* ---------- 页脚 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:var(--sp-6);padding-block:var(--sp-6) var(--sp-5);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:var(--sp-5);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer h4{font-size:var(--fs-sm);color:var(--text);letter-spacing:.04em;font-weight:600;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer p,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer a{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-body);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer p{margin-top:var(--sp-3);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer ul{margin-top:var(--sp-3);display:grid;gap:var(--sp-2);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer a{transition:color var(--t-base) var(--ease);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer a:hover{color:var(--primary);}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer-bottom{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--muted);}

/* ---------- 入场动画 ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-rise{animation:hn-rise .7s var(--ease-out) both;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .d1{animation-delay:.06s;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .d2{animation-delay:.14s;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .d3{animation-delay:.22s;}
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .d4{animation-delay:.3s;}
@keyframes hn-rise{from{opacity:.001;transform:translateY(16px);}to{opacity:1;transform:none;}}

/* ---------- focus ---------- */
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj a:focus-visible,
.design-style-heartnet_emotional_design_and_security_trendy_platform_kpj button:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:var(--r-sm);}

/* ---------- 响应式 ---------- */
@media (min-width:1600px){
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-wrap{max-width:var(--container-xl);}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-panel{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer-grid{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero-figure{aspect-ratio:21/8;}
}
@media (min-width:1280px){
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-wrap{max-width:var(--container-lg);}
}
@media (max-width:1024px){
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-feature.rev .hn-feature-media{order:0;}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-panel{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-cta{grid-template-columns:minmax(0,1fr);}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-timeline::before{left:6px;transform:none;}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step,
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step:nth-child(odd),
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step:nth-child(even){width:100%;justify-self:stretch;text-align:left;padding-left:var(--sp-6);}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step::after,
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step:nth-child(odd)::after,
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-step:nth-child(even)::after{left:2px;right:auto;}
}
@media (max-width:640px){
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-nav{display:none;}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-guide-grid{grid-template-columns:minmax(0,1fr);}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-panel{grid-template-columns:minmax(0,1fr);}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-stat-strip{grid-template-columns:minmax(0,1fr);gap:var(--sp-4);}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-footer-grid{grid-template-columns:minmax(0,1fr);}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-hero-figure{aspect-ratio:4/3;}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-table{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-table table{min-width:520px;}
}
@media (max-width:380px){
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj{--gutter:10px;}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-card,
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-kpi{padding:var(--sp-4);}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-notice small{font-size:.68rem;}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-brand span{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj *,
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj *::before,
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-marquee .track{animation:none;transform:none;}
  .design-style-heartnet_emotional_design_and_security_trendy_platform_kpj .hn-bar i{animation:none;}
}