/* 生成件 · 请勿手改
 * 源：notes/项目资料/设计/20261012-首页5屏与工具分层/首页-5屏-苹果版.html（CDO 定稿）
 * 源 sha256：49d9742d1bad9eaa978189ff79d57a8436f4762f7b3af821a976d7da5b1473fc
 * 生成器：work/_cover-swap/build-cover.js（选择器全部前缀 #hcRoot，死代码 29 条已剔除）
 * 目的：把 CDO 的封面落进 V4 首页，且不污染全站样式
 */
#hcRoot{
  --indigo-300:#8DA2F5; --indigo-400:#6B8AFF; --indigo-500:#4F6BED; --indigo-600:#3D55D4;
  --indigo-700:#2C40B3; --indigo-900:#141C56; --indigo-950:#0C1233;
  --gold-300:#D9C79A; --gold-400:#CDB57F; --gold-500:#C2A46B; --gold-600:#A88B52; --gold-700:#8A6F3E;--ink:#fff !important; --ink-2:rgba(255,255,255,.78); --ink-3:rgba(255,255,255,.54); --ink-4:rgba(255,255,255,.30);--line:rgba(255,255,255,.14) !important;--r-full:999px !important;--dur:200ms !important;--ease:cubic-bezier(.16,1,.3,1) !important;
}
#hcRoot *{margin: 0 !important;padding: 0 !important;box-sizing:border-box !important}
#hcRoot{color:var(--ink) !important;-webkit-font-smoothing:antialiased !important;}
#hcRoot .num{font-variant-numeric:tabular-nums !important}
#homeCoverFixed{inset:0 !important;pointer-events:none !important;overflow:hidden !important;}
#hcRoot #globeCanvas{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important}
#hcRoot .frow{position:absolute !important;left:0 !important;right:0 !important;display:flex !important;gap: 48px !important;white-space:nowrap !important;font-size: 34px !important;font-weight: 600 !important;letter-spacing:.03em !important;color:rgba(255,255,255,.036) !important;animation: drift 46s linear infinite}
#hcRoot .frow.r1{top:14% !important;animation-duration: 52s}
#hcRoot .frow.r2{top:30% !important;animation-duration: 64s;animation-direction:reverse}
#hcRoot .frow.r3{top:52% !important;animation-duration: 58s}
#hcRoot .frow.r4{top:70% !important;animation-duration: 70s;animation-direction:reverse}
#hcRoot .frow.r5{top:86% !important;animation-duration: 60s}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}#hcRoot .globe-title{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%);text-align:center !important;z-index:3 !important;pointer-events:none !important;padding: 32px 54px !important;border-radius: var(--r-full) !important;}
#hcRoot .globe-title b{display:block !important;font-size: clamp(38px,4.6vw,56px) !important;font-weight: 600 !important;letter-spacing:-.02em !important;color:#fff !important;text-shadow:0 12px 44px rgba(8,14,40,.7) !important}
#hcRoot .globe-title i{display:block !important;margin-top: 16px !important;font-style:normal !important;font-size: 12px !important;font-weight: 600 !important;letter-spacing:.42em !important;color:rgba(255,255,255,.66) !important;text-indent:.42em !important}
#hcRoot .globe-title u{display:block !important;margin-top: 8px !important;text-decoration:none !important;font-size: 12px !important;color:rgba(255,255,255,.42) !important;letter-spacing:.1em !important}
#hcRoot #blackout{position:absolute !important;inset:0 !important;background:#000 !important;opacity:0;z-index:6 !important;pointer-events:none !important}
#hcRoot .layer{position:relative !important;z-index:2 !important}
#hcRoot .c5hero{min-height:100vh !important;display:flex !important;align-items:center !important}
#hcRoot .heroin{max-width:1240px !important;margin: 0 auto !important;padding: 0 32px !important;width:100% !important;display:grid !important;
  /* 文案列 470 → 520：470 装不下 54px 的「从做一个真项目开始」（实测需 471.4px），
     末字「始」被挤到第三行成了孤字。520 让主标回到设计要的两行。 */
  grid-template-columns:minmax(0,520px) minmax(0,1fr);gap: 32px !important;align-items:center !important}
