/* 首页类名词表：upgrade-home（范围）、scenes（场景）、showcase（展示）、mosaic/product（拼图）、feature-group/cards/card（入口）。
   使用 body.platform-home-page + .upgrade-home 压过原页面与 ui-refinement 的特异性；不涉及导航。 */
html[data-ui-refined] body.platform-home-page {
  --p-brand-50:#f5f0ff;--p-brand-600:#7952dc;--p-brand-700:#6540bd;--p-ai-from:#7952dc;--p-ai-to:#d95794;
  --bg-page:#fcfaff;--bg-surface:#fff;--bg-surface-alt:#f8f5fd;--text-primary:#272037;--text-secondary:#6d647a;--text-brand:var(--p-brand-700);--text-inverse:#fff;--border-base:#e9e2f0;
  --fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:28px;--fs-hero:clamp(38px,4.2vw,58px);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;
  --radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;
  --shadow-sm:0 8px 24px #4931730a;--shadow-lg:0 24px 64px #64428e15;--bg-brand:linear-gradient(120deg,var(--p-ai-from),var(--p-ai-to));
  background:radial-gradient(ellipse at 85% 4%,#f4eafa 0,transparent 42%),var(--bg-page);color:var(--text-primary);
}
html[data-ui-refined] body.platform-home-page .upgrade-home{width:min(1240px,calc(100% - 64px));padding:var(--sp-8) 0 var(--sp-12);margin:auto}
html[data-ui-refined] body.platform-home-page .upgrade-home *{box-sizing:border-box}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:560px;gap:var(--sp-12);padding:var(--sp-8) 0 var(--sp-12);align-items:center}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-copy>p{font-size:var(--fs-xs);letter-spacing:.14em;color:var(--text-brand);margin:0 0 var(--sp-6);font-weight:700}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-copy h1{font-size:var(--fs-hero);letter-spacing:-.055em;line-height:1.22;font-weight:750;color:var(--text-primary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-copy h1 em{font-style:normal;background:var(--bg-brand);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-copy>span{max-width:470px;font-size:var(--fs-md);line-height:1.9;color:var(--text-secondary);margin-top:var(--sp-6)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-actions{gap:var(--sp-3);margin-top:var(--sp-8)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-actions a{padding:0 var(--sp-5);min-height:48px;border:1px solid var(--border-base);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--fs-base);gap:var(--sp-4);transition:transform .18s,box-shadow .18s}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-actions a.primary{--paper-shadow:none;height:44px;min-height:44px;min-width:0;align-self:center;padding:0 20px;gap:10px;border-radius:9px;background:var(--bg-brand);border-color:transparent;color:var(--text-inverse);font-weight:600;box-shadow:none!important}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-actions a.primary svg{width:16px;height:16px;flex-shrink:0}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-actions a.primary:hover{transform:translateY(-1px)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-actions a:last-child{padding:0 var(--sp-1);border-color:transparent;background:transparent;font-size:var(--fs-sm);color:var(--text-secondary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-actions a:hover{transform:translateY(-2px)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-scenes{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6);color:var(--text-secondary);font-size:var(--fs-sm)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-scenes span+span:before{content:'·';margin-right:var(--sp-3);color:var(--text-brand)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-preview{display:block;min-height:0;padding:var(--sp-4);border:1px solid var(--border-base);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-lg);transform:rotate(1deg);overflow:visible}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-showcase-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-1) var(--sp-4);font-size:var(--fs-xs);color:var(--text-secondary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-showcase-head>span{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;letter-spacing:.08em;color:var(--text-primary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-showcase-head i{width:var(--sp-2);height:var(--sp-2);border-radius:50%;background:var(--bg-brand)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-showcase-head small{font-size:var(--fs-xs)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-mosaic{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:180px 180px;gap:var(--sp-3)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product{position:relative;min-width:0;margin:0;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface-alt)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product--hero{grid-row:span 2}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product:hover img{transform:scale(1.035)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product figcaption{position:absolute;inset:auto 0 0;padding:var(--sp-8) var(--sp-4) var(--sp-4);display:grid;gap:var(--sp-1);color:var(--text-inverse);background:linear-gradient(transparent,#241927b8)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product figcaption strong{font-size:var(--fs-md);font-weight:600}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product figcaption small,html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product figcaption span{font-size:var(--fs-xs);line-height:1.6}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product figcaption small{letter-spacing:.1em}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-showcase-foot{display:flex;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-4) var(--sp-1) var(--sp-1);font-size:var(--fs-xs);color:var(--text-secondary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-feature-grid{display:block;margin-top:var(--sp-6)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-section-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--sp-4);margin-bottom:var(--sp-8);border-top:1px solid var(--border-base);padding-top:var(--sp-10)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-section-heading p{margin:0 0 var(--sp-2);font-size:var(--fs-xs);letter-spacing:.12em;font-weight:700;color:var(--text-brand)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-section-heading h2{margin:0;font-size:var(--fs-2xl);letter-spacing:-.035em;color:var(--text-primary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-section-heading>span{font-size:var(--fs-sm);color:var(--text-secondary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-group{display:grid;grid-template-columns:210px minmax(0,1fr);gap:var(--sp-6);padding:var(--sp-6) 0;border-bottom:1px solid var(--border-base)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-group>header{display:flex;align-items:start;gap:var(--sp-3);padding-top:var(--sp-3)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-group-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;font-size:var(--fs-xl);color:var(--text-brand);background:var(--p-brand-50);border-radius:var(--radius-md)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-group h3{margin:0 0 var(--sp-2);font-size:var(--fs-md);line-height:1.5;color:var(--text-primary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-group header p{margin:0;font-size:var(--fs-sm);line-height:1.8;color:var(--text-secondary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-cards a.upgrade-feature-card{position:relative;display:grid;align-content:start;gap:var(--sp-2);min-height:128px;padding:var(--sp-5);padding-right:var(--sp-8);border:1px solid var(--border-base);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:none;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-card strong{font-size:var(--fs-base);line-height:1.5;color:var(--text-primary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-card>span{font-size:var(--fs-sm);line-height:1.75;color:var(--text-secondary)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-card-arrow{position:absolute;right:var(--sp-3);top:var(--sp-5);font-size:var(--fs-md);font-weight:400;color:var(--text-brand)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-cards a:hover{border-color:var(--p-brand-600);box-shadow:var(--shadow-sm);transform:translateY(-2px)}
html[data-ui-refined] body.platform-home-page .upgrade-home a:focus-visible{outline:2px solid var(--p-brand-600);outline-offset:4px}
@media(max-width:1100px){
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-hero{gap:var(--sp-8);min-height:500px}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-mosaic{grid-template-rows:160px 160px}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-group{grid-template-columns:180px minmax(0,1fr)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
html[data-ui-refined] body.platform-home-page .upgrade-home{width:calc(100% - 32px);padding-top:var(--sp-4)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-hero{grid-template-columns:minmax(0,1fr);gap:var(--sp-8);padding:var(--sp-6) 0;min-height:0}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-copy h1{font-size:var(--fs-hero)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-copy>p{margin-bottom:var(--sp-4)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-copy>span{font-size:var(--fs-base);margin-top:var(--sp-5)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-actions{gap:var(--sp-2);margin-top:var(--sp-6)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-actions a{padding:0 var(--sp-4)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-actions a:last-child{flex-basis:100%;justify-content:flex-start;min-height:32px}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-preview{transform:none;padding:var(--sp-3);border-radius:var(--radius-lg)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-mosaic{grid-template-rows:145px 145px;gap:var(--sp-2)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-showcase-head{flex-wrap:wrap}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product figcaption{padding:var(--sp-6) var(--sp-3) var(--sp-3)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product figcaption strong{font-size:var(--fs-base)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-section-heading{display:block;margin-bottom:var(--sp-4);padding-top:var(--sp-8)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-section-heading h2{font-size:var(--fs-xl)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-section-heading>span{display:block;margin-top:var(--sp-2)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-group{grid-template-columns:minmax(0,1fr);gap:var(--sp-4);padding:var(--sp-5) 0}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-cards{grid-template-columns:minmax(0,1fr)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-feature-cards a.upgrade-feature-card{min-height:0;padding:var(--sp-4) var(--sp-8) var(--sp-4) var(--sp-4)}
}
/* 原首页数据区：保持原 dl/dt/dd 与原数值，不冒充实时接口统计。 */
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);margin:var(--sp-8) 0 0;padding:var(--sp-5) 0;border-top:1px solid var(--border-base);border-bottom:1px solid var(--border-base);width:100%;max-width:470px}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-stats>div{min-width:0;display:grid;gap:var(--sp-2);padding:0;background:transparent;border:0}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-stats>div+div{padding-left:var(--sp-4);border-left:1px solid var(--border-base)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-stats dt{margin:0;color:var(--text-primary);font-size:var(--fs-2xl);font-weight:700;line-height:1.25;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-stats dd{margin:0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5}
/* 图片上的文字独立于页面主题：白字+暗底，避免纸白/深空主题覆盖。 */
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product{--photo-caption-ink:#fff;--photo-caption-shadow:rgba(14,12,18,.82)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product figcaption{background:linear-gradient(transparent,var(--photo-caption-shadow))!important;color:var(--photo-caption-ink)!important;text-shadow:0 1px 4px var(--photo-caption-shadow)}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product figcaption :is(strong,small,span){color:var(--photo-caption-ink)!important;-webkit-text-fill-color:var(--photo-caption-ink)!important}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product--hero img{object-position:50% 46%}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product--scent img{object-position:50% 40%}
html[data-ui-refined] body.platform-home-page .upgrade-home .upgrade-product--sport img{object-fit:contain;background:#e8edf1;object-position:70% center}
@media(max-width:720px){
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-stats{gap:var(--sp-2);margin-top:var(--sp-6);padding:var(--sp-4) 0;max-width:none}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-stats dt{font-size:clamp(19px,5.6vw,26px)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-stats>div+div{padding-left:var(--sp-2)}
html[data-ui-refined] body.platform-home-page .upgrade-home .platform-home-stats dd{font-size:var(--fs-xs)}
}
@media(prefers-reduced-motion:reduce){html[data-ui-refined] body.platform-home-page .upgrade-home *{transition:none!important}}