@media (max-width:1080px){#hcRoot .heroin{grid-template-columns:1fr !important}}#hcRoot nav.top{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;display:flex !important;align-items:center !important;gap: 32px !important;max-width:1240px !important;margin: 0 auto !important;padding: 24px 32px !important}
#hcRoot nav.top .brand{display:flex !important;align-items:center !important;gap: 12px !important}
#hcRoot nav.top .brand svg{width:38px !important;height:38px !important;border-radius: 14px !important;}
#hcRoot nav.top .brand b{font-size: 17px !important;font-weight: 600 !important;letter-spacing:-.02em !important}
#hcRoot nav.top .links{flex:1 !important;display:flex !important;justify-content:center !important;gap: 8px !important}
#hcRoot nav.top .links a{color:var(--ink-2) !important;text-decoration:none !important;font-size: 17px !important;font-weight: 500 !important;padding: 8px 16px !important;border-radius: var(--r-full) !important;transition: all var(--dur) var(--ease)}
#hcRoot nav.top .links a:hover{color:#fff !important;background:rgba(255,255,255,.09) !important}
#hcRoot nav.top .links a.on{color:#fff !important;background:rgba(255,255,255,.14) !important;font-weight: 600 !important}
#hcRoot .goldpill{position:relative !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:132px !important;padding: 12px 24px !important;border-radius: var(--r-full) !important;text-decoration:none !important;font-size: 17px !important;font-weight: 600 !important;color:#fff !important;isolation:isolate !important;transition: transform var(--dur) var(--ease)}
#hcRoot .goldpill:hover{transform:translateY(-2px)}
#hcRoot .goldpill::before{content:'' !important;position:absolute !important;inset:0 !important;border-radius: inherit !important;padding: 1.4px !important;background:linear-gradient(100deg,#8A6F3E,#C2A46B 22%,#FAFAFA 46%,#F0F3FB 54%,#C2A46B 76%,#8A6F3E) !important;background-size:260% 100% !important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;-webkit-mask-composite:xor !important;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;mask-composite:exclude !important;animation: sweep 4.2s linear infinite;z-index:-1 !important}
@keyframes sweep{from{background-position:0 0}to{background-position:-260% 0}}#hcRoot .eyebrow{display:inline-flex !important;font-size: 13px !important;font-weight: 600 !important;letter-spacing:.14em !important;color:#DCE4FF !important;background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.18) !important;padding: 8px 16px !important;border-radius: var(--r-full) !important;margin-bottom: 24px !important}
#hcRoot h1{font-size: clamp(32px,3.9vw,54px) !important;font-weight: 600 !important;line-height:1.09 !important;letter-spacing:-.03em !important}
#hcRoot h1 em{font-style:normal !important;background:linear-gradient(100deg,#CDD8FF,#fff 44%,#F0F3FB) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
#hcRoot .lede{margin-top: 16px !important;font-size: 17px !important;font-weight: 500 !important;line-height:1.7 !important;letter-spacing:.01em !important;color:rgba(255,255,255,.92) !important;max-width:560px !important}
#hcRoot .adv{margin-top: 32px !important;display:grid !important;gap: 16px !important}
#hcRoot .adv li{list-style:none !important;display:flex !important;align-items:center !important;gap: 12px !important;font-size: 17px !important;font-weight: 500 !important;line-height:1.5 !important;color:rgba(255,255,255,.94) !important}
#hcRoot .adv svg{width:14px !important;height:14px !important;stroke:#DCE4FF !important;stroke-width:2.6 !important;fill:none !important;stroke-linecap:round !important}
#hcRoot .adv .d{width:26px !important;height:26px !important;border-radius: 50% !important;display:grid !important;place-items:center !important;background:rgba(255,255,255,.13) !important;border:1px solid rgba(255,255,255,.2) !important;flex-shrink:0 !important}
#hcRoot .actions{display:flex !important;gap: 16px !important;margin-top: 32px !important;flex-wrap:wrap !important}
#hcRoot .hint{position:absolute !important;left:50% !important;bottom:26px !important;font-size: 12px !important;color:var(--ink-4) !important;letter-spacing:.18em !important;z-index:3 !important}
#hcRoot .lead{position:relative !important;z-index:2 !important;background:#111634 !important;display:flex !important;align-items:center !important}
#hcRoot .lead .in{max-width:1080px !important;margin: 0 auto !important;padding: 0 32px !important}
#hcRoot .lead p{font-size: clamp(32px,3.6vw,46px) !important;font-weight: 600 !important;line-height:1.34 !important;letter-spacing:-.02em !important}
#hcRoot .lead p span{color:rgba(255,255,255,.16) !important;transition: color 0.32s var(--ease),text-shadow 0.32s var(--ease)}
#hcRoot .lead p span.on{color:#fff !important;text-shadow:0 0 34px rgba(140,165,255,.45) !important}
#hcRoot .lead .k{font-size: 13px !important;letter-spacing:.3em !important;color:var(--gold-400) !important;margin-bottom: 24px !important}
#hcRoot .feat{position:relative !important;z-index:2 !important;background:#131838 !important;display:flex !important;align-items:center !important;overflow:hidden !important}
#hcRoot .feat .in{max-width:1120px !important;margin: 0 auto !important;position:relative !important;z-index:3 !important;display:grid !important;grid-template-columns:1.18fr .82fr !important;align-items:center !important}
@media (max-width:980px){#hcRoot .feat .in{grid-template-columns:1fr !important;}}#hcRoot .feat .side{display:flex !important;flex-direction:column !important;gap: 16px !important}
#hcRoot .feat .card{border:1px solid var(--line) !important;border-radius: 14px !important;padding: 20px 24px !important;}
#hcRoot .feat .stats{display:flex !important;gap: 32px !important;flex-wrap:wrap !important}
#hcRoot .feat .stats.grid4{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap: 16px 16px !important}
#hcRoot .feat .stat b{display:block !important;font-size: 34px !important;font-weight: 600 !important;letter-spacing:-.02em !important;}
#hcRoot .feat .stat s{display:block !important;font-size: 13px !important;margin-top: 4px !important;text-decoration:none !important}
#hcRoot .feat .shot{border-radius: 14px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size: 13px !important;color:var(--ink-4) !important;overflow:hidden !important}
#hcRoot .feat .shot img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:top left !important;display:block !important}
#hcRoot .feat .shot.has{border-style:solid !important;border-color:var(--line) !important}
#hcRoot .feat .mini{list-style:none !important;display:flex !important;flex-direction:column !important;gap: 8px !important}
#hcRoot .feat .mini li{font-size: 13px !important;padding-left: 16px !important;position:relative !important}
#hcRoot .feat .mini li::before{content:'' !important;position:absolute !important;left:0 !important;top:.62em !important;width:5px !important;height:5px !important;border-radius: 50% !important;background:var(--gold-400) !important}
#hcRoot .feat .k{font-size: 13px !important;letter-spacing:.3em !important;color:var(--gold-400) !important;margin-bottom: 20px !important}
#hcRoot .feat h2{font-size: clamp(22px,2.9vw,32px) !important;font-weight: 600 !important;letter-spacing:-.02em !important;line-height:1.22 !important;margin-bottom: 16px !important;position:relative !important}
#hcRoot .feat p{font-size: 17px !important;line-height:1.8 !important;color:var(--ink-2) !important;max-width:620px !important}
#hcRoot .feat .in > *,#hcRoot .bulletin .board,#hcRoot .dl .in > *{opacity:0}
#hcRoot .feat .tiles .tile,#hcRoot .feat .dims li{opacity:0}
#hcRoot .feat.on .in > *,#hcRoot .bulletin.on .board,#hcRoot .dl.on .in > *{animation: riseIn .62s var(--ease) both}
#hcRoot .feat.on .in > *:nth-child(2){animation-delay:.08s}
#hcRoot .feat.on .tiles .tile,#hcRoot .feat.on .dims li{animation: riseIn 0.32s var(--ease) both}
#hcRoot .feat.on .tiles .tile:nth-child(1),#hcRoot .feat.on .dims li:nth-child(1){animation-delay:.04s}
#hcRoot .feat.on .tiles .tile:nth-child(2),#hcRoot .feat.on .dims li:nth-child(2){animation-delay:.10s}
#hcRoot .feat.on .tiles .tile:nth-child(3),#hcRoot .feat.on .dims li:nth-child(3){animation-delay:.16s}
#hcRoot .feat.on .tiles .tile:nth-child(4),#hcRoot .feat.on .dims li:nth-child(4){animation-delay:.22s}
#hcRoot .feat.on .tiles .tile:nth-child(5),#hcRoot .feat.on .dims li:nth-child(5){animation-delay:.28s}
#hcRoot .feat.on .tiles .tile:nth-child(6){animation-delay:.34s}
@keyframes riseIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}#hcRoot .bulletin{position:relative !important;z-index:2 !important;background:#111634 !important;display:flex !important;align-items:center !important;justify-content:center !important;}
#hcRoot .bulletin .board{max-width:980px !important;width:100% !important;border:1px solid var(--line) !important;border-radius: 14px !important;padding: 48px 48px !important;position:relative !important;overflow:hidden !important}
#hcRoot .bulletin .board::before{content:'' !important;position:absolute !important;inset:0 !important;pointer-events:none !important;background-size:16px 16px !important;opacity:.55}
#hcRoot .bulletin .k{font-size: 13px !important;letter-spacing:.3em !important;color:var(--gold-400) !important;margin-bottom: 16px !important;position:relative !important}
#hcRoot .bulletin h2{font-size: clamp(22px,2.6vw,32px) !important;font-weight: 600 !important;margin-bottom: 20px !important;position:relative !important}
#hcRoot .bulletin ul{list-style:none !important;position:relative !important;display:flex !important;flex-direction:column !important;gap: 8px !important}
#hcRoot .bulletin li{font-size: 17px !important;line-height:1.85 !important;color:var(--ink-2) !important;position:relative !important}
#hcRoot .bulletin li::before{content:'' !important;position:absolute !important;left:0 !important;top:.72em !important;width:6px !important;height:6px !important;border-radius: 50% !important;background:var(--gold-400) !important}
#hcRoot .dl{position:relative !important;z-index:2 !important;background:#111634 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;}
#hcRoot .dl .px{position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;opacity:.75}
#hcRoot .dl .in{position:relative !important;z-index:3 !important}
#hcRoot .dl .k{font-size: 13px !important;letter-spacing:.3em !important;color:var(--gold-400) !important;margin-bottom: 24px !important}
#hcRoot .dl h2{font-size: clamp(32px,4.4vw,56px) !important;font-weight: 600 !important;letter-spacing:-.02em !important;margin-bottom: 12px !important;cursor:grab !important;user-select:none !important}
#hcRoot .dl h2 .fw{display:inline-block !important;will-change:transform}
#hcRoot .dl h2.dragging{cursor:grabbing !important}
#hcRoot .vipcard{position:relative !important;width:100% !important;grid-template-columns:280px 1fr !important;gap: 32px !important;}
#hcRoot .vipcard__l{display:flex !important;flex-direction:column !important;align-items:flex-start !important}
#hcRoot .vipcard__r{display:flex !important;flex-direction:column !important;justify-content:center !important;border-left:1px solid rgba(205,181,127,.30) !important;padding-left: 32px !important}
#hcRoot .vipcard .vipcard__btn{width:auto !important;align-self:flex-start !important}
@media (max-width:820px){#hcRoot .vipcard{grid-template-columns:1fr !important;gap: 16px !important}#hcRoot .vipcard__r{border-left:0 !important;padding-left: 0 !important;border-top:1px solid rgba(205,181,127,.30) !important;padding-top: 20px !important}}#hcRoot .socials{display:flex !important;flex-wrap:wrap !important;gap: 16px !important;margin-top: 16px !important}
#hcRoot .socials a{font-size: 13px !important;color:#8E8E93 !important;text-decoration:none !important}
#hcRoot .socials a:hover{color:#1D1D1F !important}
#hcRoot .vipcard__tag{font-size: 12px !important;letter-spacing:.16em !important;padding: 4px 16px !important;border-radius: 999px !important;white-space:nowrap !important}
#hcRoot .vipcard__price{font-weight: 600 !important;line-height:1 !important}
#hcRoot .vipcard__price s{font-weight: 400 !important;text-decoration:none !important;margin-left: 8px !important}
#hcRoot .vipcard__list{list-style:none !important;flex-direction:column !important;}
#hcRoot .vipcard__list li{padding-left: 20px !important;position:relative !important}
#hcRoot .vipcard__list li::before{content:'' !important;position:absolute !important;left:0 !important;top:.62em !important;width:6px !important;height:6px !important;border-radius: 50% !important;background:var(--gold-400) !important}
#hcRoot .vipcard__btn{margin-top: 24px !important;width:100% !important}
#hcRoot .foot{position:relative !important;z-index:2 !important;padding: 64px 32px 32px !important}
#hcRoot .foot .in{max-width:1080px !important;margin: 0 auto !important;display:grid !important;grid-template-columns:1.5fr 1fr 1fr 1fr !important;gap: 32px !important}
#hcRoot .foot .brand{font-size: 17px !important;font-weight: 600 !important;margin-bottom: 12px !important}
#hcRoot .foot .tag{font-size: 13px !important;line-height:1.8 !important;color:var(--ink-3) !important;max-width:300px !important}
#hcRoot .foot h4{font-size: 13px !important;letter-spacing:.14em !important;margin-bottom: 16px !important}
#hcRoot .foot a{display:block !important;font-size: 13px !important;color:var(--ink-2) !important;text-decoration:none !important;padding: 4px 0 !important;transition: color 0.16s var(--ease)}
#hcRoot .foot .bar{max-width:1080px !important;margin: 32px auto 0 !important;padding-top: 24px !important;border-top:1px solid var(--line) !important;display:flex !important;justify-content:space-between !important;gap: 16px !important;flex-wrap:wrap !important;font-size: 13px !important;}
@media (max-width:900px){#hcRoot .foot .in{grid-template-columns:1fr 1fr !important}}
#hcRoot .feat,#hcRoot .bulletin,#hcRoot .dl,#hcRoot .foot{background:#F6F7FB !important}
#hcRoot .feat,#hcRoot .bulletin,#hcRoot .dl{position:relative !important;overflow:hidden !important}
#hcRoot .feat::before,#hcRoot .bulletin::before,#hcRoot .dl::before{content:'' !important;position:absolute !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;background:radial-gradient(760px 400px at 10% -6%, rgba(79,107,237,.13), transparent 62%),
    radial-gradient(680px 360px at 92% 6%, rgba(178,120,255,.12), transparent 64%),
    radial-gradient(760px 460px at 66% 104%, rgba(90,200,235,.12), transparent 66%),
    radial-gradient(520px 300px at 30% 60%, rgba(255,120,190,.07), transparent 68%) !important}
#hcRoot .feat .in,#hcRoot .bulletin .board,#hcRoot .dl .in{position:relative !important;z-index:2 !important}
#hcRoot .feat h2,#hcRoot .bulletin h2,#hcRoot .dl h2{color:#1D1D1F !important}
#hcRoot .feat .k,#hcRoot .bulletin .k,#hcRoot .dl .k{color:#A88B52 !important}
#hcRoot .feat .card{background:#fff !important;}
#hcRoot .feat .stat b{color:#1D1D1F !important}
#hcRoot .feat .stat s{color:#8E8E93 !important}
#hcRoot .feat .mini li{color:#6E6E73 !important}
#hcRoot .feat .shot{border-color:#E8E8ED !important;}
#hcRoot .bulletin .board{background:#fff !important;border-color:#E8E8ED !important;}
#hcRoot .bulletin .board::before{background-image:radial-gradient(rgba(79,107,237,.10) 1px,transparent 1px) !important}
#hcRoot .foot{border-top-color:#E8E8ED !important}
#hcRoot .btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap: 8px !important;font-family:inherit !important;font-size: 17px !important;font-weight: 500 !important;line-height:1 !important;padding: 16px 24px !important;border-radius: 999px !important;cursor:pointer !important;white-space:nowrap !important;border:1px solid transparent !important;background:transparent !important;text-decoration:none !important;transition: border-color 200ms cubic-bezier(.16,1,.3,1),background-color 200ms cubic-bezier(.16,1,.3,1),transform 200ms cubic-bezier(.16,1,.3,1)}
#hcRoot .btn:hover{transform:translateY(-1px)}
#hcRoot .btn:active{transform:translateY(0)}
#hcRoot .btn:focus-visible{outline:2px solid #4F6BED !important;outline-offset:2px !important}
#hcRoot .c5hero .btn{color:#FFFFFF !important;border-color:rgba(255,255,255,.30) !important}
#hcRoot .c5hero .btn:hover{border-color:rgba(255,255,255,.55) !important;background:rgba(255,255,255,.06) !important}
#hcRoot .dl .btn,#hcRoot .vipcard .btn{color:#1D1D1F !important;border-color:#D8DAE2 !important}
#hcRoot .feat{min-height:auto !important}
#hcRoot .feat .in{gap: 64px !important}
#hcRoot .lead{min-height:44vh !important}
@media (max-width:980px){#hcRoot .feat .in{gap: 48px !important;}}@media (max-width:900px){#hcRoot nav.top{flex-wrap:wrap !important;gap: 12px 16px !important;padding: 16px 20px !important}#hcRoot nav.top .brand{flex:1 1 auto !important;min-width:0 !important;overflow:hidden !important}#hcRoot nav.top .brand b{font-size: 17px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;display:block !important}#hcRoot nav.top .links{order:3 !important;flex-basis:100% !important;justify-content:flex-start !important;gap: 4px !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important}#hcRoot nav.top .links::-webkit-scrollbar{display:none !important}#hcRoot nav.top .links a{padding: 8px 12px !important;font-size: 13px !important;white-space:nowrap !important}#hcRoot nav.top .goldpill{min-width:0 !important;padding: 12px 16px !important;font-size: 13px !important}}@media (max-width:900px){#hcRoot .c5hero{align-items:flex-start !important;padding: 104px 0 30vh !important}#hcRoot .globe-title{padding: 20px 24px !important}#hcRoot .globe-title b{font-size: 34px !important}#hcRoot .globe-title i{font-size: 12px !important;letter-spacing:.22em !important}#hcRoot .globe-title u{font-size: 12px !important;margin-top: 4px !important}#hcRoot .hint{bottom:14px !important;font-size: 12px !important}}#hcRoot .pagebody{position:relative !important;z-index:2 !important;background-repeat:no-repeat !important;background-size:100% 100% !important}
#hcRoot .feat,#hcRoot .bulletin,#hcRoot .dl{background:transparent !important}
#hcRoot .feat::before,#hcRoot .bulletin::before,#hcRoot .dl::before{display:none !important}
#hcRoot .foot{border-top:0 !important}
#hcRoot .foot .brand{color:#fff !important}
#hcRoot .foot .tag,#hcRoot .foot a{color:rgba(255,255,255,.64) !important}
#hcRoot .foot a:hover{color:#fff !important}
#hcRoot .foot h4{color:var(--gold-400) !important}
#hcRoot .foot .bar{color:rgba(255,255,255,.42) !important;border-top-color:rgba(255,255,255,.14) !important}
#hcRoot .feat .dims{list-style:none !important;flex-wrap:wrap !important;}
#hcRoot .feat .dims li{align-items:baseline !important;gap: 8px !important;}
#hcRoot .feat .mini.steps{margin-top: 24px !important}
#hcRoot .feat .mini.steps li{font-size: 17px !important;line-height:1.6 !important}
#hcRoot .feat .stats{justify-content:center !important}
#hcRoot .feat .stat{text-align:center !important}
#hcRoot .feat .card{border-color:#E7E9F2 !important}
#hcRoot .bulletin .board{box-shadow:0 12px 34px rgba(23,32,90,.08) !important}
#hcRoot .vipcard{border-color:rgba(205,181,127,.85) !important;}
#hcRoot .feat .in{padding: 112px 32px !important}
#hcRoot .bulletin{min-height:auto !important;padding: 112px 32px !important}
#hcRoot .dl{padding: 112px 32px !important}
@media (max-width:980px){#hcRoot .feat .in{padding: 76px 24px !important}#hcRoot .bulletin{padding: 76px 24px !important}#hcRoot .dl{padding: 76px 24px !important}}#hcRoot .feat.market .in{text-align:center !important}
#hcRoot .feat.market .notes{margin: 0 auto !important}
#hcRoot .feat .figs{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap: 32px 24px !important;margin: 48px 0 32px !important;text-align:center !important}
#hcRoot .feat .figs .fig b{display:block !important;font-size: clamp(46px,5.4vw,56px) !important;font-weight: 600 !important;letter-spacing:-.035em !important;color:#1D1D1F !important;line-height:1 !important;font-variant-numeric:tabular-nums !important}
#hcRoot .feat .figs .fig s{display:block !important;margin-top: 12px !important;font-size: 17px !important;font-weight: 500 !important;color:#1D1D1F !important;text-decoration:none !important}
#hcRoot .feat .figs .fig u{display:block !important;margin-top: 4px !important;font-size: 13px !important;text-decoration:none !important}
#hcRoot .feat .notes{max-width:820px !important}
#hcRoot .feat .note{font-size: 17px !important;line-height:1.85 !important;color:#6E6E73 !important;max-width:none !important}
#hcRoot .feat .note + .note{margin-top: 8px !important}
#hcRoot .feat .tiles.steps5{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap: 16px !important}
#hcRoot .feat .tiles.steps5 .tile{padding: 20px 16px !important}
#hcRoot .feat .tiles.steps5 .tile b{font-size: 17px !important}
#hcRoot .feat .tiles.steps5 .tile p{font-size: 13px !important;line-height:1.65 !important}
#hcRoot .feat .facts{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap: 12px 32px !important;margin-top: 32px !important;font-size: 17px !important;font-weight: 500 !important;color:#1D1D1F !important}
#hcRoot .feat .facts span{position:relative !important;padding-left: 16px !important}
#hcRoot .feat .facts span::before{content:'' !important;position:absolute !important;left:0 !important;top:.52em !important;width:7px !important;height:7px !important;border-radius: 50% !important;background:linear-gradient(135deg,#4F6BED,#8B5CF6) !important}
@media (max-width:1180px){#hcRoot .feat .tiles.steps5{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}@media (max-width:700px){#hcRoot .feat .tiles.steps5{grid-template-columns:1fr !important}}@media (max-width:980px){#hcRoot .feat .figs{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap: 32px 20px !important;margin: 32px 0 32px !important}}@media (max-width:560px){#hcRoot .feat .figs{grid-template-columns:1fr !important}}#hcRoot .dl{min-height:auto !important}
#hcRoot .bulletin{padding-bottom: 96px !important}
#hcRoot .dl{padding-top: 96px !important}
#hcRoot .feat h2,#hcRoot .feat .tile b,#hcRoot .feat .leadline,#hcRoot .feat .dims .n,#hcRoot .bulletin h2,#hcRoot .vipcard__name,#hcRoot .feat .note{text-wrap:balance !important}
#hcRoot .feat p,#hcRoot .feat .tile p,#hcRoot .feat .figs u,#hcRoot .bulletin li,#hcRoot .vipcard__list li{text-wrap:pretty !important}
#hcRoot .feat .head{text-align:center !important}
#hcRoot .feat .head h2{margin-left: auto !important;margin-right: auto !important}
#hcRoot .feat .head p{margin: 0 auto !important}
#hcRoot .bulletin .board{text-align:center !important}
#hcRoot .bulletin .board ul{text-align:left !important}
#hcRoot .feat .two{display:grid !important;margin-top: 16px !important}
@media (max-width:980px){#hcRoot .feat .two{grid-template-columns:1fr !important}}#hcRoot .feat .dims{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap: 16px !important;margin-top: 32px !important;padding: 0 !important}
#hcRoot .feat .dims li{display:block !important;padding: 16px 16px !important;border-radius: 14px !important;background:#fff !important;border:1px solid #E8E8ED !important;}
#hcRoot .feat .dims .n{display:block !important;font-size: 17px !important;font-weight: 600 !important;color:#1D1D1F !important}
#hcRoot .feat .dims .w{display:block !important;margin-top: 8px !important;color:#6E6E73 !important}
@media (max-width:1180px){#hcRoot .feat .dims{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}@media (max-width:980px){#hcRoot .feat .dims{grid-template-columns:1fr !important}}#hcRoot .feat .in.single{grid-template-columns:1fr !important;gap: 0 !important}
#hcRoot .feat .tiles{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap: 16px !important;margin-top: 32px !important}
#hcRoot .feat .tiles.col3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
#hcRoot .feat .tile{background:#fff !important;border:1px solid #E8E8ED !important;border-radius: 14px !important;padding: 24px 24px !important;}
#hcRoot .feat .tile b{display:block !important;font-weight: 600 !important;color:#1D1D1F !important}
#hcRoot .feat .tile p{color:#6E6E73 !important;max-width:none !important}
#hcRoot .feat .tile .tl{display:block !important;font-size: 12px !important;letter-spacing:.12em !important;color:#8E8E93 !important;margin-bottom: 8px !important}
@media (max-width:980px){#hcRoot .feat .tiles,#hcRoot .feat .tiles.col3{grid-template-columns:1fr !important}}#hcRoot .feat .leadline{font-size: 17px !important;font-weight: 600 !important;line-height:1.6 !important;color:#1D1D1F !important}
#hcRoot .feat .card .leadline + .mini{margin-top: 16px !important}
#hcRoot .feat .card .leadline + .stats{margin-top: 16px !important}
#hcRoot .feat .card .stats{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap: 8px !important;text-align:center !important}
#hcRoot .vipcard__list .tiny{display:block !important;margin-top: 4px !important;font-size: 13px !important;color:#9AA0AA !important}
#hcRoot .lede,#hcRoot .adv li{color:#FFFFFF !important}
#hcRoot .feat .tile,#hcRoot .feat .dims li,#hcRoot .feat .card{text-align:center !important}
#hcRoot .feat .card .mini,#hcRoot .feat .card .mini li{text-align:left !important}
#hcRoot .feat p,#hcRoot .feat .tile p,#hcRoot .feat .mini li,#hcRoot .feat .dims .w,#hcRoot .feat .note,#hcRoot .feat .mini.steps li,#hcRoot .bulletin li{color:#55595F !important}
#hcRoot .feat .figs .fig u{color:#7A808A !important}
#hcRoot .feat .tiles.steps5,#hcRoot .feat .dims{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap: 16px !important;margin-top: 48px !important}
#hcRoot .feat .tiles.steps5 .tile,#hcRoot .feat .dims li{grid-column:span 2 !important}
#hcRoot .feat .tiles.steps5 .tile:nth-child(4),#hcRoot .feat .dims li:nth-child(4){grid-column:2 / span 2 !important}
#hcRoot .feat .tiles.steps5 .tile:nth-child(5),#hcRoot .feat .dims li:nth-child(5){grid-column:4 / span 2 !important}
@media (max-width:980px){#hcRoot .feat .tiles.steps5,#hcRoot .feat .dims{grid-template-columns:1fr !important}#hcRoot .feat .tiles.steps5 .tile,#hcRoot .feat .dims li,#hcRoot .feat .tiles.steps5 .tile:nth-child(4),#hcRoot .feat .dims li:nth-child(4),#hcRoot .feat .tiles.steps5 .tile:nth-child(5),#hcRoot .feat .dims li:nth-child(5){grid-column:auto !important}}#hcRoot .feat .figs.pair{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap: 0 !important;margin: 48px 0 32px !important}
#hcRoot .feat .figp{display:flex !important;flex-direction:column !important;gap: 24px !important;}
#hcRoot .feat .figp + .figp{border-left:1px solid rgba(79,107,237,.16) !important}
@media (max-width:980px){#hcRoot .feat .figs.pair{grid-template-columns:1fr !important}#hcRoot .feat .figp + .figp{border-left:0 !important;border-top:1px solid rgba(79,107,237,.16) !important;padding-top: 24px !important}}#hcRoot .bulletin .board ul{max-width:none !important;width:fit-content !important;margin: 0 auto !important;display:flex !important;flex-direction:column !important;gap: 12px !important}
#hcRoot .bulletin li{text-align:left !important;padding-left: 20px !important}
#hcRoot .feat .dims .e{display:inline-block !important;margin-top: 8px !important;padding: 4px 12px !important;border-radius: 999px !important;background:rgba(79,107,237,.10) !important;border:1px solid rgba(79,107,237,.18) !important;font-size: 12px !important;font-weight: 600 !important;letter-spacing:.14em !important;color:#4F6BED !important;text-transform:none !important}
#hcRoot .feat .tile .tl,#hcRoot .feat .dims .e{margin: 8px 0 0 !important;}
#hcRoot .dl{padding-bottom: 184px !important}
#hcRoot .foot .socials{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap: 16px !important;margin-top: 16px !important}
#hcRoot .foot .socials a{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding: 0 !important;width:auto !important;height:auto !important;border:0 !important;border-radius: 0 !important;background:none !important;color:rgba(255,255,255,.72) !important;transition: color 0.16s var(--ease),transform 0.16s var(--ease)}
#hcRoot .foot .socials a:hover{color:#fff !important;background:none !important;transform:translateY(-2px)}
#hcRoot .foot .socials svg{width:22px !important;height:22px !important;display:block !important}
#hcRoot .accel{height:0 !important}
#hcRoot{background:#EDF1FC !important}
#hcRoot .pagebody{background-color:#F0F3FB !important;background-image:radial-gradient(1500px 950px at 6% 3%, rgba(124,92,255,.20), transparent 62%),
  radial-gradient(1300px 950px at 96% 20%, rgba(205,181,127,.17), transparent 64%),
  radial-gradient(1400px 1050px at 12% 50%, rgba(88,140,255,.18), transparent 66%),
  radial-gradient(1200px 950px at 88% 76%, rgba(150,120,255,.15), transparent 68%),
  radial-gradient(1000px 760px at 42% 100%, rgba(148,162,190,.13), transparent 70%) !important}
#hcRoot .pagebody::before{content:'' !important;position:absolute !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;opacity:.55;mix-blend-mode:soft-light !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E") !important}
#hcRoot .pagebody > *{position:relative !important;z-index:2 !important}
#hcRoot .feat .card,#hcRoot .feat .tile,#hcRoot .feat .dims li,#hcRoot .bulletin .board{border-color:#E3E8F7 !important}
#hcRoot .foot{background:linear-gradient(158deg,#2C38AC 0%,#242D8A 46%,#171C60 100%) !important}
#hcRoot .globe-title{background:radial-gradient(closest-side,rgba(14,18,72,.50),rgba(14,18,72,.18) 62%,transparent) !important}
#hcRoot .feat .tile,#hcRoot .feat .dims li,#hcRoot .feat .card,#hcRoot .bulletin .board{background:rgba(255,255,255,.66) !important;-webkit-backdrop-filter:blur(22px) saturate(175%) !important;backdrop-filter:blur(22px) saturate(175%) !important;border:1px solid rgba(255,255,255,.78) !important;
    inset 0 1px 0 rgba(255,255,255,.9) !important}
#hcRoot .feat .tile,#hcRoot .feat .dims li{padding: 24px 24px 32px !important}
#hcRoot .feat .tile b{font-size: 17px !important;letter-spacing:-.012em !important}
#hcRoot .feat .tile p{font-size: 13px !important;line-height:1.75 !important;margin-top: 8px !important}
#hcRoot .feat .tile .tl{margin-top: 12px !important}
#hcRoot .feat .dims .n{letter-spacing:-.012em !important}
#hcRoot .feat .dims .w{font-size: 13px !important;line-height:1.7 !important}
#hcRoot .feat .tiles,#hcRoot .feat .dims{gap: 16px !important}
#hcRoot .feat .two{gap: 16px !important}
#hcRoot .feat .shot{height:auto !important;border:0 !important;background:none !important}
#hcRoot .feat .shot img{border:1px solid rgba(255,255,255,.75) !important;}
#hcRoot .feat .shotcard{padding: 16px 16px 16px !important}
#hcRoot .feat .shotcard .cap{font-size: 13px !important;line-height:1.6 !important;color:#7A808A !important;margin-top: 16px !important;padding: 0 8px !important}
#hcRoot .dl .btn,#hcRoot .vipcard .btn{transition: transform .22s var(--ease),background-color .22s var(--ease),
  border-color .22s var(--ease),box-shadow .22s var(--ease)}
#hcRoot .dl .btn:hover,#hcRoot .vipcard .btn:hover{background:rgba(255,255,255,.92) !important;border-color:#C7CCDC !important;}
#hcRoot .dl .btn:active,#hcRoot .vipcard .btn:active{transform:scale(.985)}
#hcRoot .dl .btn:focus-visible,#hcRoot .vipcard .btn:focus-visible{outline:2px solid #4F6BED !important;outline-offset:3px !important}
#hcRoot .vipcard{background:linear-gradient(180deg,rgba(255,253,247,.94),rgba(255,255,255,.88)) !important;-webkit-backdrop-filter:blur(22px) saturate(175%) !important;backdrop-filter:blur(22px) saturate(175%) !important}
#hcRoot .feat .two{grid-template-columns:1fr 1.06fr !important}
#hcRoot .feat .k,#hcRoot .bulletin .k{display:inline-block !important;font-size: 17px !important;font-weight: 600 !important;letter-spacing:.14em !important;color:#8A6F3E !important;padding: 8px 16px !important;border-radius: 999px !important;border:1px solid rgba(205,181,127,.6) !important;background:linear-gradient(180deg,#FFFDF6,#FAF4E7) !important}
#hcRoot .feat h2,#hcRoot .bulletin h2{font-size: clamp(32px,3.2vw,32px) !important;font-weight: 600 !important;letter-spacing:-.025em !important;line-height:1.2 !important;color:#1D1D1F !important}
#hcRoot .feat .head p,#hcRoot .feat .lead,#hcRoot .feat .head > p{font-size: 17px !important;line-height:1.75 !important;color:#6E6E73 !important}
#hcRoot .feat p,#hcRoot .bulletin li{font-size: 17px !important;line-height:1.75 !important;color:#5B6068 !important}
#hcRoot .feat .tile b,#hcRoot .feat .dims .n,#hcRoot .feat .leadline{font-size: 17px !important;font-weight: 600 !important;letter-spacing:-.012em !important;color:#1D1D1F !important}
#hcRoot .feat .tile p,#hcRoot .feat .dims .w{font-size: 13px !important;line-height:1.72 !important;color:#6E6E73 !important}
#hcRoot .feat .figs.pair .fig u,#hcRoot .feat .shotcard .cap,#hcRoot .feat .note{font-size: 13px !important;line-height:1.7 !important;color:#86868B !important}
#hcRoot .feat .tile .tl,#hcRoot .feat .dims .e{display:inline-block !important;margin-top: 8px !important;padding: 4px 12px !important;border-radius: 999px !important;font-size: 12px !important;font-weight: 600 !important;letter-spacing:.06em !important;color:#4F6BED !important;background:rgba(79,107,237,.07) !important;border:1px solid rgba(79,107,237,.16) !important}
#hcRoot .feat .figs.pair .fig b{font-size: clamp(32px,3.1vw,42px) !important;font-weight: 400 !important;letter-spacing:-.03em !important;color:#1D1D1F !important;font-variant-numeric:tabular-nums !important;line-height:1.05 !important}
#hcRoot .feat .figs.pair .fig s{font-size: 13px !important;font-weight: 600 !important;letter-spacing:0 !important;color:#1D1D1F !important;margin-top: 12px !important}
#hcRoot .feat .figs.pair .fig u{font-size: 13px !important;color:#86868B !important;margin-top: 4px !important;letter-spacing:.02em !important}
#hcRoot .feat .figp{padding: 4px 24px !important}
#hcRoot .feat .card .jdmap{list-style:none !important;margin: 16px 0 0 !important;padding: 0 !important;text-align:left !important;display:flex !important;flex-direction:column !important}
#hcRoot .feat .card .jdmap li{display:flex !important;align-items:baseline !important;justify-content:space-between !important;gap: 12px !important;padding: 8px 0 !important;border-bottom:1px solid rgba(205,181,127,.22) !important;font-size: 13px !important;line-height:1.6 !important}
#hcRoot .feat .card .jdmap li:last-child{border-bottom:0 !important}
#hcRoot .feat .card .jdmap .jd{color:#6E6E73 !important}
#hcRoot .feat .card .jdmap b{color:#8A6F3E !important;font-weight: 600 !important;white-space:nowrap !important}
#hcRoot .feat .card .jdmap + .mini{margin-top: 16px !important}
#hcRoot .feat .mini li{text-wrap:balance !important}
#hcRoot .feat .tile,#hcRoot .feat .dims li,#hcRoot .feat .card,#hcRoot .bulletin .board{border-radius: 18px !important}
#hcRoot .feat .shot img{border-radius: 14px !important}
#hcRoot .feat .tile .tl,#hcRoot .feat .dims .e,#hcRoot .feat .facts span::before{border-radius: 999px !important}
#hcRoot .dl{text-align:center !important}
#hcRoot :focus-visible{outline:2px solid #4F6BED !important;outline-offset:2px !important}
#hcRoot .foot :focus-visible,#hcRoot .c5hero :focus-visible{outline-color:#FFFFFF !important}
#hcRoot .vipcard{display:block !important;max-width:720px !important;margin: 0 auto !important;padding: 32px 32px 32px !important;text-align:center !important;border:1px solid rgba(205,181,127,.85) !important;
  /* 材质模型（没有任何直线图案）：真实材质颗粒 → 左上一团柔光 → 纵向微光 → 象牙底
     Peter 2026-10-12：斜纹不好看 ⇒ 只用"受光 + 材质"，不用几何纹。 */
  background-image:
    url("/assets/img/card-weave-grain-512.jpg"),
    radial-gradient(120% 88% at 16% 0%,rgba(255,255,255,.92),rgba(255,255,255,0) 58%),
    linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 44%,rgba(168,139,82,.055) 100%),
    linear-gradient(180deg,#FFFDF6 0%,#FFF9EC 44%,#FFFFFF 100%);   /* 只有最上面那层真实颗粒做 soft-light，其余正常叠 */
  /* 厚度：上沿一道高光 + 底部一层内影（同一个"实体感"，不是叠两套效果） */
  box-shadow:0 2px 4px rgba(120,96,40,.06),0 26px 60px rgba(120,96,40,.16),
    inset 0 1px 0 rgba(255,255,255,.95),inset 0 -22px 44px rgba(168,139,82,.08)}
#hcRoot .vipcard__tag{position:absolute !important;top:-12px !important;left:50% !important;transform:translateX(-50%);background:linear-gradient(100deg,#C2A46B,#F0E4CC 50%,#C2A46B) !important;color:#3A2E17 !important;font-weight: 600 !important}
#hcRoot .vipcard__name{font-size: 13px !important;letter-spacing:.2em !important;color:#A88B52 !important;margin-bottom: 16px !important}
#hcRoot .vipcard__price{font-size: 56px !important;letter-spacing:-.04em !important;color:#1D1D1F !important;font-variant-numeric:tabular-nums !important}
#hcRoot .vipcard__price s{font-size: 17px !important;color:#86868B !important}
#hcRoot .vipcard__note{font-size: 13px !important;color:#6E6E73 !important;margin-top: 12px !important}
#hcRoot .vipcard__btn{margin: 24px auto 0 !important;display:inline-flex !important;padding: 16px 32px !important;border:0 !important;border-radius: 999px !important;background:linear-gradient(100deg,#C2A46B,#E4D2AC 52%,#A88B52) !important;color:#3A2E17 !important;font-weight: 600 !important;}
#hcRoot .vipcard__btn:hover{filter:brightness(1.04) !important;box-shadow:0 16px 34px rgba(168,139,82,.4) !important}
#hcRoot .vipcard__foot{margin-top: 12px !important;font-size: 13px !important;color:#8E8E93 !important}
#hcRoot .vipcard__list{display:grid !important;grid-template-columns:1fr 1fr !important;gap: 8px 24px !important;max-width:600px !important;margin: 24px auto 0 !important;padding-top: 24px !important;border-top:1px solid rgba(205,181,127,.35) !important;text-align:left !important}
#hcRoot .vipcard__list li{font-size: 13px !important;line-height:1.7 !important;color:#4E5560 !important}
@media (max-width:820px){#hcRoot .vipcard__list{grid-template-columns:1fr !important}}@media (prefers-reduced-motion:reduce){#hcRoot *{animation: none!important;transition: none!important}#hcRoot .feat .in > *,#hcRoot .bulletin .board,#hcRoot .dl .in > *,#hcRoot .feat .tiles .tile,#hcRoot .feat .dims li{opacity:1!important}}
/* ===== CTO 落地适配层（追加）—— 覆盖 CDO 稿的"整页 fixed 底"与全局定位，收进封面容器内 ===== */
#homeCover{position:relative !important;width:100% !important;overflow:hidden !important;isolation:isolate !important;background:#0B1020 !important}
/* 切走首页时隐藏整块：**不用 display:none**（会触发全量重排 ⇒ 每次切页 ~60ms 卡顿帧），
 * 改用浏览器为此设计的 content-visibility:hidden（跳过渲染、保留结构）—— Peter 实测"切页会卡"的根因。 */
#homeCover.hc-off{content-visibility:hidden !important;contain-intrinsic-size:0 0 !important}
/* —— 全站统一导航（Peter 2026-10-13：「导航栏回到刚才最后该完成的效果 全页面统一」）——
 *  V4 顶栏全站下线；封面顶栏**全站显示**（同一个 DOM 元素 ⇒ 切页看不到差别）；
 *  非首页必须给内容留让位（封面顶栏是 absolute，不留位会压住内容）；非首页文字转深色 + 浅底原版 logo + 金边胶囊。 */
body nav.nav{display:none !important}
body:not(.hc-home) .main{padding-top: 104px !important}
body:not(.hc-home) #hcRoot #hcNav nav.top{color:#1D1D1F !important}
body:not(.hc-home) #hcRoot #hcNav nav.top .links a{color:rgba(29,29,31,.72) !important}
body:not(.hc-home) #hcRoot #hcNav nav.top .links a:hover:not(.on){color:#1D1D1F !important;background:rgba(29,29,31,.07) !important}
body:not(.hc-home) #hcRoot #hcNav nav.top .links a.on{color:#fff !important;background:#4F6BED !important}
body:not(.hc-home) #hcRoot #hcNav nav.top .goldpill{color:#8A6F3E !important;border-color:rgba(194,164,107,.9) !important;background:transparent !important}
body:not(.hc-home) #hcRoot #hcNav nav.top .brand-lockup.bk-dark{display:none !important}
body:not(.hc-home) #hcRoot #hcNav nav.top .brand-lockup.bk-light{display:block !important}
/* 迁进来的「消息铃+头像」在浅底页要转深色（在首页保持白色） */
body:not(.hc-home) #hcRoot #hcNav .nav-user,body:not(.hc-home) #hcRoot #hcNav .nav-user *{color:#1D1D1F !important}
body:not(.hc-home) #hcRoot #hcNav .nav-user svg{stroke:#1D1D1F !important}
/* 它自带的「登录 / 注册」按钮与封面顶栏的胶囊重复 ⇒ 在封面顶栏里一律隐藏
 * （用 CSS 而不是运行期删除：V4 会在登录态重写 #userInfo.innerHTML，删掉会被它重建） */
#hcNav .nav-user .login-btn{display:none !important}
/* —— 导航条本体（Peter 2026-10-13：「不该出现这个深蓝色的背景条」）——
 *   **不加任何底色**，按设计稿那样浮在封面之上（首页）；其它页面文字转深色以保证可读（结构/尺寸/品牌/胶囊完全一致，只随底色换字色）。—— */
/* Peter 2026-10-13：「导航栏要锁定不要跟随滑动飘逸」⇒ fixed 钉死；「藏蓝 + 毛玻璃」⇒ 更深更实（白字与白 logo 才立得住）；
 *   「点击反馈有延时」⇒ 交互 transition 收到 60ms（近乎瞬时）。页面内容整体让出 94px（= 38 高 logo + 上下 28 内距）。 */
/* —— Peter 2026-10-13 最终定稿：**照源文件来** ——
 *  源文件里导航是「absolute + **透明底**」（浮在封面之上、随页面滚走、不含任何背景条），实测源文件 47fps、我加的深色固定条+毛玻璃才是卡顿来源。
 *  ⇒ 首页：**透明底**（白色字与反白 logo，浮在封面上 = 源文件原样）；其它页：**浅色玻璃**（白底半透明 + 深字，保证可读）。
 *  任一页都**不遮挡内容**（其它页给内容留 104px 顶距）·**不跟随滚动**（absolute 随页面滚走）。 */
#hcNav{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;z-index:60 !important;background:transparent !important;border-bottom:1px solid transparent !important}
/* 首页也保留 1px 透明下边框：非首页那条 1px 分隔线否则会让导航由 107px 变 108px（切页时"抖 1px"） */
/* 2026-10-13 回退：非首页**不再**给 .main 加 104px 让位、**不再**改 .main 的 transition、
 * 封面顶栏在非首页整条收起（display:none 见上）⇒ 子页面内容起点/布局与换首页之前完全一致。 */
/* ==================== 全站页面基线（唯一来源 · Peter 2026-10-13）====================
 *  统一四件事：内容起点 / 容器最大宽 / 区块纵向间距 / 卡片外距。
 *  想改基线只改下面这组 token；页面不要各写各的值。
 *  可复用容器类 = .page-base（最大宽 + 居中 + 左右内距 + 一级块间距）。 */
/* 2026-10-13 回退：--page-top 与 body:not(.hc-home) .main{padding-top} 全撤 ——
 *  子页面内容起点回到 V4 原值（不再给封面顶栏让位，因为非首页用的是 V4 自己的顶栏）。 */
/* 2026-10-13 回退：曾为治「自习室切页左右位移」加的 html{overflow-y:scroll}（让滚动条常显）
 * 属于**全站**改动（会在不需要滚动条的页面也显示滚动条）⇒ 按 Peter「其他页面要完全一致」撤回。 */
/* ================= 2026-10-13 回退记录（Peter：「所有导航栏的子集页面都发生了灾难性变化」）=================
 *  曾经加过一套「全站统一基线」：.page-base{max-width:1200px; 居中; 左右 24px 内距} + 一级块间距强制 16px。
 *  实测代价（1570×1198）：大课堂/自习室/工具合集 内容宽 1400 → 1152（收窄 248px），成长 1200 → 1152，
 *  一级块间距 0,0,14 / 0,0,0,10 → 全部 16px —— **所有子页面观感都被改窄、改紧了**。
 *  ⇒ 整套**.page-base 宽度/间距规则已删除**（含 JS 打标 baseMark 的调用）。原设计尺寸一律按站内自己来。
 *  只保留「不改变观感」的三件事：① html 滚动条常显（治左右位移，见上）② 先空后撑容器预留占位
 *  ③ 连点不重播入场动画。若要做基线统一，必须先由 Peter/CDO 定死宽度与间距值，再落地。 */
/* 2026-10-13 回退：以下为"子页面曾被我改动"的部分，全部撤销（Peter：要完全一致）——
 *  · 容器占位预留（#fdeToolsFilterBar / #toolContent / .v17-growth-wrap / .jobs-wrap / 成长 5 个聚合卡）
 *  · 连点不重播入场动画（body.hc-fast 抑制 pageIn / fdeIn）
 *  · 非首页封面顶栏的深色字/金胶囊/logo 变体切换（顶栏在非首页已整条 display:none，无需再改字色） */
/* 首页那枚胶囊：**不要黄色边**（Peter：不要让首页的按钮有个黄色边）⇒ 白描边 + 白字 */
body.hc-home #hcRoot #hcNav nav.top .goldpill{color:#fff !important;border-color:rgba(255,255,255,.55) !important;background:transparent !important}
body.hc-home #hcRoot #hcNav nav.top .goldpill:hover{background:rgba(255,255,255,.14) !important;border-color:#fff !important}
#hcRoot #hcNav a,#hcRoot #hcNav button{transition: background-color .06s linear,color .06s linear,border-color .06s linear,transform .06s linear !important}
/* —— 浅底页面的胶囊：去掉白底（设计稿胶囊自带 rgba(255,255,255,.12) 半透明白底，在浅底上会变成"白框"），改金边金字 —— */
/* 品牌标志：任何页面都不许给它加底色/描边（图2 的"白方块"就是这个） */
/* 品牌：整条横排锁定（含下面那行英文）——高度 64px、宽度自适应、绝不加底色/描边/圆角（避免"切图痕迹"观感） */
#hcNav nav.top .brand-lockup{height:38px !important;width:auto !important;display:block !important;flex:0 0 auto !important;background:transparent !important;border:0 !important;border-radius: 0 !important;object-fit:contain !important}
/* 两个 logo 变体自动换（Peter 2026-10-13：「不管什么页面都要能看见 logo 全部内容」）
 *  同一几何、只有字标颜色不同：首页深底=反白版；其它页浅色玻璃=近黑原版。
 *  为什么必须两个：品牌原图字标本身是纯白，浅底上必然看不见（不是缩放/裁切问题）。 */
/* 非首页的那两条变体切换已撤（顶栏在非首页整条收起）；首页只显示深底反白版。 */
#hcNav nav.top .brand-lockup.bk-light{display:none !important}
#hcNav nav.top{position:relative !important;left:auto !important;right:auto !important;top:0 !important;max-width:1240px !important;margin: 0 auto !important;display:flex !important;align-items:center !important;background:transparent !important;backdrop-filter:none !important;border:0 !important;}
/* V4 的消息铃/头像菜单（已迁入本导航）：在深底上统一成白色 */
#hcNav .nav-user{display:flex !important;align-items:center !important;gap: 12px !important;margin-left: 16px !important}
#hcNav .nav-user, #hcNav .nav-user *{color:#fff !important}
#hcNav .nav-user svg{stroke:#fff !important}
#hcNav .nav-user img{border:1px solid rgba(255,255,255,.35) !important}
/* 2026-10-13 回退：以下"把其它页面顶栏改成首页那套"（nav.nav 品牌图形/品牌字/按钮/登录胶囊）**全部撤除** ——
 *  Peter：「除封面外，其他页面必须回到更换页面之前的状态，完全一致」⇒ V4 顶栏按站内原样式渲染。 */
/* —— 附件1/3（Peter 最后冲刺）：两处导航**统一**：胶囊尺寸/字号/字重、链接字号、品牌字号两边一致（首页那枚与其它页那枚看起来要一模一样）—— */
/* 导航内元素统一尺寸（唯一导航，全站一致） */
#hcNav nav.top .goldpill{min-height:44px !important;padding: 12px 24px !important;font-size: 17px !important;font-weight: 600 !important;border-radius: 999px !important}
#hcNav nav.top .links a{font-size: 17px !important;font-weight: 500 !important}
#hcNav nav.top .brand b{font-size: 17px !important;font-weight: 600 !important;letter-spacing:-.01em !important}
#hcNav nav.top{padding: 32px 32px !important}   /* 品牌锁定图 38px 高（缩小 40%）⇒ 上下内距 28px，导航总高仍 ≈94px */
/* —— Peter 2026-10-13：**导航按钮的低级反馈（hover / 按下 / 键盘焦点）要随底色反差调对** ——
 *  深底（首页）：文字转纯白 + 淡白药丸底 + 白色焦点环 · 浅底（其它页）：文字转近黑 + 淡灰药丸底 + 品牌蓝焦点环
 *  选择器统一用「2 个 id」压过设计稿的 !important 墙。 */
/* 链接：hover / 按下 */
/* —— Peter 2026-10-13（彻底解决"首页一直有选中反馈 + 悬停也出现反馈，两种反馈同时出现"）——
 *  把两种反馈做成**明确两级、绝不混淆**：
 *   · 当前页（.on）= **实心品牌蓝药丸 + 白字**（深浅底完全一致，一眼看出"我在这一页"）
 *   · 鼠标悬停（非当前页）= **极淡一层底色**（深底淡白 / 浅底淡灰），不与当前页撞脸
 *   · 悬停在"当前页"上不再叠加（避免两层反馈同时出现） */
body.hc-home #hcRoot #hcNav nav.top .links a:hover:not(.on){color:#fff !important;background:rgba(255,255,255,.10) !important}
body.hc-home #hcRoot #hcNav nav.top .links a:active{transform:translateY(1px) !important}
/* 当前页：实心品牌蓝 + 白字（两套底色一致；hover 不再改变它） */
body.hc-home #hcRoot #hcNav nav.top .links a.on,
/* 键盘焦点环：深底白、浅底品牌蓝（2px） */
body.hc-home #hcRoot #hcNav nav.top a:focus-visible{outline:2px solid #fff !important;outline-offset:3px !important;border-radius: 999px !important}
/* 金色胶囊：hover/按下/焦点（两套底色通用，只调反馈强度） */
/* ==================== 全站字体规范 v1（Peter 2026-10-13 任务一）====================
 *  ① 字体：中文主字体 PingFang SC → Microsoft YaHei → 站内 webfont Noto Sans SC（已带 font-display:swap + unicode-range 分包）
 *          英文/数字同栈拉丁：SF Pro Display → Helvetica Neue → Arial；数字一律 tabular-nums（表格数字，等宽对齐）
 *  ② 禁止伪粗体/伪斜体：font-synthesis:none —— 中文只允许真实字重
 *  ③ 四档（本屏落地；全站套用属范围性改动，待 Peter 批准后再铺开）
 *          标题 40/700/1.25/-0.01em · 正文 15/400/1.8/0.01em · 辅助 12.5/400/1.7/0.02em · 数字 40/700/1.05/-0.02em(tabular)
 *  ④ 同屏只用三级灰：**按底色选一套** —— 深底用白色系（#FFF / .72 / .5），浅底用墨色系（#0B1020 / .72 / .5）。
 *     ⚠ 本屏（#f1 市场屏）是**浅底** ⇒ 必须用墨色系（第一版我错用了深底白色系，文字整片发白看不清）。
 *  ⑤ 正文每行 ≤24 汉字（≈24em）：靠 max-width 控，不用 br 手动断行 */
:root{
  --font-cjk:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
  --font-latin:"SF Pro Display","Helvetica Neue",Arial,system-ui,sans-serif;
  --font-num:"SF Pro Display","Helvetica Neue",Arial,system-ui,sans-serif;
  --t-title:700 40px/1.25 var(--font-cjk);
  --t-body:400 15px/1.8 var(--font-cjk);
  --t-aux:400 12.5px/1.7 var(--font-cjk);
  --t-num:700 40px/1.05 var(--font-num);
  --ls-title:-.01em; --ls-body:.01em; --ls-aux:.02em; --ls-num:-.02em;
  --ink-1:#FFFFFF; --ink-2:rgba(255,255,255,.72); --ink-3:rgba(255,255,255,.5);      /* 深底 */
  --ink-d1:#0B1020; --ink-d2:rgba(11,15,26,.72); --ink-d3:rgba(11,15,26,.5);          /* 浅底 */
}
/* 本屏是浅底 ⇒ 下面这一屏的规则一律用墨色三级灰（--ink-d*），不用深底白色系 */
/* 样板屏：#f1「市场不缺岗位，缺能上手的人」 */
#hcRoot #homeCover .feat.market,#hcRoot #homeCover .feat.market *{font-synthesis:none !important}
#hcRoot #homeCover .feat.market h2{font: var(--t-title) !important;font-family:var(--font-cjk) !important;letter-spacing:var(--ls-title) !important;color:var(--ink-d1) !important;max-width:20em !important;margin: 0 auto !important}
#hcRoot #homeCover .feat.market .k{font: var(--t-aux) !important;font-family:var(--font-cjk) !important;letter-spacing:var(--ls-aux) !important;color:var(--ink-d3) !important}
#hcRoot #homeCover .feat.market .note{font: var(--t-body) !important;font-family:var(--font-cjk) !important;letter-spacing:var(--ls-body) !important;line-height:1.8 !important;color:var(--ink-d2) !important;max-width:none !important;text-wrap:pretty !important}
#hcRoot #homeCover .feat.market .fig b{font: var(--t-num) !important;font-family:var(--font-num) !important;letter-spacing:var(--ls-num) !important;font-variant-numeric:tabular-nums !important;color:var(--ink-d1) !important}
#hcRoot #homeCover .feat.market .fig s{font: 500 13px/1.4 var(--font-cjk) !important;color:var(--ink-d2) !important}
#hcRoot #homeCover .feat.market .fig u{font: var(--t-aux) !important;font-family:var(--font-cjk) !important;color:var(--ink-d3) !important;text-decoration:none !important}
#hcRoot #homeCover .feat.market .notes{max-width:none !important}
/* 数字块：数字大号 + 单位小一号，竖向成块、口径为辅助灰 */
#hcRoot #homeCover .feat.market .fig{display:flex !important;flex-direction:column !important;gap: 4px !important}
#hcRoot #homeCover .feat.market .fig s{margin-top: 4px !important}
@media (max-width:900px){
  #hcRoot #homeCover .feat.market h2{font-size: 34px !important;line-height:1.3 !important}
  #hcRoot #homeCover .feat.market .fig b{font-size: 34px !important}
}
/* 工具页左上角那行大字（与导航"工具合集"重复）去掉；说明文字保留 ——
 * Peter 2026-10-13：「回到刚才退回前导航栏的一致」⇒ 按退回前的样子恢复这条
 * （预退版工具页导航下没有这个重复大字；导航本体两版本就一致）。 */
#page-tools .tip-box.page-kv > h4{display:none !important}
/* 恢复的合规披露：小字、左对齐、可读灰（不抢视觉） */
#hcRoot footer.foot .bar{align-items:flex-start !important}
#hcRoot footer.foot .bar .hc-compliance{max-width:720px !important;margin: 0 !important;padding: 0 !important;text-align:right !important}
#hcRoot footer.foot .hc-compliance p{font-size: 13px !important;line-height:1.7 !important;color:rgba(255,255,255,.62) !important;margin: 0 !important;white-space:normal !important}
/* 封底文字链接：按下反馈（原来只有 hover ⇒ 与导航/按钮的反馈分级不统一；Peter 2026-10-13 指出） */
#hcRoot footer.foot a:active{opacity:.7 !important}
/* 品牌图不可点就不给反馈（避免"看着能点"的误判） */
#hcRoot #hcNav nav.top .brand-lockup{pointer-events:none !important}
/* —— 单主题（深蓝玻璃）下的反馈分级（Peter：两种反馈不能撞脸）——
 *  当前页 = **实心品牌蓝药丸 + 白字 + 投影**；悬停 = **极淡白**（且悬停当前页不叠加）；键盘焦点 = 白环。 */
#hcRoot #hcNav nav.top .links a.on{color:#fff !important;background:#4F6BED !important;box-shadow:0 4px 12px rgba(79,107,237,.35) !important}
#hcRoot #hcNav nav.top .links a:hover:not(.on){color:#fff !important;background:rgba(255,255,255,.12) !important}
#hcRoot #hcNav nav.top .links a:active{transform:translateY(1px) !important}
/* 焦点环只给键盘用户（Peter 图1：点击后残留白环） */
body.kb #hcRoot #hcNav nav.top a:focus-visible{outline:2px solid #fff !important;outline-offset:3px !important;border-radius: 999px !important}
body:not(.kb) #hcRoot #hcNav nav.top a:focus-visible{outline:none !important}
#hcRoot #hcNav nav.top .goldpill{color:#fff !important;background:transparent !important;border-color:rgba(255,255,255,.35) !important}
#hcRoot #hcNav nav.top .goldpill:hover{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.6) !important}
#hcRoot #hcNav nav.top .goldpill:active{transform:translateY(1px) !important}
#hcNav nav.top .brand{display:flex !important;align-items:center !important;gap: 8px !important;flex:0 0 auto !important}
/* —— 封底布局加固（附件3：Peter 报"文字遮盖"；实测本版 5 档宽度均正常，这里再把关键值钉死，防任何样式串味重演）—— */
#hcRoot footer.foot .in{display:grid !important;grid-template-columns:1.5fr 1fr 1fr 1fr !important;gap: 32px !important;max-width:1080px !important}
#hcRoot footer.foot .tag{max-width:300px !important;white-space:normal !important;word-break:break-word !important}
/* 封底所有文字都不许 nowrap（V4 的 .tag 标签组件把 CDO 的封底小字设成了 nowrap ⇒ 文字溢出 300px 框、压到右侧列 —— Peter 抓到的"文字遮盖"真因） */
#hcRoot footer.foot p,#hcRoot footer.foot a,#hcRoot footer.foot div,#hcRoot footer.foot h4{white-space:normal !important;overflow-wrap:anywhere !important}
/* —— A48-p（Peter：「下滑页面地球是不动的，现在这个不对，是直接跟着滑动向上移动」）——
 *    设计稿的底图是「position:fixed」（滚动时地球钉住不动）；我早前为防它铺满全页改成了 absolute ⇒ 地球跟着页面往上跑 ✗。
 *    现改回 fixed + 钉 100vh（只铺第一屏），并**补上设计稿的收尾逻辑**：滚过第一屏后把这一层 opacity 置 0、并暂停地球 rAF（否则 fixed 会一直垫在下面几屏后面、白烧 CPU）。 */
#homeCoverFixed{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:auto !important;height:100vh !important;z-index:0 !important}
/* —— 背景（Peter 2026-10-13）：**去掉第一屏的紫色光斑** + **提高饱和度** + **第一屏与封底用同一套颜色** —— */
#homeCoverFixed{background:radial-gradient(1100px 620px at 12% 6%,rgba(96,128,255,.62),rgba(0,0,0,0) 62%),radial-gradient(1000px 700px at 72% 96%,rgba(38,90,255,.55),rgba(0,0,0,0) 66%),linear-gradient(158deg,#2F3ECC 0%,#26319A 46%,#171C60 100%) !important}
#hcRoot footer.foot{background:linear-gradient(158deg,#2F3ECC 0%,#26319A 46%,#171C60 100%) !important}
#hcRoot .c5hero{position:relative !important;z-index:2 !important;padding: 0 !important;background:none !important}
#hcRoot canvas{display:block !important}
/* —— 封面排版钉死（值逐条取自 CDO 稿；防止 V4 全局 h1/令牌渗透，实测被压成 68px/近黑）—— */
#hcRoot h1{font-size: clamp(32px,3.9vw,54px);font-weight: 600;line-height:1.09;letter-spacing:-.03em;color:#fff;max-width:none;margin: 0}
#hcRoot .eyebrow{font-size: 13px;font-weight: 600;letter-spacing:.14em;color:#DCE4FF}
#hcRoot .lede{font-size: 17px;font-weight: 500;line-height:1.7;letter-spacing:.01em;color:#FFFFFF;margin-top: 16px}
#hcRoot .adv li{font-size: 17px;font-weight: 500;color:#FFFFFF}
#hcRoot .hint{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);font-size: 12px;color:rgba(255,255,255,.30)}
/* —— Peter 2026-10-13 口述（图3）：主标题/副标题/四条观点太紧凑，上下拉开；整块文字矩阵上移"半个主标题字高" ——
 *    原值（实测）：眉标→主标题 24 · 主标题→副标 18 · 副标→四条 30 · 条间距 16；主标题行高 58.86 ⇒ 半个字高 ≈ 30px
 *    仅桌面档（≥981px）生效，移动档保持设计稿原值。 */
@media (min-width:981px){
  /* 说明：间距拉开后整块变高，因 .c5hero 是 flex 居中，文字矩阵**自然上移约 31px ≈ 半个主标题行高**（Peter 要的"向上挪半个主标题字符"），无需再额外加位移 */
  #hcRoot .eyebrow{margin-bottom: 32px !important}
  #hcRoot .lede{margin-top: 32px !important}
  #hcRoot .adv{margin-top: 48px !important;gap: 24px !important}
}
/* —— 封面两个按钮：钉成 CDO 稿的值。V4 控件规范层（controls.css / clib-* 分组选择器）把 .btn 统一成 14px / 40px / 灰字，
 *    实测即使提到 2 id 权重仍被其 !important 声明压住 ⇒ 这里对"封面内两个按钮"用 !important 反压（单组件、不外溢，理由见台账 A46）。—— */
body #hcRoot .c5hero .btn{font-size: 17px !important;font-weight: 500 !important;line-height:1 !important;padding: 16px 24px !important;border-radius: 999px !important;min-height:0 !important;height:auto !important;border:1px solid rgba(255,255,255,.30) !important;background:transparent !important;color:#FFFFFF !important}
body #hcRoot .c5hero .btn:hover{transform:translateY(-1px) !important;border-color:rgba(255,255,255,.55) !important;background:rgba(255,255,255,.06) !important}
body #hcRoot .c5hero .btn:focus-visible{outline:2px solid #4F6BED !important;outline-offset:2px !important}
/* —— 会员卡材质（A48-a）：卡面上有 V4 后置样式/内联样式在改 background 与圆角 —— 实测"注入一条 #id .vipcard 规则"也压不住
 *    （inline 优先于普通 CSS），故这里按 CDO 稿原值逐条重建并用 !important 反压（单组件、不外溢）。
 *    值照抄设计稿 4 层：真实织物颗粒 soft-light → 左上柔光 → 纵向微光 → 象牙底；圆角 22px。—— */
#hcRoot .vipcard{border-radius: 24px !important;background-image:url("/assets/img/card-weave-grain-512.jpg"),radial-gradient(120% 88% at 16% 0%,rgba(255,255,255,.92),rgba(255,255,255,0) 58%),linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 44%,rgba(168,139,82,.055) 100%),linear-gradient(180deg,#FFFDF6 0%,#FFF9EC 44%,#FFFFFF 100%) !important;background-size:256px 256px,100% 100%,100% 100%,100% 100% !important;background-repeat:repeat,no-repeat,no-repeat,no-repeat !important;background-blend-mode:soft-light,normal,normal,normal !important}
/* —— 卡面子元素中和（A48-e/f）：设计稿对这些元素没写背景/圆角 ⇒ 被 V4 的通用规则染成"白底 + 24px 文字底框"（Peter 明确不要，两次点名）。
 *    这次改成**全量**：卡面所有子元素一律透明 + 0 圆角，**只有**「最受欢迎」标签与金色按钮例外（它们自带金色渐变）。
 *    ⚠️ 上一版漏了「未解锁可退 · 不自动续费」那行（vipcard__foot）⇒ 按钮下面仍有一个白框，Peter 抓到了。—— */
#hcRoot .vipcard > *:not(.vipcard__tag):not(.vipcard__btn){background:none !important;border-radius: 0 !important;}

/* ===== A33-TIP-BEGIN 批次1 非首屏定值收敛（2026-10-14 · 回退=删本段） ===== */
/* 圆角收敛 */
#hcRoot#hcRoot #homeCover .vipcard{border-radius: 24px!important}
#hcRoot#hcRoot #homeCover .feat .tile,#hcRoot#hcRoot #homeCover .feat .dims li,
#hcRoot#hcRoot #homeCover .feat .card{border-radius: 18px!important}
/* 卡面：半透明 → 实白 + 统一描边 */
#hcRoot#hcRoot #homeCover .feat .tile{background:#FFFFFF!important;border:1px solid #E8E8ED!important}
/* 会员价 58/900 → 56/600 */
/* D2/A-33 偏差（1 条，已报）：去掉卡里的 `line-height:1.1!important` —— 它把会员卡撑高 +4px（446→450）、整页 +1（1440）/+4（390），
   与卡内验收条「位移逐项不变 / 页面高仍 6626·10117」冲突；去掉后复量回到 6626/10117。字号与字重按卡保留 56px/600。 */
#hcRoot#hcRoot #homeCover .vipcard__price b{font-size: 56px!important;font-weight: 600!important}
/* 屏标题族（G1 已授权 · 只动字重与色，字号归批次 3） · 屏标题规范原值 site-unify.css:85/:96 */
#hcRoot#hcRoot #homeCover .feat h2,#hcRoot#hcRoot #homeCover .bulletin h2,
#hcRoot#hcRoot #homeCover .dl h2{font-weight: 600!important;color:#1D1D1F!important}
#hcRoot#hcRoot #homeCover .feat .k,#hcRoot#hcRoot #homeCover .bulletin .k,
#hcRoot#hcRoot #homeCover .dl .k{font-weight: 600!important;color:#6E6E73!important;letter-spacing:0!important}
/* 文字色收敛（非首屏） */
#hcRoot#hcRoot #homeCover .feat .fig s{color:#1D1D1F!important}
#hcRoot#hcRoot #homeCover .feat .fig u{color:#8E8E93!important}
#hcRoot#hcRoot #homeCover .feat .mini li{color:#6E6E73!important}
#hcRoot#hcRoot #homeCover .feat .note{color:#6E6E73!important}
#hcRoot#hcRoot #homeCover .bulletin li{color:#6E6E73!important}
#hcRoot#hcRoot #homeCover .vipcard__list li{color:#6E6E73!important}
#hcRoot#hcRoot #homeCover .foot h4{color:#A88B52!important;font-size: 13px!important}
#hcRoot#hcRoot #homeCover .foot a{font-size: 13px!important}
/* 胶囊：浅底 + 描边（令牌色） */
#hcRoot#hcRoot #homeCover .feat .tile .tl,#hcRoot#hcRoot #homeCover .feat .dims .e{
  background:#F2F4FF!important;border:1px solid #E8EDFF!important;color:#3D55D4!important}
/* ===== A33-TIP-END 批次1 ===== */

/* ===== A33-TIP-BEGIN 批次2 非首屏间距与内容带（回退=删本段） ===== */
/* 区块间距：224 → 96（每块 padding-block 48） */
#hcRoot#hcRoot #homeCover .feat .in{padding: 48px 32px!important}
#hcRoot#hcRoot #homeCover .bulletin{padding: 48px 32px!important}
#hcRoot#hcRoot #homeCover .dl{padding: 96px 32px 96px!important}
/* 栅格与卡内边距 */
#hcRoot#hcRoot #homeCover .feat .tiles,#hcRoot#hcRoot #homeCover .feat .tiles.steps5{gap: 24px!important}
#hcRoot#hcRoot #homeCover .feat .tile{padding: 24px!important}
#hcRoot#hcRoot #homeCover .feat .dims{gap: 24px!important}
#hcRoot#hcRoot #homeCover .feat .dims li{padding: 24px!important}
#hcRoot#hcRoot #homeCover .feat .figs{gap: 32px!important;margin: 32px 0 32px!important}
#hcRoot#hcRoot #homeCover .feat .facts{gap: 16px 32px!important;margin-top: 32px!important}
/* 窄带与收口块 */
#hcRoot#hcRoot #homeCover .bulletin .board{max-width:720px!important;padding: 48px!important}
#hcRoot#hcRoot #homeCover .vipcard{max-width:680px!important;margin: 0 auto!important;padding: 32px!important}
#hcRoot#hcRoot #homeCover .foot{padding: 64px 32px 32px!important}
#hcRoot#hcRoot #homeCover .foot .in{max-width:1200px!important}
/* 移动档同步（原 ≤980：76px 24px） */
@media (max-width:980px){
  #hcRoot#hcRoot #homeCover .feat .in{padding: 48px 24px!important}
  #hcRoot#hcRoot #homeCover .bulletin{padding: 48px 24px!important}
  #hcRoot#hcRoot #homeCover .dl{padding: 48px 24px!important}
}
/* ===== A33-TIP-END 批次2 ===== */

/* ===== A33-TIP-BEGIN 批次3 非首屏字号与 clamp（回退=删本段） ===== */
/* 标题字号（字重与色已在批次 1） */
#hcRoot#hcRoot #homeCover .feat h2{font-size: 34px!important;line-height:1.2!important}
#hcRoot#hcRoot #homeCover .bulletin h2{font-size: 34px!important;line-height:1.2!important}
#hcRoot#hcRoot #homeCover .dl h2{font-size: 34px!important;line-height:1.2!important}
/* 数字组 */
#hcRoot#hcRoot #homeCover .feat .fig b{font-size: 34px!important;line-height:1.1!important}
#hcRoot#hcRoot #homeCover .feat .fig s{font-size: 17px!important;line-height:1.5!important}
#hcRoot#hcRoot #homeCover .feat .fig u{font-size: 13px!important;line-height:1.6!important}
/* 卡片与列表 */
#hcRoot#hcRoot #homeCover .feat .tile b{font-size: 17px!important;line-height:1.35!important}
#hcRoot#hcRoot #homeCover .feat .tile p{font-size: 17px!important;line-height:1.5!important}
#hcRoot#hcRoot #homeCover .feat .tile .tl{font-size: 13px!important}
#hcRoot#hcRoot #homeCover .feat .dims .n{font-size: 17px!important}
#hcRoot#hcRoot #homeCover .feat .dims .e{font-size: 13px!important}
#hcRoot#hcRoot #homeCover .feat .dims .w{font-size: 17px!important;line-height:1.5!important}
#hcRoot#hcRoot #homeCover .feat .leadline{font-size: 17px!important}
#hcRoot#hcRoot #homeCover .feat .mini li,#hcRoot#hcRoot #homeCover .feat .jdmap li{font-size: 17px!important;line-height:1.5!important}
#hcRoot#hcRoot #homeCover .feat .shotcard .cap{font-size: 13px!important;line-height:1.6!important}
/* 区块副文 15/1.75 → 17/1.5 */
#hcRoot#hcRoot #homeCover .feat p{font-size: 17px!important;line-height:1.5!important}
/* 说明块正文 16/1.85 → 15/1.5 */
#hcRoot#hcRoot #homeCover .bulletin li{font-size: 17px!important;line-height:1.5!important}
/* 会员卡文字 */
#hcRoot#hcRoot #homeCover .vipcard__name{font-size: 13px!important}
#hcRoot#hcRoot #homeCover .vipcard__list li{font-size: 17px!important;line-height:1.6!important}
#hcRoot#hcRoot #homeCover .vipcard__note{font-size: 17px!important;line-height:1.5!important}
/* ===== A33-TIP-END 批次3 ===== */

/* ===== A33-TIP-BEGIN 批次4 非首屏动效与移动端降级（回退=删本段） ===== */
/* 动效：只在非首屏作用域（不动 style.eb58df29.css 的 150ms 基座，也不动首屏） */
#hcRoot#hcRoot #homeCover .pagebody a,#hcRoot#hcRoot #homeCover .pagebody button,
#hcRoot#hcRoot #homeCover .feat .tile,#hcRoot#hcRoot #homeCover .feat .card,
#hcRoot#hcRoot #homeCover .feat .dims li,#hcRoot#hcRoot #homeCover .feat .facts span,
#hcRoot#hcRoot #homeCover .foot a{
  transition: background-color 160ms ease-out,box-shadow 160ms ease-out,color 160ms ease-out,
    border-color 160ms ease-out,transform 120ms ease-out!important}
#hcRoot#hcRoot #homeCover .feat .tile:active,#hcRoot#hcRoot #homeCover .feat .card:active,
#hcRoot#hcRoot #homeCover .feat .dims li:active,#hcRoot#hcRoot #homeCover .pagebody button:active{
  transform:scale(.965)!important}
#hcRoot#hcRoot #homeCover .pagebody a:focus-visible,#hcRoot#hcRoot #homeCover .pagebody button:focus-visible{
  outline:2px solid #4F6BED!important;outline-offset:2px!important}
/* ≤700 全单列（现状 .two 仍两列、卡宽 157px） */
@media (max-width:700px){
  #hcRoot#hcRoot #homeCover .feat .two{grid-template-columns:1fr!important}
  #hcRoot#hcRoot #homeCover .feat .tiles,#hcRoot#hcRoot #homeCover .feat .tiles.steps5{grid-template-columns:1fr!important}
  #hcRoot#hcRoot #homeCover .feat .figs{grid-template-columns:1fr!important}
}
/* 减少动效：保持既有兜底，不覆盖（style.eb58df29.css:2871） */
/* ===== A33-TIP-END 批次4 ===== */

/* CDO-NAVBTN-20261017 导航登录/注册按钮：跨页统一垂直居中（回退=删本段） */
#hcRoot nav.top .goldpill{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:44px!important;padding:0!important;line-height:1!important;font-size:17px!important;width:100px!important;margin-left:auto!important}
@media (max-width:820px){#hcRoot nav.top .goldpill{height:40px!important;font-size:13px!important;width:96px!important}}