/* ============================================================
   小图快跑 1:1 复刻 · 设计系统
   ============================================================ */
:root{
  --blue:#F93549; --blue-d:#d81f36; --blue-l:#ffe6ea; --blue-soft:#fff2f4;
  --th:#F93549; --side:#ffffff; --bg:#ffffff; --bg2:#ffffff;
  --ink:#12162b; --ink2:#2b3150; --muted:#6b7288; --muted2:#9aa1b6;
  --line:#e6e9f4; --line2:#dfe3f0; --white:#fff;
  --r:14px; --r-lg:20px; --r-sm:9px;
  --sh:0 1px 2px rgba(20,28,70,.05), 0 8px 28px rgba(20,28,70,.055);
  --sh-lg:0 18px 60px rgba(20,28,70,.12);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Inter,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;flex:none;pointer-events:none}
svg.i.sm{width:15px;height:15px}
svg.i.lg{width:22px;height:22px}
h1,h2,h3,h4,p{margin:0}
ul{margin:0;padding:0;list-style:none}
.hidden{display:none!important}

/* ---------- 通用组件 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;
  border:1px solid transparent;transition:.16s;white-space:nowrap;line-height:1.3}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 3px 10px rgba(249,53,73,.22)}
.btn-primary:hover{background:var(--blue-d);transform:translateY(-1px)}
.btn-primary:disabled{background:#ffc4cc;box-shadow:none;cursor:not-allowed;transform:none}
.btn-white{background:#fff;color:var(--ink);border-color:var(--line2);box-shadow:0 1px 2px rgba(20,28,70,.04)}
.btn-white:hover{border-color:#e8d5d9}
.btn-ghost{background:transparent;color:var(--ink2)}
.btn-ghost:hover{background:#eef0fa}
.btn-sm{padding:7px 13px;font-size:13px;border-radius:8px}
.btn-lg{padding:14px 24px;font-size:15px;border-radius:11px}
.btn-block{width:100%}
.btn-blue-soft{background:var(--blue-l);color:var(--blue)}
.btn-blue-soft:hover{background:#ffd9df}
.link{color:var(--blue);font-weight:600}
.link:hover{text-decoration:underline}
.arrow{display:inline-flex;align-items:center;gap:5px}

.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;
  font-size:12px;font-weight:600;background:var(--blue-l);color:var(--blue)}
.pill.gray{background:#eef0f6;color:var(--muted)}
.pill.green{background:#e6f7ee;color:#12854b}
.pill.purple{background:#f1e9ff;color:#7a3fd6}
.pill.dark{background:#12162b;color:#fff}
.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;
  font-size:11.5px;font-weight:600;background:#f0f2fa;color:var(--muted)}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.card.pad{padding:22px}
.muted{color:var(--muted)}
.tiny{font-size:12px}
.small{font-size:13px}
.bold{font-weight:700}
.center{text-align:center}
.row{display:flex;align-items:center;gap:10px}
.row.wrap{flex-wrap:wrap}
.between{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stack{display:flex;flex-direction:column;gap:10px}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1000px){.g4,.g5{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.g2,.g3,.g4,.g5{grid-template-columns:1fr}}

.inp,.sel,.ta{width:100%;padding:9px 12px;border:1px solid var(--line2);border-radius:9px;
  background:#fff;outline:none;transition:.15s;font-size:14px}
.inp:focus,.sel:focus,.ta:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(249,53,73,.12)}
.sel{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7288' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}
.ta{min-height:110px;resize:vertical;line-height:1.7}
label.fl{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:6px}

.sw{position:relative;width:40px;height:22px;border-radius:999px;background:#cfd5e6;
  transition:.2s;flex:none;display:inline-block;vertical-align:middle}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}
.sw.on{background:var(--blue)}
.sw.on::after{left:21px}
.sw.sm{width:34px;height:19px}
.sw.sm::after{width:13px;height:13px;top:3px}
.sw.sm.on::after{left:18px}

.tabs{display:inline-flex;gap:3px;background:#eef0f8;padding:4px;border-radius:10px}
.tab{padding:7px 15px;border-radius:7px;font-size:13px;font-weight:600;color:var(--muted);transition:.15s}
.tab:hover{color:var(--ink)}
.tab.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,28,70,.09)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:6px 13px;border-radius:999px;border:1px solid var(--line2);background:#fff;
  font-size:13px;font-weight:500;color:var(--ink2);transition:.15s}
.chip:hover{border-color:#ffc4cc}
.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}

.divider{height:1px;background:var(--line);margin:18px 0}
.iconbtn{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;
  justify-content:center;color:var(--muted);transition:.15s}
.iconbtn:hover{background:#eef0fa;color:var(--ink)}
.kbd{font-size:11px;color:var(--muted2);border:1px solid var(--line2);border-radius:5px;
  padding:1px 5px;background:#fff8f9}

/* ---------- 营销站 ---------- */
.mkt{min-height:100vh;background:#fff}
.mkt-nav{position:sticky;top:14px;z-index:60;margin:14px auto 0;max-width:1180px;width:calc(100% - 48px);
  height:60px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-radius:999px;
  box-shadow:0 6px 30px rgba(24,34,90,.10);display:flex;align-items:center;gap:6px;padding:0 14px 0 18px}
.mkt-nav .brand{display:flex;align-items:center;gap:9px;font-weight:750;font-size:17px;letter-spacing:-.02em}
.mkt-nav .brand svg{width:28px;height:28px}
.mkt-nav .navlinks{display:flex;align-items:center;gap:2px;margin-left:10px}
.mkt-nav .navlinks a{padding:8px 11px;border-radius:8px;font-weight:550;font-size:14px;color:var(--ink2)}
.mkt-nav .navlinks a:hover{background:#f1f3fb}
.mkt-nav .sp{flex:1}
.mkt-search{display:flex;align-items:center;gap:8px;width:230px;padding:8px 12px;
  background:#f5f6fb;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:13px}
.mkt-nav .round{width:34px;height:34px;border-radius:50%;background:#ef4b5c;display:inline-flex;
  align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}
.mkt-cta{padding:10px 18px!important;border-radius:999px!important}

/* ---------- 营销导航下拉菜单 ---------- */
.nav-item{position:relative;display:flex;align-items:center;height:100%}
.nav-trigger{display:flex;align-items:center;gap:3px;padding:8px 11px;border:0;
  border-radius:8px;font-weight:550;font-size:14px;color:var(--ink2);
  background:transparent;cursor:pointer;font-family:inherit;white-space:nowrap}
.nav-trigger:hover,.nav-item.open .nav-trigger{background:#f1f3fb;color:var(--blue)}
.nav-trigger svg{width:14px;height:14px;transition:transform .2s}
.nav-item:hover .nav-trigger svg,.nav-item.open .nav-trigger svg{transform:rotate(180deg)}
.nav-drop{position:absolute;top:100%;left:0;padding-top:14px;z-index:70;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s}
.nav-item:hover .nav-drop,.nav-drop.open{opacity:1;visibility:visible;transform:none}
.nav-drop-inner{background:#fff;border:1px solid #e9edf8;border-radius:16px;
  box-shadow:0 18px 50px rgba(24,34,90,.16)}
.nav-drop:not(.nav-drop-lang) .nav-drop-inner{padding:0;overflow:hidden}
button.mkt-search{cursor:pointer;font-family:inherit;text-align:left}
button.mkt-search:hover{background:#fff;border-color:#ffc4cc}
.mkt-nav .round{border:0;cursor:pointer;font-family:inherit;flex:none}

/* 产品 mega 菜单 */
.nd-product{display:grid;grid-template-columns:1.25fr .85fr;width:880px}
.nd-cards{display:grid;grid-template-columns:1fr 1fr;padding:12px;
  background:#fffafb;border-right:1px solid #eef1f9}
.nd-card{display:block;padding:11px;border-radius:12px;background:#fff;
  border:1px solid #eef1f8;margin:5px;text-decoration:none;
  transition:border-color .18s,box-shadow .18s,transform .18s}
.nd-card:hover{border-color:#ffc4cc;box-shadow:0 6px 18px rgba(249,53,73,.10);transform:translateY(-2px)}
.nd-thumb{height:84px;background:linear-gradient(150deg,#fff0f2,#fffafb);border-radius:8px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:9px}
.nd-thumb svg{width:52px;height:62px;color:#d89aa4;stroke:#d89aa4;filter:opacity(.5)}
.nd-tag{font-size:9.5px;color:var(--blue);font-weight:700}
.nd-card-t{font-size:13.5px;font-weight:750;margin-top:3px;display:flex;align-items:center;gap:6px;color:var(--ink)}
.nd-new{background:#e9f7ee;color:#1f9d55;border-radius:4px;padding:1px 5px;font-size:9px}
.nd-card-d{font-size:10.5px;color:var(--muted);line-height:1.55;margin-top:4px}
.nd-side{padding:16px 14px}
.nd-group-t{font-size:10px;color:var(--muted);font-weight:700;margin:2px 0 8px}
.nd-side .nd-group-t:not(:first-child){margin-top:14px;border-top:1px solid #eef0f8;padding-top:13px}
.nd-row{display:flex;gap:10px;align-items:flex-start;padding:6px;text-decoration:none;border-radius:9px}
.nd-row:hover{background:#fff8f9}
.nd-ico{width:28px;height:28px;border-radius:8px;background:#ffeef1;color:var(--blue);
  display:flex;align-items:center;justify-content:center;flex:none}
.nd-ico svg{width:15px;height:15px}
.nd-row b{display:block;font-size:12.5px;font-weight:700;color:var(--ink)}
.nd-row small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:2px}
.nd-all{display:block;border-top:1px solid #eef0f8;margin-top:10px;padding-top:11px;
  color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}
/* 产品菜单底部横跨说明行（原站 .nd-foot） */
.nd-product{grid-template-rows:auto auto}
.nd-foot{grid-column:1 / -1;border-top:1px solid #eef0f8;padding:11px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:20px}
.nd-foot span{font-size:11px;color:var(--muted);line-height:1.5}
.nd-foot .nd-all{border-top:0;margin-top:0;padding-top:0;white-space:nowrap;flex:none}

/* Seller Studio 菜单 */
.nd-studio{width:660px}
.nd-studio-head{background:#12162b;color:#fff;padding:12px 18px;font-size:11px;
  letter-spacing:.12em;font-weight:700;display:flex;align-items:center;gap:8px}
.nd-studio-head svg{width:14px;height:14px;color:#ff8a97}
.nd-studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}
.nd-studio-card{border:1px solid #eef1f8;border-radius:12px;padding:10px;text-decoration:none}
.nd-studio-card:hover{border-color:#ffc4cc;background:#fff8f9}
.nd-studio-thumb{height:90px;background:linear-gradient(150deg,#fff0f2,#fffafb);
  border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:9px;color:#c98a95}
.nd-studio-thumb svg{width:34px;height:34px}
.nd-studio-card b{font-size:13px;font-weight:750;display:block;color:var(--ink)}
.nd-studio-card small{font-size:10px;color:var(--muted);line-height:1.5;display:block;margin-top:4px}
.nd-studio-note{font-size:11px;color:var(--muted);padding:0 18px 12px}
.nd-studio-all{display:block;border-top:1px solid #eef0f8;padding:12px 18px;
  color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}

/* 资源菜单 */
.nd-res{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:560px;padding:16px}

/* 语言菜单：仅点击展开，不随 hover */
.nav-lang{margin-left:2px}
.nav-lang .nav-drop{left:auto;right:0}
.nav-lang:hover .nav-drop{opacity:0;visibility:hidden}
.nav-drop-lang.open{opacity:1!important;visibility:visible!important;transform:none!important}
.nav-drop-lang .nav-drop-inner{width:250px;padding:10px}
.nd-lang-head{display:flex;justify-content:space-between;padding:7px 10px 10px;
  border-bottom:1px solid #eef0f8;font-size:12px}
.nd-lang-item{display:flex;align-items:center;gap:9px;padding:7px 9px;
  border-radius:8px;text-decoration:none}
.nd-lang-item:hover,.nd-lang-item.on{background:#fff2f4}
.nd-lang-item .flag{font-size:16px;width:20px}
.nd-lang-item b{font-size:12px;font-weight:600;flex:1;color:var(--ink)}

/* 搜索面板（⌘K / 点击搜索框） */
.search-palette{position:fixed;inset:0;z-index:200;background:rgba(18,22,43,.35);
  backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;padding-top:12vh}
.search-palette.on{display:flex}
.sp-box{width:min(560px,92vw);background:#fff;border-radius:16px;
  box-shadow:0 24px 70px rgba(18,22,43,.28);overflow:hidden}
.sp-input{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #eef0f8}
.sp-input svg{color:var(--blue)}
.sp-input input{flex:1;border:0;outline:0;font-size:15px;color:var(--ink);font-family:inherit}
.sp-list{max-height:340px;overflow:auto;padding:8px}
.sp-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;
  text-decoration:none;color:var(--ink);font-size:13px}
.sp-item:hover{background:#fff2f4}
.sp-item svg{color:var(--muted);width:15px;height:15px}
.sp-item .tiny{margin-left:auto}
.sp-empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
/* 原站 .hero{background:var(--surface)}（#f3f7fe）+ .blobwrap:before 的两团径向光晕
   原站 .hero 在 .wrap 外层（背景铺满全宽），.wrap 内才是两栏 grid */
.mkt-hero{padding:104px 0 64px;background:#f3f7fe;isolation:isolate;position:relative;overflow-x:clip}
.mkt-hero>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.mkt-hero:before{content:"";z-index:-1;position:absolute;inset:-10% -5% auto;height:70%;
  background:radial-gradient(60% 60% at 25% 20%,#ffd6dd 0,rgba(0,0,0,0) 70%),
             radial-gradient(50% 50% at 85% 10%,#ffe6ec 0,rgba(0,0,0,0) 70%)}
@media(max-width:900px){.mkt-hero>.wrap{grid-template-columns:1fr;gap:36px}.mkt-hero{padding-top:48px}}
.hero-kicker{color:var(--blue);font-weight:700;font-size:14px;margin-bottom:20px}
.hero-title{font-size:clamp(44px,5vw,68px);line-height:1.08;font-weight:800;letter-spacing:-.045em}
.hero-sub{font-size:18px;line-height:1.75;color:var(--ink2);margin:24px 0 28px;max-width:500px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.hero-note{font-size:12.5px;color:var(--muted);margin-top:14px}
.hero-stats{display:flex;gap:38px;margin-top:48px}
.hero-stats b{display:block;font-size:22px;font-weight:750;letter-spacing:-.02em}
.hero-stats span{font-size:12px;color:var(--muted)}

/* 尺码表产品卡 */
.sc-card{background:#fff;border-radius:18px;box-shadow:var(--sh-lg);padding:20px 22px 22px;
  border:1px solid #e9ecf8;position:relative}
.sc-card .sc-top{display:flex;justify-content:space-between;align-items:flex-start}
.sc-card h3{font-size:16px;font-weight:700}
.sc-unit{display:flex;gap:2px;background:#f0f2f8;border-radius:7px;padding:3px}
.sc-unit button{padding:3px 9px;border-radius:5px;font-size:11px;font-weight:600;color:var(--muted)}
.sc-unit button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.sc-subtabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:16px 0 14px}
.sc-subtabs button{padding-bottom:9px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}
.sc-subtabs button.on{color:var(--blue);border-color:var(--blue);font-weight:650}
.sc-body{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;align-items:center}
.sc-body svg{width:100%;height:auto;max-height:190px}
.sc-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.sc-tbl th{background:var(--th);color:#fff;padding:8px 6px;font-weight:600;text-align:center}
.sc-tbl th:first-child{border-radius:7px 0 0 0}
.sc-tbl th:last-child{border-radius:0 7px 0 0}
.sc-tbl td{border-bottom:1px solid var(--line);padding:9px 6px;text-align:center;color:var(--ink2)}
.sc-tbl td:first-child{font-weight:700;color:var(--ink)}
.sc-tbl tr:nth-child(even) td{background:#fff8f9}
.sc-tbl .mdot{display:inline-flex;width:15px;height:15px;border-radius:50%;background:#fff;
  color:var(--th);font-size:9px;font-weight:800;align-items:center;justify-content:center;vertical-align:middle}
/* ---------- 首屏 tab 组（照抄原站 .hc-tabs + .hc-pg 进度条）----------
   原站：灰底药丸容器 + 选中白底 + 底部 2px 品牌色进度条（7s 线性走完） */
.sc-tabs{display:flex;gap:2px;justify-content:center;margin:16px auto 0;padding:4px;
  width:fit-content;max-width:100%;background:#eef1f6;border-radius:14px;position:relative;
  overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.sc-tabs::-webkit-scrollbar{display:none}
.sc-tabs button{position:relative;overflow:hidden;border:0;background:0 0;flex:none;
  border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700;color:#545b6b;
  cursor:pointer;transition:color .15s;font-family:inherit;white-space:nowrap}
.sc-tabs button:hover{color:#1b2333}
.sc-tabs button.on{background:#fff;color:#1b2333;box-shadow:0 1px 2px #1b23330f}
.sc-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
/* 进度条：.hc-pg 轨道 + .hc-pg i 填充（scaleX 0→1） */
.hc-pg{background:#e6e9f0;opacity:0;border-radius:2px;height:2px;position:absolute;
  bottom:3px;left:10px;right:10px;overflow:hidden}
.sc-tabs button.on .hc-pg{opacity:1}
.hc-pg i{background:var(--blue);transform-origin:0;height:100%;display:block;transform:scaleX(0)}
.sc-tabs button.on .hc-pg i{animation:hcProg var(--hc-dur,7s) linear forwards}
.hs-hero.hold .hc-pg i{animation-play-state:paused}
@keyframes hcProg{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.hc-pg{display:none}}
.sc-cap{min-height:44px;color:#545b6b;text-align:center;margin-top:12px;font-size:14.5px;line-height:1.5}

/* ---------- 首屏 5 帧轮播展示 ---------- */
.hs-stage{display:grid}
.hs-frame{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .45s ease,visibility .45s ease}
.hs-frame.on{opacity:1;visibility:visible;pointer-events:auto}

/* 帧 0：Item Chart 商品页 */
.item-mock{display:grid;grid-template-columns:1.06fr .94fr;background:#fff;border-radius:18px;
  box-shadow:0 18px 50px rgba(24,34,90,.14);border:1px solid #e9ecf8;overflow:hidden;height:100%}
/* ===== 原站同构：Item Chart 尺寸标注卡（zp-ic-*）=====
   全部尺寸/圆角/字重取自原站公开 CSS；
   accent 由原站蓝 #F93549 换成本项目品牌红 #F93549。 */
.zp-ic-card{position:absolute;left:70px;top:60px;width:560px;height:292px;display:flex;
  gap:18px;padding:14px;box-sizing:border-box;
  background:#fff;border-radius:18px;border:1px solid #edf0f6;
  box-shadow:0 1px 2px rgba(27,35,51,.04),0 14px 40px rgba(24,34,90,.10)}
.zp-ic-shot{position:relative;flex:none;width:262px;height:262px;border-radius:14px;
  background:#fff;border:1px solid #eef1f6;
  box-shadow:0 1px 2px rgba(27,35,51,.04),0 10px 30px rgba(24,34,90,.06)}
.zp-ic-shot svg{position:absolute;inset:6px;overflow:visible}
.zp-ic-ol path{fill:none;stroke:#404040;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}
.zp-ic-ml{fill:none;stroke:var(--blue);stroke-width:10;stroke-linecap:round}
.zp-ic-pill{position:absolute;transform:translateY(-50%);transform-origin:0 50%;
  display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.94);
  border:1px solid rgba(27,35,51,.1);border-radius:99px;padding:3px 9px;white-space:nowrap;
  box-shadow:0 6px 18px -6px rgba(27,35,51,.32);font-size:11px;line-height:15px}
.zp-ic-nm{font-weight:700;color:#545b6b}
.zp-ic-pill b{font-weight:800;color:#1b2333;font-variant-numeric:tabular-nums}
.zp-ic-u{color:#8a90a0;font-weight:600;font-size:.85em}
.zp-ic-p0{left:6px;top:14.2%}
.zp-ic-p1{left:6px;top:41.1%}
.zp-ic-p2{right:6px;top:45.1%;transform-origin:100% 50%}
.zp-ic-p3{left:6px;top:85.2%}
.zp-ic-cnt{position:absolute;right:8px;bottom:8px;background:rgba(20,24,31,.72);color:#fff;
  font-size:10px;font-weight:700;line-height:14px;border-radius:999px;padding:2px 8px;
  font-variant-numeric:tabular-nums}
.zp-ic-info{flex:1;min-width:0;display:flex;flex-direction:column;padding:6px 4px 0 0}
.zp-ic-tt{font-size:16px;font-weight:700;line-height:20px;letter-spacing:-.01em}
.zp-ic-pr{font-size:19px;font-weight:800;line-height:24px;margin-top:4px;
  font-variant-numeric:tabular-nums}
.zp-ic-meta{font-size:11.5px;color:#8a90a0;line-height:15px;margin-top:2px}
.zp-ic-note{display:flex;align-items:center;gap:6px;margin-top:12px;padding:7px 9px;
  border-radius:9px;background:#fff0f2;color:var(--blue);font-size:11px;font-weight:700;line-height:14px}
.zp-ic-note svg{flex:none;width:13px;height:13px}
.zp-ic-on{margin-top:auto;margin-bottom:6px;font-size:9.5px;font-weight:700;line-height:12px;
  letter-spacing:.06em;text-transform:uppercase;color:#8a90a0}
.zp-ic-mkts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}
.zp-ic-mkts img{display:block;height:14px;width:auto;max-width:none}
.zp-ic-buy{flex:none;height:32px;border-radius:9px;background:#14181f;color:#fff;
  font-size:12.5px;font-weight:700;display:grid;place-items:center;white-space:nowrap}
/* 9s 循环：先画线，再依次弹出浮标，最后浮现提示与计数 */
[data-mv] .zp-ic-ml{stroke-dasharray:1;animation:zpIcDraw 9s linear infinite}
[data-mv] .zp-ic-pill{animation:zpIcPop 9s cubic-bezier(.22,.9,.3,1.15) infinite}
[data-mv] .zp-ic-cnt,[data-mv] .zp-ic-note{animation:zpIcLate 9s cubic-bezier(.22,.9,.3,1.15) infinite}
[data-mv] .zp-ic-l1,[data-mv] .zp-ic-p1{animation-delay:.15s;animation-fill-mode:backwards}
[data-mv] .zp-ic-l2,[data-mv] .zp-ic-p2{animation-delay:.3s;animation-fill-mode:backwards}
[data-mv] .zp-ic-l3,[data-mv] .zp-ic-p3{animation-delay:.45s;animation-fill-mode:backwards}
@keyframes zpIcDraw{0%{stroke-dashoffset:1}14%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes zpIcPop{
  0%,15%{opacity:0;transform:translateY(-50%) scale(.8)}
  21%,95%{opacity:1;transform:translateY(-50%) scale(1)}
  100%{opacity:0;transform:translateY(-50%) scale(.8)}}
@keyframes zpIcLate{0%,26%{opacity:0}32%,95%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
  [data-mv] .zp-ic-ml,[data-mv] .zp-ic-pill,[data-mv] .zp-ic-cnt,[data-mv] .zp-ic-note{animation:none}
  [data-mv] .zp-ic-ml{stroke-dashoffset:0}
}

/* ===== 原站同构：Size Chart 面板（zp-sc-*）=====
   10s 无限循环：0-12% 描边画出 → 14% A/B/C 浮出 → 46% 切 finder 浮层
   → 55% M 行高亮 → 94% 后整体收回。所有时序取自原站关键帧。 */
.zp-sc-root{position:absolute;inset:0}
.zp-sc-card{position:absolute;left:70px;top:60px;width:560px;height:292px;box-sizing:border-box;
  padding:14px 18px 16px;
  display:flex;flex-direction:column;background:#fff;border-radius:18px;border:1px solid #edf0f6;
  box-shadow:0 1px 2px rgba(27,35,51,.04),0 14px 40px rgba(24,34,90,.10)}
.zp-sc-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;height:36px}
.zp-sc-ttl b{display:block;font-size:16px;font-weight:800;line-height:19px;letter-spacing:-.01em}
.zp-sc-ttl small{display:block;font-size:11px;color:#8a90a0;line-height:14px}
.zp-sc-unit{flex:none;display:flex;background:#f6f8fc;border:1px solid #e6e9f0;border-radius:9px;padding:2px}
.zp-sc-unit span{font-size:11.5px;font-weight:700;line-height:15px;color:#8a90a0;padding:3px 10px;border-radius:7px}
.zp-sc-unit .zp-sc-on{background:#fff;color:var(--blue);box-shadow:0 1px 2px rgba(27,35,51,.08)}
.zp-sc-tabs{display:flex;gap:4px;height:32px;margin:8px 0 12px;box-shadow:inset 0 -1px 0 #e6e9f0}
.zp-sc-tabs>span{position:relative;flex:none;padding:0 10px;line-height:30px;font-size:12px;
  font-weight:600;color:#8a90a0;white-space:nowrap}
.zp-sc-tabs .zp-sc-t1{color:#1b2333}
.zp-sc-tabs .zp-sc-t3{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font-weight:800}
.zp-sc-tabs u{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue)}
.zp-sc-bd{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;flex:1;min-height:0}
.zp-sc-stg{position:relative;border-radius:14px;background:#f6f8fc;border:1px solid #eef1f6}
.zp-sc-art{position:absolute;left:8px;top:8px;width:172px;height:154px;overflow:visible}
.zp-sc-ol path{fill:none;stroke:#404040;stroke-width:8;stroke-linejoin:round;stroke-linecap:round}
.zp-sc-ml{fill:none;stroke:var(--blue);stroke-width:12;stroke-linecap:round}
.zp-sc-mk circle{fill:var(--blue)}
.zp-sc-mk text{fill:#fff;font-weight:800;font-size:78px;text-anchor:middle;dominant-baseline:central}
/* finder 浮层：46% 起盖住底图 */
.zp-sc-fq{position:absolute;inset:-1px -1px auto;z-index:2;display:flex;flex-direction:column;
  padding:9px 10px 8px;background:#fff;border-radius:14px;border:1px solid rgba(249,53,73,.16);
  box-shadow:0 2px 4px rgba(27,35,51,.04),0 12px 26px -14px rgba(249,53,73,.5);color:#1b2333}
.zp-sc-top{display:flex;align-items:center;gap:5px;margin-bottom:6px}
.zp-sc-back{flex:none;width:16px;height:16px;border-radius:5px;border:1px solid #e6e9f0;background:#fff;
  display:grid;place-items:center;color:#545b6b}
.zp-sc-back svg{width:8px;height:8px}
.zp-sc-steps{flex:1;min-width:0;display:flex;gap:2.5px}
.zp-sc-steps i{flex:1;height:2.5px;border-radius:2px;background:#e6e9f0}
.zp-sc-steps i.zp-sc-done{background:#1b2333}
.zp-sc-steps i.zp-sc-now{background:#8f959f}
.zp-sc-live{flex:none;display:inline-flex;align-items:center;gap:3px;padding:1.5px 5px;border-radius:100px;
  white-space:nowrap;font-size:7.5px;line-height:9.5px;font-weight:700;color:#545b6b;
  background:#fff4f5;border:1px solid #ffe0e5}
.zp-sc-live b{color:var(--blue);font-size:8.5px;font-weight:800}
.zp-sc-zq{font-size:11px;font-weight:800;line-height:13.5px;letter-spacing:-.02em;margin-bottom:5px}
.zp-sc-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.zp-sc-tile{position:relative;display:block;min-width:0;border:1px solid #e6e9f0;border-radius:8px;
  padding:3px 3px 4px;text-align:center;background:#fff}
.zp-sc-tile.zp-sc-sel{border-color:#1b2333;box-shadow:0 4px 10px -7px rgba(27,35,51,.35)}
.zp-sc-figv{display:flex;align-items:flex-end;justify-content:center;height:42px;border-radius:5px;
  overflow:hidden;background:linear-gradient(180deg,#f6f8fc,#eef1f6);color:#b9bfcb}
.zp-sc-figv svg{width:22px;height:22px;margin-bottom:4px}
.zp-sc-tile b{display:block;margin-top:3px;font-size:8px;font-weight:700;line-height:10px}
.zp-sc-ck{position:absolute;z-index:1;top:3px;right:3px;width:11px;height:11px;border-radius:50%;
  background:#1b2333;color:#fff;display:grid;place-items:center}
.zp-sc-ck svg{width:6px;height:6px}
.zp-sc-go2{padding-top:5px;font-size:8px;font-weight:600;line-height:10.5px;color:#545b6b;text-align:center}
/* 表格 */
.zp-sc-tb{border:1px solid #e6e9f0;border-radius:12px;overflow:hidden;align-self:start;background:#fff}
.zp-sc-tr{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;
  text-align:center;height:32px;border-top:1px solid #e6e9f0;font-size:13px;color:#1b2333;
  font-variant-numeric:tabular-nums}
.zp-sc-tr>span:first-child{font-weight:800}
.zp-sc-th{height:40px;border-top:0;background:#f6f8fc;font-size:9.5px;font-weight:700;color:#545b6b;
  letter-spacing:.04em}
.zp-sc-th>span{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:0 2px}
.zp-sc-th i{flex:none;width:15px;height:15px;border-radius:50%;background:var(--blue);color:#fff;
  font-style:normal;font-size:9px;font-weight:800;display:grid;place-items:center}
.zp-sc-th em{font-style:normal;line-height:10px}
.zp-sc-hit{position:absolute;inset:-1px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;text-align:center;background:#fff0f2;font-weight:700;
  box-shadow:inset 3px 0 0 var(--blue),inset 0 1px 0 var(--blue),inset 0 -1px 0 var(--blue)}
.zp-sc-k{display:flex;flex-direction:column;align-items:center;line-height:1.1;font-weight:800}
.zp-sc-k em{font-style:normal;margin-top:1px;font-size:7.5px;font-weight:800;letter-spacing:.06em;
  color:var(--blue);white-space:nowrap}
/* finder 变体：默认隐藏「尺码表」下划线与底图，交给动画在 0-40% 显形 */
.zp-sc-root[data-variant="finder"] .zp-sc-tabs .zp-sc-t1{color:#8a90a0}
.zp-sc-root[data-variant="finder"] .zp-sc-u1{opacity:0}
.zp-sc-root[data-variant="finder"] .zp-sc-stg{background-color:transparent;border-color:transparent}
.zp-sc-root[data-variant="finder"] .zp-sc-art{opacity:0}
/* 10s 循环时序 */
[data-mv] .zp-sc-ml{stroke-dasharray:1;animation:zpScDraw 10s linear infinite}
[data-mv] .zp-sc-mk{animation:zpScMk 10s cubic-bezier(.22,.9,.3,1.15) infinite}
[data-mv] .zp-sc-t3,[data-mv] .zp-sc-u3,[data-mv] .zp-sc-fq{animation:zpScOn 10s cubic-bezier(.22,.9,.3,1.15) infinite}
[data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-u1,
[data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-art{animation:zpScOff 10s cubic-bezier(.22,.9,.3,1.15) infinite}
[data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-stg{animation:zpScStg 10s cubic-bezier(.22,.9,.3,1.15) infinite}
[data-mv] .zp-sc-hit{animation:zpScHit 10s cubic-bezier(.22,.9,.3,1.15) infinite}
@keyframes zpScDraw{0%{stroke-dashoffset:1}12%,94%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes zpScMk{0%,8%{opacity:0}14%,94%{opacity:1}100%{opacity:0}}
@keyframes zpScOn{0%,40%{opacity:0}46%,94%{opacity:1}98%,100%{opacity:0}}
@keyframes zpScOff{0%,40%{opacity:1}46%,94%{opacity:0}98%,100%{opacity:1}}
@keyframes zpScStg{
  0%,40%{background-color:#f6f8fc;border-color:#eef1f6}
  46%,94%{background-color:transparent;border-color:transparent}
  98%,100%{background-color:#f6f8fc;border-color:#eef1f6}}
@keyframes zpScHit{
  0%,50%{opacity:0;transform:scale(.97)}
  55%,94%{opacity:1;transform:none}
  98%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
  [data-mv] .zp-sc-ml,[data-mv] .zp-sc-mk,[data-mv] .zp-sc-t3,[data-mv] .zp-sc-u3,[data-mv] .zp-sc-fq,
  [data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-u1,
  [data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-art,
  [data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-stg,[data-mv] .zp-sc-hit{animation:none}
  [data-mv] .zp-sc-ml{stroke-dashoffset:0}
  [data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-u1,
  [data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-art{opacity:1}
}

/* ============================================================
   原站同构：组 2 后两张卡
   —— zp-ap-*（尺码测试 Fit Finder，16s 四步循环）
   —— zp-sg-*（Size Guide 鞋类尺码表，12s 三轮循环）
   规则取自原站公开 CSS，accent 由原站蓝换成本项目品牌红。
   原站这两页都画在 700×384 的 frame 里、带 47/60 的偏移，
   这里把偏移归零，外层用 transform:scale(.6507) 等比缩进卡片媒体区。
   ============================================================ */
.zp-frame,.wm-z{--zp-white:#fff;--zp-ink:#14181f;--zp-ink-app:#1b2333;--zp-ink2:#545b6b;
  --zp-ink3:#8a90a0;--zp-soft:#f6f8fc;--zp-line:#e6e9f0;--zp-line-soft:#eef1f6;--zp-ln:#e7e9ee;
  --zp-card-line:#edf0f6;--zp-photo:#eef0f3;--zp-glow-line:transparent;
  --zp-glow:0 0 22px 1px rgba(249,53,73,.10),0 14px 30px -16px rgba(249,53,73,.22);
  --zp-amber:#b06a00;--zp-good-soft:#e7f6ee;--zp-ease:cubic-bezier(.22,.9,.3,1.15);
  --zp-chip:#fbfbfd;--zp-chip-line:#ededf2;--zp-dot:#e4e6ec;--zp-good:#1a8a4f;
  --zp-w:700;--zp-h:384;
  --ap-ink3:#7b8292;--ap-line-strong:#dee1e9;--sg-ink2:#4a5468}

/* ===== 原站等比缩放画布（严格照抄）=====
   原站 .zp-canvas 用 transform:scale(tan(atan2(100cqw,700px))) 把 700×384 的设计稿
   按容器宽度等比缩放；tan(atan2(a,b)) 等价于 a/b 且是纯数字，可直接喂给 scale()。
   因此同一份 DOM 在首屏（大）与卡片媒体区（小）都保持完全一致的版式。 */
.zp-frame{position:relative;width:100%;aspect-ratio:700/384;margin:0 auto;
  container-type:inline-size;text-align:left;--zp-w:700;--zp-h:384;
  --zp-glow-line:rgba(249,53,73,.20)}
/* 原站 .zp-box：媒体框层（浅蓝 radial 底 + 圆角 + 裁切）
   原站有 surface 两种：bare（首屏，背景透明、不裁切）/ panel（带底色的卡片媒体区） */
.zp-box{position:relative;width:100%;aspect-ratio:var(--zp-w)/var(--zp-h);overflow:hidden;
  border-radius:calc(18 / 700 * 100cqw);
  background:radial-gradient(120% 95% at 58% 42%,#f1f5fd 0%,#f2f6fe 50%,#f4f7ff 100%)}
.zp-frame[data-surface="bare"] .zp-box,.wm-z[data-surface="bare"] .zp-box{
  background:transparent;border-radius:0;overflow:visible}
.zp-canvas{position:absolute;left:0;top:0;width:calc(var(--zp-w) * 1px);
  height:calc(var(--zp-h) * 1px);transform-origin:0 0;
  transform:scale(tan(atan2(100cqw,calc(var(--zp-w) * 1px))))}
/* 首屏：原站裸画布把内容摆回 frame 内的 47/60 偏移 */
.zp-frame .zp-ap-page{left:47px;top:60px}
.zp-frame .zp-ap-wd{left:417px;top:62px;height:286px}
.zp-frame .zp-sg-pg{left:70px;top:60px}
/* 缓存区媒体：与首屏同一套 700×384 画布，宽度跟卡片走、高度由比例决定 */
.wm-z{position:relative;flex:none;width:100%;aspect-ratio:700/384;
  margin:0 auto;container-type:inline-size}

/* ---------- 尺码测试 zp-ap-* ---------- */
.zp-ap-root{position:absolute;inset:0;color:var(--zp-ink)}
.zp-ap-page{position:absolute;left:0;top:0;width:420px;height:292px;z-index:2;display:flex;gap:16px;
  padding:16px;background:var(--zp-white);border:1px solid var(--zp-card-line);border-radius:22px;
  box-shadow:0 1px 2px rgba(27,35,51,.04),0 10px 30px rgba(249,53,73,.06)}
.zp-ap-ph{flex:none;width:166px;height:258px;border-radius:14px;background:var(--zp-photo);overflow:hidden}
.zp-ap-ph img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 30%}
.zp-ap-info{flex:1;min-width:0;padding:6px 36px 0 0}
.zp-ap-br{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--zp-ink3);line-height:12px;margin-bottom:4px}
.zp-ap-nm{font-size:15px;font-weight:500;line-height:18px;height:36px;overflow:hidden;margin-bottom:6px}
.zp-ap-pr{font-size:13px;font-weight:700;line-height:16px;margin-bottom:24px;font-variant-numeric:tabular-nums}
.zp-ap-ps{position:relative;display:flex;gap:5px;margin-bottom:14px}
.zp-ap-ps>span{width:28px;height:28px;border:1px solid var(--zp-ln);border-radius:8px;display:grid;
  place-items:center;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.zp-ap-lit{position:absolute;z-index:2;top:0;left:66px;width:28px;height:28px;border-radius:8px;
  border:1.5px solid var(--blue);background:#fff0f2;color:var(--blue);font-size:12px;font-weight:800;
  display:grid;place-items:center;font-variant-numeric:tabular-nums}
.zp-ap-lit em{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);
  white-space:nowrap;background:var(--blue);color:#fff;font-style:normal;font-size:8px;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;line-height:1.3}
.zp-ap-lit em::after{content:"";position:absolute;top:100%;left:50%;margin-left:-3px;
  border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid var(--blue)}
.zp-ap-ff{position:relative;z-index:2;height:32px;border-radius:9px;background:var(--blue);color:#fff;
  font-size:12.5px;font-weight:800;display:grid;place-items:center;margin-bottom:8px;white-space:nowrap;overflow:hidden}
.zp-ap-bag{height:32px;border-radius:9px;background:var(--zp-ink);color:#fff;font-size:12.5px;font-weight:700;
  display:grid;place-items:center;white-space:nowrap;overflow:hidden}
/* 原站 CSS 顺序在后 → 品牌名与购物袋在尺码测试卡片里不显示 */
.zp-ap-br,.zp-ap-bag{display:none}
.zp-ap-veil{position:absolute;inset:0;z-index:1;border-radius:21px;background:rgba(232,237,247,.66)}
.zp-ap-wd{position:absolute;left:370px;top:2px;width:236px;height:286px;z-index:3;display:grid;
  grid-template-columns:minmax(0,1fr);align-items:center;color:var(--zp-ink-app)}
.zp-ap-nub{position:absolute;z-index:1;left:-7px;top:170px;width:12px;height:12px;background:var(--zp-white);
  border-left:1px solid var(--zp-glow-line);border-bottom:1px solid var(--zp-glow-line);transform:rotate(45deg)}
.zp-ap-qz{grid-area:1/1;position:relative;min-width:0;padding:10px 13px 10px;overflow:hidden;opacity:0;
  text-align:left;background:var(--zp-white);border:1px solid var(--zp-glow-line);border-radius:18px;
  box-shadow:var(--zp-glow),0 2px 6px rgba(20,30,60,.05)}
.zp-ap-z4{opacity:1}
.zp-ap-wh{display:grid;grid-template-columns:14px minmax(0,1fr) 14px;align-items:center;height:15px;margin-bottom:5px}
.zp-ap-ttl{text-align:center;font-size:10.5px;font-weight:800;color:var(--zp-ink-app);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.zp-ap-x{display:grid;place-items:center;color:var(--ap-ink3)}
.zp-ap-x svg{width:10px;height:10px}
.zp-ap-top{display:flex;align-items:center;gap:6px;margin-bottom:7px}
.zp-ap-back{flex:none;width:19px;height:19px;border-radius:6px;border:1px solid var(--zp-line);
  background:var(--zp-white);display:grid;place-items:center;color:var(--zp-ink2)}
.zp-ap-back svg{width:9px;height:9px}
.zp-ap-steps{flex:1;min-width:0;display:flex;gap:3px}
.zp-ap-steps i{flex:1;height:3px;border-radius:3px;background:var(--zp-line)}
.zp-ap-steps i.zp-ap-done{background:var(--zp-ink-app)}
.zp-ap-steps i.zp-ap-now{background:#8f959f}
.zp-ap-stepn{flex:none;font-size:8px;line-height:10px;font-weight:700;color:var(--ap-ink3);white-space:nowrap}
.zp-ap-live{flex:none;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:100px;
  white-space:nowrap;font-size:8px;line-height:10px;font-weight:700;color:var(--zp-ink2);
  background:#fff4f5;border:1px solid #ffe0e5}
.zp-ap-live b{color:var(--blue);font-size:9px;font-weight:800}
.zp-ap-zq{font-size:12.5px;line-height:15px;font-weight:800;letter-spacing:-.02em;color:var(--zp-ink-app);margin-bottom:2px}
.zp-ap-zs{margin:0 0 8px;font-size:8.5px;line-height:11.5px;color:var(--zp-ink2)}
.zp-ap-go{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 10px;
  border-radius:8px;background:var(--blue);color:#fff;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden}
.zp-ap-go svg{flex:none;width:10px;height:10px}
.zp-ap-hw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.zp-ap-fl{display:block;margin-bottom:3px;font-size:8px;line-height:10px;font-weight:700;
  color:var(--zp-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-ap-fb{display:flex;align-items:center;height:30px;padding:0 8px;border:1px solid var(--ap-line-strong);
  border-radius:8px;background:var(--zp-white);font-size:11.5px;font-weight:700;color:var(--zp-ink-app)}
.zp-ap-fb small{margin-left:auto;font-size:8px;font-weight:700;color:var(--ap-ink3)}
.zp-ap-unitrow{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 0 9px;
  font-size:8px;font-weight:600;color:var(--ap-ink3)}
.zp-ap-unit{flex:none;display:inline-flex;padding:1.5px;border-radius:6px;background:var(--zp-line-soft)}
.zp-ap-unit span{padding:2.5px 7px;border-radius:4.5px;font-size:7.5px;line-height:10px;font-weight:700;color:var(--ap-ink3)}
.zp-ap-unit span[data-on]{background:var(--zp-ink-app);color:#fff}
.zp-ap-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.zp-ap-tile{position:relative;display:block;min-width:0;padding:5px 4px 6px;border:1px solid var(--zp-line);
  border-radius:10px;background:var(--zp-white);text-align:center}
.zp-ap-tile.zp-ap-sel{border-color:var(--zp-ink-app);box-shadow:0 4px 10px -7px rgba(27,35,51,.35)}
.zp-ap-figv{display:flex;align-items:flex-end;justify-content:center;height:64px;border-radius:6px;
  overflow:hidden;background:linear-gradient(180deg,var(--zp-soft),var(--zp-line-soft))}
.zp-ap-figv img{display:block;width:auto;max-width:none;height:62px}
.zp-ap-tile b{display:block;margin-top:4px;font-size:9px;line-height:11px;font-weight:700;color:var(--zp-ink-app)}
.zp-ap-tile small{display:block;min-height:20px;margin-top:1px;font-size:7.5px;line-height:10px;
  font-weight:600;color:var(--ap-ink3)}
.zp-ap-ck{position:absolute;z-index:1;top:4px;right:4px;width:13px;height:13px;border-radius:50%;
  background:var(--zp-ink-app);color:#fff;display:grid;place-items:center}
.zp-ap-ck svg{width:7px;height:7px}
.zp-ap-skip{margin-top:8px;text-align:center;font-size:8.5px;line-height:11px;font-weight:600;color:var(--zp-ink2);
  text-wrap:balance}
.zp-ap-prefs small{text-wrap:balance}
/* 原站中文排版规则（照抄）：断词 + 均衡换行，解决 236px 浮层内文字挤成一行 */
.zp-ap-tile b,.zp-ap-tile small{hyphens:auto;overflow-wrap:break-word;text-wrap:balance}
.zp-ap-zs,.zp-ap-expect,.zp-ap-alt div{text-wrap:pretty}
.zp-ap-zs,.zp-ap-tile small,.zp-ap-skip,.zp-ap-expect,.zp-ap-alt div{word-break:auto-phrase}
.zp-ap-dn{hyphens:auto;overflow-wrap:break-word}
.zp-ap-prefs{display:grid;gap:5px}
.zp-ap-prefs span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;
  border:1px solid var(--zp-line);border-radius:8px;background:var(--zp-white)}
.zp-ap-prefs span.zp-ap-sel{border-color:var(--zp-ink-app);box-shadow:0 4px 10px -7px rgba(27,35,51,.35)}
.zp-ap-prefs b{flex:none;font-size:9.5px;line-height:12px;font-weight:700;color:var(--zp-ink-app)}
.zp-ap-prefs small{min-width:0;font-size:7.5px;line-height:10px;font-weight:600;color:var(--ap-ink3);text-align:right}
.zp-ap-res{padding:7px 8px 8px;border:1px solid var(--zp-line);border-radius:12px;
  background:linear-gradient(180deg,#fff4f5,var(--zp-white) 70%)}
.zp-ap-lbl{font-size:7.5px;line-height:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ap-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-ap-big{display:flex;align-items:center;flex-wrap:wrap;gap:3px 9px;margin-top:3px}
.zp-ap-big b{min-width:32px;font-size:28px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--blue)}
.zp-ap-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:100px;
  background:var(--zp-line-soft);color:var(--zp-ink2);font-size:8px;line-height:10px;font-weight:700;white-space:nowrap}
.zp-ap-expect{margin:3px 0 0;font-size:8.5px;line-height:11px;font-weight:600;color:var(--zp-ink-app)}
.zp-ap-fitmap{display:grid;gap:4px;margin-top:6px}
.zp-ap-scale,.zp-ap-dimrow{display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:6px}
.zp-ap-scale{font-size:6.5px;line-height:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ap-ink3)}
.zp-ap-scale div{display:flex;justify-content:space-between;gap:4px}
.zp-ap-dimrow{align-items:center;row-gap:1px}
.zp-ap-dn{font-size:8.5px;line-height:10px;font-weight:700;color:var(--zp-ink-app)}
.zp-ap-bar{position:relative;height:12px}
.zp-ap-track{position:absolute;left:0;right:0;top:4px;height:4px;border-radius:3px;
  background:linear-gradient(90deg,#f6e4c8 0%,#fbf1e0 22%,var(--zp-good-soft) 38%,var(--zp-good-soft) 62%,#ffe9ec 78%,#ffd9df 100%)}
.zp-ap-dot{position:absolute;top:1px;width:10px;height:10px;border-radius:50%;background:var(--zp-ink-app);
  border:2px solid var(--zp-white);box-shadow:0 1px 3px rgba(27,35,51,.35);transform:translateX(-50%);box-sizing:border-box}
.zp-ap-dv{grid-column:2;font-size:7.5px;line-height:9px;font-weight:700;color:var(--zp-ink2)}
.zp-ap-alt{display:flex;align-items:center;gap:7px;margin-top:5px;padding:5px 8px;
  border:1px solid var(--zp-line);border-radius:10px;background:var(--zp-white)}
.zp-ap-alt b{flex:none;min-width:20px;text-align:center;font-size:12.5px;font-weight:800;color:var(--zp-ink-app)}
.zp-ap-alt div{margin:0;font-size:8px;line-height:10.5px;color:var(--zp-ink2)}
[data-mv] .zp-ap-z0{animation:zpApZ0 16s var(--zp-ease) infinite}
[data-mv] .zp-ap-z1{animation:zpApZ1 16s var(--zp-ease) infinite}
[data-mv] .zp-ap-z2{animation:zpApZ2 16s var(--zp-ease) infinite}
[data-mv] .zp-ap-z3{animation:zpApZ3 16s var(--zp-ease) infinite}
[data-mv] .zp-ap-z4{animation:zpApZ4 16s var(--zp-ease) infinite}
[data-mv] .zp-ap-lit{animation:zpApLit 16s var(--zp-ease) infinite}
[data-mv] .zp-ap-z0 .zp-ap-go{animation:zpApTap0 16s var(--zp-ease) infinite}
[data-mv] .zp-ap-z1 .zp-ap-sel{animation:zpApTap1 16s var(--zp-ease) infinite}
[data-mv] .zp-ap-z2 .zp-ap-sel{animation:zpApTap2 16s var(--zp-ease) infinite}
[data-mv] .zp-ap-z3 .zp-ap-sel{animation:zpApTap3 16s var(--zp-ease) infinite}
@keyframes zpApZ0{0%,15%{opacity:1}17%,96%{opacity:0}98%,100%{opacity:1}}
@keyframes zpApZ1{0%,16%{opacity:0;transform:translateX(8px)}18%,32%{opacity:1;transform:none}34%,100%{opacity:0}}
@keyframes zpApZ2{0%,33%{opacity:0;transform:translateX(8px)}35%,49%{opacity:1;transform:none}51%,100%{opacity:0}}
@keyframes zpApZ3{0%,50%{opacity:0;transform:translateX(8px)}52%,65%{opacity:1;transform:none}67%,100%{opacity:0}}
@keyframes zpApZ4{0%,66%{opacity:0;transform:translateY(5px)}69%,96%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes zpApLit{0%,16%{opacity:0;transform:scale(.9)}19%,96%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes zpApTap0{0%,12%{transform:none}13.5%{transform:scale(.95)}15%,100%{transform:none}}
@keyframes zpApTap1{0%,29%{transform:none}30.5%{transform:scale(.94)}32%,100%{transform:none}}
@keyframes zpApTap2{0%,46%{transform:none}47.5%{transform:scale(.94)}49%,100%{transform:none}}
@keyframes zpApTap3{0%,62%{transform:none}63.5%{transform:scale(.96)}65%,100%{transform:none}}

/* ---------- Size Guide zp-sg-* ---------- */
.zp-sg-root{position:absolute;inset:0;color:var(--zp-ink-app);
  --sg-cols:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr)}
.zp-sg-pg{position:absolute;left:0;top:0;width:560px;height:292px;padding:16px 18px;background:var(--zp-white);
  border:1px solid var(--zp-card-line);border-radius:22px;
  box-shadow:0 1px 2px rgba(27,35,51,.04),0 10px 30px rgba(249,53,73,.06)}
.zp-sg-h1{height:24px;line-height:24px;margin-bottom:12px;text-align:center;font-size:17px;font-weight:800;
  letter-spacing:-.01em;white-space:nowrap}
.zp-sg-cols{display:grid;grid-template-columns:224px minmax(0,1fr);gap:16px;height:220px}
.zp-sg-fz{display:flex;align-items:center;padding:0 4px;min-width:0}
.zp-sg-fc{position:relative;z-index:2;width:100%;padding:12px;background:var(--zp-white);
  border:1px solid var(--zp-glow-line);border-radius:12px;box-shadow:var(--zp-glow)}
.zp-sg-ft{font-size:13px;font-weight:800;line-height:18px;margin-bottom:8px}
.zp-sg-q{font-size:11px;font-weight:700;line-height:1.25;margin-bottom:7px}
.zp-sg-pick{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:6px;margin-bottom:9px}
.zp-sg-sel{position:relative;display:flex;align-items:center;height:32px;padding:0 8px;
  border:1px solid var(--zp-line);border-radius:10px;background:var(--zp-white);font-size:12.5px;font-weight:700}
.zp-sg-selOn{border-color:var(--blue);box-shadow:0 0 0 .5px var(--blue)}
.zp-sg-sw{position:relative;flex:1;min-width:0;height:20px;overflow:hidden}
.zp-sg-sw>span{position:absolute;inset:0;display:flex;align-items:center;gap:4px;white-space:nowrap}
.zp-sg-sw img{flex:none;width:18px;height:18px;max-width:none;border-radius:5px;object-fit:cover;
  border:1px solid rgba(15,23,42,.08)}
.zp-sg-sys{flex:none;background:#fff0f2;border-radius:999px;padding:1px 4px;font-size:9.5px;
  font-weight:800;letter-spacing:.02em;color:var(--sg-ink2)}
.zp-sg-car{flex:none;margin-left:4px;color:var(--zp-ink3);font-size:9px}
.zp-sg-cta{height:32px;border-radius:10px;background:var(--blue);color:#fff;font-size:12.5px;font-weight:800;
  display:grid;place-items:center;white-space:nowrap;overflow:hidden}
.zp-sg-tbc{position:relative;min-width:0}
.zp-sg-tabs{display:flex;justify-content:center;gap:4px;height:32px;margin-bottom:10px;
  box-shadow:inset 0 -1px 0 var(--zp-line)}
.zp-sg-tabs span{padding:0 14px;line-height:30px;font-size:13px;font-weight:600;color:var(--zp-ink3);
  border-bottom:2px solid transparent;white-space:nowrap}
.zp-sg-tabs .zp-sg-tabOn{color:var(--zp-ink-app);border-bottom-color:var(--blue)}
.zp-sg-tb{border:1px solid var(--zp-line);border-radius:16px;overflow:hidden}
.zp-sg-tr{position:relative;display:grid;grid-template-columns:var(--sg-cols);align-items:center;
  text-align:center;height:36px;border-top:1px solid var(--zp-line);font-size:14px;font-variant-numeric:tabular-nums}
.zp-sg-tr>span:first-child{font-weight:700}
.zp-sg-th{height:30px;border-top:0;background:var(--zp-soft);color:var(--sg-ink2);font-size:11px;
  line-height:12px;font-weight:700}
.zp-sg-th>span{padding:0 3px;overflow-wrap:anywhere}
.zp-sg-hit{position:absolute;inset:-1px 0 0;display:grid;grid-template-columns:var(--sg-cols);
  align-items:center;text-align:center;background:#fff0f2;font-weight:700;
  box-shadow:inset 3px 0 0 var(--blue),inset 0 1px 0 var(--blue),inset 0 -1px 0 var(--blue)}
.zp-sg-k{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.zp-sg-k em{font-style:normal;margin-top:2px;font-size:8.5px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--blue);white-space:nowrap}
.zp-sg-lk{position:absolute;left:-18px;width:20px;height:20px;border-radius:50%;background:var(--blue);
  color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px var(--zp-white)}
.zp-sg-lk svg{width:11px;height:11px}
.zp-sg-r0{top:81px}
.zp-sg-r1{top:117px}
.zp-sg-r2{top:153px}
.zp-sg-x2,.zp-sg-x3{opacity:0}
[data-mv] .zp-sg-x1{animation:zpSgX1 12s var(--zp-ease) infinite}
[data-mv] .zp-sg-x2{animation:zpSgX2 12s var(--zp-ease) infinite}
[data-mv] .zp-sg-x3{animation:zpSgX3 12s var(--zp-ease) infinite}
[data-mv] .zp-sg-hit.zp-sg-x1,[data-mv] .zp-sg-lk.zp-sg-x1{animation-name:zpSgH1}
[data-mv] .zp-sg-hit.zp-sg-x2,[data-mv] .zp-sg-lk.zp-sg-x2{animation-name:zpSgH2}
[data-mv] .zp-sg-hit.zp-sg-x3,[data-mv] .zp-sg-lk.zp-sg-x3{animation-name:zpSgH3}
[data-mv] .zp-sg-cta{animation:zpSgPress 12s var(--zp-ease) infinite}
@keyframes zpSgX1{0%{opacity:0}2%,31%{opacity:1}33%,100%{opacity:0}}
@keyframes zpSgX2{0%,34%{opacity:0}36%,64%{opacity:1}66%,100%{opacity:0}}
@keyframes zpSgX3{0%,67%{opacity:0}69%,97%{opacity:1}99%,100%{opacity:0}}
@keyframes zpSgH1{0%,8%{opacity:0;transform:scale(.97)}11%,30%{opacity:1;transform:none}32%,100%{opacity:0}}
@keyframes zpSgH2{0%,41%{opacity:0;transform:scale(.97)}44%,63%{opacity:1;transform:none}65%,100%{opacity:0}}
@keyframes zpSgH3{0%,74%{opacity:0;transform:scale(.97)}77%,96%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes zpSgPress{0%,5%{transform:none}7%{transform:scale(.95)}9%,38%{transform:none}
  40%{transform:scale(.95)}42%,71%{transform:none}73%{transform:scale(.95)}75%,100%{transform:none}}

/* ---------- 鞋码推荐 zp-sh-*（原站 10s：已有鞋问卷 → 我的尺码结果卡） ---------- */
.zp-sh-root{position:absolute;inset:0;color:var(--zp-ink);--bar-snug:#f6e7d6;--bar-roomy:#fbdbe1}
.zp-sh-page{position:absolute;left:47px;top:60px;width:420px;height:292px;z-index:2;display:flex;
  gap:16px;padding:16px;background:var(--zp-white);border:1px solid var(--zp-card-line);
  border-radius:22px;box-shadow:0 1px 2px rgba(27,35,51,.04),0 10px 30px rgba(249,53,73,.06)}
.zp-sh-ph{flex:none;width:166px;height:258px;border-radius:14px;background:var(--zp-photo);overflow:hidden}
.zp-sh-ph img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:30% 50%}
.zp-sh-info{flex:1;min-width:0;padding:6px 36px 0 0}
.zp-sh-br{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--zp-ink3);line-height:12px;margin-bottom:4px}
.zp-sh-nm{font-size:15px;font-weight:500;line-height:18px;height:36px;overflow:hidden;margin-bottom:6px}
.zp-sh-pr{font-size:13px;font-weight:700;line-height:16px;margin-bottom:24px;font-variant-numeric:tabular-nums}
.zp-sh-ps{position:relative;display:flex;gap:5px;margin-bottom:14px}
.zp-sh-ps>span{width:28px;height:28px;border:1px solid var(--zp-ln);border-radius:8px;display:grid;
  place-items:center;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.zp-sh-lit{position:absolute;z-index:2;top:0;left:33px;width:28px;height:28px;border-radius:8px;
  border:1.5px solid var(--blue);background:#fff0f2;color:var(--blue);font-size:12px;font-weight:800;
  display:grid;place-items:center;font-variant-numeric:tabular-nums}
.zp-sh-lit em{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);
  white-space:nowrap;background:var(--blue);color:var(--zp-white);font-style:normal;font-size:8px;
  font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;line-height:1.3}
.zp-sh-lit em::after{content:"";position:absolute;top:100%;left:50%;margin-left:-3px;
  border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid var(--blue)}
.zp-sh-ff{position:relative;z-index:2;height:32px;border-radius:9px;background:var(--blue);
  color:var(--zp-white);font-size:12.5px;font-weight:800;display:grid;place-items:center;
  margin-bottom:8px;white-space:nowrap;overflow:hidden}
.zp-sh-bag{height:32px;border-radius:9px;background:var(--zp-ink);color:var(--zp-white);font-size:12.5px;
  font-weight:700;display:grid;place-items:center;white-space:nowrap;overflow:hidden}
.zp-sh-veil{position:absolute;inset:0;z-index:1;border-radius:21px;background:rgba(232,237,247,.66)}
.zp-sh-wd{position:absolute;left:417px;top:60px;width:236px;height:292px;z-index:3;display:grid;
  grid-template-columns:minmax(0,1fr);align-items:center}
.zp-sh-nub{position:absolute;z-index:1;left:-7px;top:172px;width:12px;height:12px;background:var(--zp-white);
  border-left:1px solid var(--zp-glow-line);border-bottom:1px solid var(--zp-glow-line);transform:rotate(45deg)}
.zp-sh-qs,.zp-sh-as{grid-area:1/1;position:relative;min-width:0;padding:14px 16px;overflow:hidden;
  background:var(--zp-white);border:1px solid var(--zp-glow-line);border-radius:18px;
  box-shadow:var(--zp-glow),0 2px 6px rgba(20,30,60,.05)}
.zp-sh-qs{opacity:0}
.zp-sh-as{text-align:center}
.zp-sh-wh{display:flex;align-items:center;justify-content:space-between;height:14px;margin-bottom:8px;
  color:var(--zp-ink3)}
.zp-sh-bk,.zp-sh-x{font-size:14px;line-height:1;width:14px;text-align:center}
.zp-sh-dots{display:flex;gap:3px}
.zp-sh-dots i{width:5px;height:5px;border-radius:50%;background:var(--zp-dot)}
.zp-sh-dots i.zp-sh-on{width:12px;border-radius:3px;background:var(--blue)}
.zp-sh-qt{font-size:14px;font-weight:800;line-height:18px;margin-bottom:12px}
.zp-sh-fl{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--zp-ink3);line-height:12px;margin-bottom:5px}
.zp-sh-fb{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--zp-ln);
  border-radius:10px;font-size:13px;font-weight:700;margin-bottom:10px}
.zp-sh-fb img{width:18px;height:18px;border-radius:5px}
.zp-sh-fbOn{border-color:var(--blue);box-shadow:0 0 0 .5px var(--blue)}
.zp-sh-sys{background:#fff0f2;color:var(--zp-ink2);border-radius:999px;padding:1px 6px;font-size:10px;
  font-weight:800}
.zp-sh-car{margin-left:auto;color:var(--zp-ink3);font-size:10px}
.zp-sh-go{margin-top:6px;height:34px;border-radius:10px;background:var(--blue);color:var(--zp-white);
  font-size:12.5px;font-weight:800;display:grid;place-items:center;white-space:nowrap;overflow:hidden}
.zp-sh-rl{font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--zp-ink3);line-height:12px}
.zp-sh-rl b{color:var(--zp-ink2);font-weight:800}
.zp-sh-sz{margin:4px 0 6px;line-height:1}
.zp-sh-sz small{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--zp-ink3);
  margin-bottom:3px;text-transform:uppercase}
.zp-sh-sz b{font-size:44px;font-weight:800;letter-spacing:-.03em}
.zp-sh-bar{display:flex;align-items:center;gap:6px;height:12px;font-size:8px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--zp-ink3);margin-bottom:8px}
.zp-sh-bar i{position:relative;flex:1;height:6px;border-radius:3px;
  background:linear-gradient(90deg,var(--bar-snug),var(--zp-line-soft) 42%,var(--zp-line-soft) 58%,var(--bar-roomy))}
.zp-sh-bar u{position:absolute;top:50%;left:57%;width:12px;height:12px;margin:-6px 0 0 -6px;
  border-radius:50%;background:var(--blue);border:2px solid var(--zp-white);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.zp-sh-cmp{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.zp-sh-pt{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:42px;padding:0 8px;
  border:1px solid var(--zp-chip-line);border-radius:10px;background:var(--zp-chip);text-align:left}
.zp-sh-pt.zp-sh-to{border-color:rgba(249,53,73,.55);background:#fff0f2}
.zp-sh-pt img{flex:none;width:22px;height:22px;border-radius:6px}
.zp-sh-tx{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.zp-sh-tx span{font-size:9.5px;font-weight:700;color:var(--zp-ink2)}
.zp-sh-tx b{font-size:13px;font-weight:800;color:var(--zp-ink);white-space:nowrap}
.zp-sh-to .zp-sh-tx b{color:var(--blue)}
.zp-sh-arrow{flex:none;display:flex;color:var(--zp-ink3)}
.zp-sh-arrow svg{width:12px;height:12px}
.zp-sh-vd{font-size:12px;font-weight:800;color:var(--zp-good);line-height:15px}
[data-mv] .zp-sh-qs{animation:zpShQ 10s var(--zp-ease) infinite}
[data-mv] .zp-sh-as{animation:zpShA 10s var(--zp-ease) infinite}
[data-mv] .zp-sh-lit{animation:zpShLit 10s var(--zp-ease) infinite}
[data-mv] .zp-sh-go{animation:zpShGo 10s var(--zp-ease) infinite}
@keyframes zpShQ{0%,36%{opacity:1}40%,96%{opacity:0}100%{opacity:1}}
@keyframes zpShA{0%,38%{opacity:0;transform:translateY(5px)}43%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes zpShLit{0%,46%{opacity:0;transform:scale(.9)}50%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes zpShGo{0%,30%{transform:none}33%{transform:scale(.95)}36%,100%{transform:none}}

@media(prefers-reduced-motion:reduce){
  [data-mv] .zp-ap-qz,[data-mv] .zp-ap-lit,[data-mv] .zp-ap-go,[data-mv] .zp-ap-sel,
  [data-mv] .zp-sg-x1,[data-mv] .zp-sg-x2,[data-mv] .zp-sg-x3,[data-mv] .zp-sg-cta,
  [data-mv] .zp-sh-qs,[data-mv] .zp-sh-as,[data-mv] .zp-sh-lit,[data-mv] .zp-sh-go{animation:none}
  .zp-ap-z0,.zp-ap-z1,.zp-ap-z2,.zp-ap-z3{opacity:1;position:relative}
  .zp-sg-x1,.zp-sg-x2,.zp-sg-x3{opacity:1;position:relative}
  .zp-sh-qs{opacity:1;position:relative}
}

/* 帧 1：Size Chart + 找到我的尺码问卷 */
.hs-card{height:100%;padding:14px 16px}
.hs-card .sc-subtabs{margin:10px 0 8px}
.hs-card .sc-body{gap:12px}
.hs-card .sc-body svg{max-height:150px}
.hs-card .sc-tbl{font-size:11.5px}
.hs-card .sc-tbl th{padding:6px 4px}
.hs-card .sc-tbl td{padding:6px 4px}
.hs-card .sc-tbl tr.your td em{font-size:8px}
.sc-tbl tr.your td{background:#ffe9ec;color:#F93549;font-weight:700}
.sc-tbl tr.your td em{display:block;font-size:8.5px;font-style:normal;
  font-weight:600;color:#F93549}

.logos-title{text-align:center;color:var(--blue);font-weight:700;font-size:13px;margin:136px 0 24px}
.logos{overflow:hidden;padding-bottom:68px;
  -webkit-mask-image:linear-gradient(90deg,#0000,#000 7%,#000 93%,#0000);
  mask-image:linear-gradient(90deg,#0000,#000 7%,#000 93%,#0000)}
.logos-track{display:flex;gap:16px;width:max-content;animation:logoMarquee 48s linear infinite;
  will-change:transform;backface-visibility:hidden}
.logos:hover .logos-track{animation-play-state:paused}
@keyframes logoMarquee{from{transform:translate(0)}to{transform:translate(calc(-50% - 8px))}}
@media(prefers-reduced-motion:reduce){.logos-track{animation:none}}
.logo-item{flex:none;width:150px;height:74px;padding:0 22px;background:#fff;border-radius:14px;
  border:1px solid var(--line);box-shadow:0 1px 2px rgba(20,28,70,.05);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:19px;color:#8b90a6;letter-spacing:-.04em}

.section{padding:clamp(84px,9vw,140px) 0}
.section.alt{background:#fff}
.section-head{margin-bottom:clamp(40px,5vw,64px)}
.section-head.center{text-align:center}
.eyebrow{color:var(--blue);font-weight:700;font-size:13px;margin-bottom:12px}
.h2{font-size:clamp(28px,3.4vw,42px);line-height:1.2;font-weight:800;letter-spacing:-.035em}
.lead{font-size:16.5px;color:var(--ink2);line-height:1.75;max-width:720px;margin-top:14px}
.section-head.center .lead{margin-left:auto;margin-right:auto}

.fcard{padding:26px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.fcard h3{font-size:18px;font-weight:700;margin-bottom:10px}
.fcard p{color:var(--ink2);font-size:14px;line-height:1.7}
.fcard .num{width:34px;height:34px;border-radius:9px;background:var(--blue-l);color:var(--blue);
  display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:16px}
.plat-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.plat{padding:8px 14px;border-radius:9px;background:#f4f6fc;font-size:13px;font-weight:600;color:var(--ink2)}

.checklist li{display:flex;gap:10px;align-items:flex-start;margin:11px 0;color:var(--ink2);font-size:14px}
.checklist svg{color:var(--blue);margin-top:3px}
.big-quote{font-size:clamp(26px,3.3vw,40px);font-weight:800;letter-spacing:-.035em;line-height:1.25}

/* 三步 */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:860px){.steps{grid-template-columns:1fr}}
.step{padding:26px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.step .sn{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:16px}
.step h3{font-size:18px;font-weight:700;margin:14px 0 8px}
.step p{color:var(--ink2);font-size:14px;line-height:1.7}
.step-visual{height:150px;border-radius:12px;background:linear-gradient(135deg,#fff7f8,#ffe6ea);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden}
.step-visual svg{height:120px;width:auto;color:#e0a9b2}

/* 定价 */
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}
@media(max-width:1050px){.price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.price-grid{grid-template-columns:1fr}}
.price{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;position:relative}
.price.hot{border:2px solid var(--blue);box-shadow:0 12px 40px rgba(249,53,73,.13)}
.price .hot-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--blue);color:#fff;padding:4px 14px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}
.price h3{font-size:19px;font-weight:750}
.price .amt{font-size:32px;font-weight:800;letter-spacing:-.04em;margin:14px 0 2px;display:flex;align-items:baseline;gap:2px}
.price .amt .was{font-size:16px;color:var(--muted2);font-weight:500;margin-right:4px;text-decoration:line-through}
.price .amt .cur{font-weight:800}
.price .amt small{font-size:14px;color:var(--muted);font-weight:500}
.price .yr{font-size:12px;color:var(--muted);min-height:18px;display:flex;align-items:center;gap:8px}
.price .yr .saveline{color:var(--blue);font-weight:600}
.hide{display:none !important}
.price .desc{font-size:13.5px;color:var(--ink2);line-height:1.65;margin:14px 0 18px;min-height:66px}
.price ul{margin:16px 0 20px;border-top:1px solid var(--line);padding-top:16px}
.price li{display:flex;gap:9px;font-size:13px;color:var(--ink2);margin:9px 0;line-height:1.5}
.price li svg{color:var(--blue);margin-top:2px}
.price .studio{background:var(--blue-soft);border-radius:9px;padding:9px 12px;
  font-size:12.5px;font-weight:650;color:var(--blue);margin-bottom:14px;text-align:center}

/* FAQ */
.faq{max-width:820px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:20px 2px;text-align:left;font-weight:650;font-size:16px}
.faq-q svg{transition:.2s;color:var(--muted)}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-a{padding:0 2px 20px;color:var(--ink2);line-height:1.8;font-size:14.5px;display:none}
.faq-item.open .faq-a{display:block}

.review{padding:24px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.review p{font-size:14.5px;line-height:1.75;color:var(--ink2)}
.review .who{font-weight:700;font-size:13.5px;margin-top:16px}
.review .role{font-size:12px;color:var(--muted)}
.stars{color:#f5a623;letter-spacing:2px;font-size:14px}
/* ===== 页脚（原站 #footer.bg-ink：深色五列 grid + 底栏语言/法务链接） ===== */
.mkt-footer{background:var(--ink);color:rgba(255,255,255,.7);padding:48px 0;margin-top:30px}
.mkt-footer .ftr-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.15fr 1fr;gap:40px 32px}
.mkt-footer .ftr-brand .brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:750;font-size:18px}
.mkt-footer .ftr-brand .brand svg{width:28px;height:28px}
.mkt-footer .ftr-tag{margin-top:16px;font-size:15.5px;font-weight:500;line-height:1.4;color:rgba(255,255,255,.8);max-width:33ch}
.mkt-footer .ftr-cta{margin-top:20px}
.mkt-footer .ftr-trust{margin-top:18px;display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.5)}
.mkt-footer .ftr-stars{color:#f5a623;letter-spacing:.05em}
.mkt-footer .ftr-fb{margin-top:18px;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);transition:all .15s}
.mkt-footer .ftr-fb:hover{background:var(--blue);color:#fff}
.mkt-footer .ftr-fb svg{width:18px;height:18px}
.mkt-footer .ftr-h{margin-bottom:16px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.45)}
.mkt-footer .ftr-col a{display:flex;width:fit-content;align-items:center;gap:6px;padding:5px 0;font-size:14.5px;line-height:1.25;color:rgba(255,255,255,.7);text-decoration:none;transition:color .15s}
.mkt-footer .ftr-col a:hover{color:#fff}
.mkt-footer .ftr-b{border-radius:5px;padding:2px 6px;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.mkt-footer .ftr-new{background:rgba(22,163,74,.2);color:#7ee2a8}
.mkt-footer .ftr-dim{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}
.mkt-footer .ftr-hot{background:rgba(249,53,73,.2);color:#8fb6ff}
.mkt-footer .ftr-ext{font-size:11px;color:rgba(255,255,255,.4)}
.mkt-footer .ftr-bar{margin-top:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;font-size:12px;color:rgba(255,255,255,.5)}
.mkt-footer .ftr-bar-r{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.mkt-footer .ftr-bar a{color:rgba(255,255,255,.5);text-decoration:none}
.mkt-footer .ftr-bar a:hover{color:#fff}
.mkt-footer .ftr-dot{color:rgba(255,255,255,.3)}
.mkt-footer .ftr-lang{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}
.mkt-footer .ftr-lang:hover{color:#fff}
.mkt-footer .ftr-lang .flag{display:inline-flex;flex:none;width:16px;height:16px;overflow:hidden;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(16,28,54,.12)}
@media(max-width:1024px){.mkt-footer .ftr-grid{grid-template-columns:repeat(3,1fr)}.mkt-footer .ftr-brand{grid-column:1/-1}}
@media(max-width:760px){.mkt-footer .ftr-grid{grid-template-columns:1fr 1fr}.mkt-footer .ftr-bar{flex-direction:column;align-items:flex-start}}

/* ---------- 工作台 Shell ---------- */
.shell{display:flex;min-height:100vh;background:var(--bg)}
.side{width:216px;flex:none;background:var(--side);border-right:1px solid #f7e2e6;
  display:flex;flex-direction:column;padding:0 12px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}
.side-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}
.side-top .brand{display:flex;align-items:center;gap:8px;font-weight:750;font-size:16px}
.side-top .brand svg{width:26px;height:26px}
.side-cta{width:100%;margin:4px 0 16px;padding:11px;border-radius:10px;background:var(--blue);
  color:#fff;font-weight:650;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 3px 10px rgba(249,53,73,.22)}
.side-cta:hover{background:var(--blue-d)}
.side-label{font-size:11px;font-weight:700;color:var(--muted2);text-transform:uppercase;
  letter-spacing:.06em;padding:14px 10px 7px;display:flex;justify-content:space-between;align-items:center}
.side-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;
  font-size:13.5px;color:var(--ink2);font-weight:500;transition:.14s;margin-bottom:1px}
.side-item:hover{background:#ffe6ea;color:var(--ink)}
.side-item.on{background:#ffd9df;color:var(--blue);font-weight:650}
.side-item svg{width:16px;height:16px;color:#8a93b5}
.side-item.on svg{color:var(--blue)}
.side-item .badge{margin-left:auto;font-size:11px;font-weight:700;color:var(--blue);
  background:#fff;border-radius:999px;padding:1px 7px}
.side-sep{height:1px;background:#dfe5f7;margin:12px 8px}
.side-bottom{margin-top:auto;padding-top:12px}
.owner{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;
  background:#ffe6ea;font-weight:650;font-size:13px;margin-bottom:8px}
.owner svg{color:var(--blue)}

.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{height:58px;flex:none;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 24px;
  position:sticky;top:0;z-index:40}
.topbar .sp{flex:1}
.top-search{width:360px;max-width:38vw;display:flex;align-items:center;gap:9px;padding:8px 13px;
  border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:13px}
.balance{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;
  background:#ffeef1;font-weight:700;font-size:13px;color:var(--ink)}
.balance b{color:var(--blue);font-size:15px}
.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#d946a8);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.content{padding:26px 30px 60px;width:100%}
.page-h1{font-size:26px;font-weight:750;letter-spacing:-.025em}
.page-sub{color:var(--muted);font-size:14px;margin-top:5px}
.crumb{font-size:12px;color:var(--muted);margin-bottom:6px}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.panel.pad{padding:24px}
.empty{text-align:center;padding:70px 20px}
.empty h3{font-size:17px;font-weight:700}
.empty p{color:var(--muted);font-size:13.5px;margin:7px 0 20px}
.feedback-fab{position:fixed;right:22px;bottom:22px;z-index:80;background:#12162b;color:#fff;
  border-radius:999px;padding:10px 17px;font-size:13px;font-weight:600;display:flex;
  align-items:center;gap:8px;box-shadow:0 8px 26px rgba(10,15,40,.28)}

/* 工作台首页工具卡 */
.tool-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--sh);position:relative}
.tool-card .thumb{height:168px;background:linear-gradient(160deg,#fff8f9,#fff0f2);
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.tool-card .thumb svg{width:78%;height:78%}
.tool-card .body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.tool-card h3{font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between}
.tool-card .status{font-size:11.5px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:5px}
.tool-card .status i{width:6px;height:6px;border-radius:50%;background:#c7cde0}
.tool-card p{font-size:13px;color:var(--ink2);line-height:1.65;margin:10px 0 16px;flex:1}
.tool-card .foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.corner-tag{position:absolute;top:12px;right:12px;background:#fff;color:var(--blue);
  border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}

/* 设计墙 */
.plan-badge{background:#ffe6ea;color:#d81f36;border-radius:5px;padding:2px 6px;
  font-size:10px;font-weight:700;white-space:nowrap;letter-spacing:0}
.side-top .brand{gap:5px}
.design-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  transition:.16s;text-align:left}
.design-card:hover{border-color:var(--blue);box-shadow:0 8px 24px rgba(249,53,73,.12);transform:translateY(-2px)}
.design-card .art{height:210px;background:#fbfcff;display:flex;align-items:center;justify-content:center}
.design-card .art svg{height:82%;width:auto}
.design-card .meta{padding:11px 14px;display:flex;justify-content:space-between;align-items:center;
  font-size:13px;font-weight:600;border-top:1px solid var(--line)}
.design-card .meta span{font-size:11px;color:var(--muted);font-weight:500}
/* 原站：我的设计为独立小卡横排，主墙为 5 列大卡 */
.my-designs{display:flex;gap:16px;margin-bottom:22px}
.my-designs .design-card{width:120px;flex:none}
.my-designs .design-card .art{height:110px}
.my-designs .design-card .meta{padding:9px 10px;font-size:11.5px;justify-content:flex-start}
.design-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.design-grid .design-card .art{height:380px}
.design-grid .design-card .art svg{height:88%}
.design-grid .design-card .meta{padding:12px 16px;font-size:13.5px}
@media(max-width:1180px){.design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* designs 1:1 —— 345 款真实缩略图 + Free/Pro/Store 档位徽章 */
.design-card .art img{display:block;width:100%;height:100%;object-fit:cover;
  object-position:top center;background:#fbfcff}
.design-card .meta .dname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:inherit;color:inherit;font-weight:600}
.design-card .meta .dbadge{flex:none;border-radius:5px;padding:2px 6px;
  font-size:10px;font-weight:800;letter-spacing:.02em}
.design-card .meta .dbadge.dp0{background:#e7f7ee;color:#128a4c}
.design-card .meta .dbadge.dp1{background:#fff1dc;color:#a8640a}
.design-card .meta .dbadge.dp2{background:#ffe6ea;color:#d81f36}
.design-grid .design-card .meta .dname{font-size:13.5px}
.my-designs .design-card .meta .dname{font-size:11.5px}

/* ---------- Size Chart 编辑器 ---------- */
.ed-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.ed-steps{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted)}
.ed-steps b{color:var(--ink);font-weight:700}
.ed-steps .sep{color:#c8cee0}
.ed-radios{display:flex;gap:4px;background:#eef0f8;padding:4px;border-radius:9px;margin-left:8px}
.ed-radios button{padding:6px 13px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--muted)}
.ed-radios button.on{background:#fff;color:var(--blue);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ed-preview{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
.ed-preview-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);
  flex-wrap:wrap}
.ed-preview-bar .lg{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px}
.ed-preview-bar .lg svg{width:20px;height:20px}
.ed-preview-bar input{width:130px;padding:6px 10px;border:1px solid var(--line2);border-radius:7px;font-size:13px}
.ed-preview-bar .hint{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:6px}
.ed-style{display:flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid var(--line2);
  border-radius:8px;font-size:12px;color:var(--ink2);background:#fff}
.ed-style:hover{border-color:var(--blue)}
.ed-units{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12.5px}
.ed-units .u{display:flex;gap:2px;background:#f0f2f8;padding:3px;border-radius:8px}
.ed-units .u button{padding:4px 11px;border-radius:6px;font-size:12px;font-weight:600;color:var(--muted)}
.ed-units .u button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ed-canvas{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;padding:26px 28px}
@media(max-width:980px){.ed-canvas{grid-template-columns:1fr}}
.garment-stage{background:#fff8f9;border-radius:12px;min-height:290px;display:flex;
  align-items:center;justify-content:center;position:relative;padding:16px}
.garment-stage svg{height:270px;width:auto}
.mpoint{position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;
  border:2px solid var(--blue);color:var(--blue);font-size:11px;font-weight:800;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(249,53,73,.25)}
.mpoint.a{left:36%;top:38%}
.mpoint.b{left:48%;top:54%}
.measure-line{position:absolute;background:#ffc4cc;height:1px;transform-origin:left center}
.ml-a{left:38%;top:39%;width:22%;transform:rotate(0deg)}
.ml-b{left:40%;top:55%;width:20%}

.ctable-wrap{overflow-x:auto}
.ctable{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:420px}
.ctable th{background:var(--th);color:#fff;padding:11px 8px;text-align:center;font-weight:650;position:relative}
.ctable th:first-child{border-radius:9px 0 0 0}
.ctable th:last-child{border-radius:0 9px 0 0}
.ctable th .thdel{position:absolute;top:2px;right:3px;opacity:.75;color:#fff}
.ctable th .thdel:hover{opacity:1}
.ctable th .md{display:inline-flex;width:17px;height:17px;border-radius:50%;background:#fff;
  color:var(--th);font-size:10px;font-weight:800;align-items:center;justify-content:center;vertical-align:middle}
.ctable td{border-bottom:1px solid var(--line);padding:4px 5px;text-align:center;background:#fff}
.ctable tr:nth-child(even) td{background:#fff8f9}
.ctable td:first-child{background:#fff4f5!important;font-weight:700}
.ctable input{width:100%;min-width:52px;border:0;background:transparent;text-align:center;
  padding:7px 2px;outline:none;border-radius:5px;font-size:13px}
.ctable input:focus{background:#ffe9ec;box-shadow:0 0 0 2px var(--blue)}
.ctable input::placeholder{color:#c3c9da}
.ctable .rowdel{color:#c2c8da;display:inline-flex}
.ctable .rowdel:hover{color:#e04a5f}
.ctable-add{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.ctable-add .btn{font-size:12.5px;padding:7px 12px}

.ed-switches{display:flex;flex-wrap:wrap;gap:20px;padding:16px 28px;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);background:#fcfdff}
.sw-item{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--ink2)}
.sw-item .sw-note{font-size:11px;color:var(--muted2);font-weight:400;max-width:210px}
.ed-upsell{display:flex;gap:16px;align-items:center;margin:18px 28px 24px;padding:18px;
  border:1px solid var(--line);border-radius:12px;background:#fff;max-width:620px}
.ed-upsell .mock{width:70px;height:76px;border-radius:9px;background:#fdf7f8;display:flex;
  align-items:center;justify-content:center;font-size:26px;flex:none}
.ed-upsell p{font-size:12.5px;color:var(--muted);line-height:1.6}

.ed-store{padding:22px 28px 30px;border-top:1px solid var(--line);background:#fff8f9}
.ed-store-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.ed-store-head h3{font-size:15px;font-weight:700}
.ed-store-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}
@media(max-width:860px){.ed-store-grid{grid-template-columns:1fr}}
.ed-store .f{margin-bottom:14px}
.shop-preview{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;
  gap:20px;align-items:center;min-height:180px}
.shop-thumb{width:110px;height:150px;border-radius:10px;background:linear-gradient(160deg,#fdf7f8,#ffe9ec);
  flex:none;display:flex;align-items:center;justify-content:center}
.shop-thumb svg{height:100px;width:auto}
.shop-info h4{font-size:17px;font-weight:700}
.shop-info .st{color:#f5a623;font-size:12px;margin:6px 0}
.shop-info .price{font-size:19px;font-weight:750;margin:8px 0}
.size-chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.size-chips button{width:34px;height:30px;border:1px solid var(--line2);border-radius:7px;
  font-size:12px;font-weight:600;background:#fff}
.size-chips button.on{border-color:var(--blue);background:var(--blue-l);color:var(--blue)}
.cart-btn{background:var(--blue);color:#fff;padding:9px 16px;border-radius:8px;
  font-size:13px;font-weight:600;display:inline-block}

/* ---------- 工具页 ---------- */
.upload-zone{border:2px dashed #ffc4cc;border-radius:14px;background:#fff8f9;padding:38px;
  text-align:center;transition:.16s;cursor:pointer}
.upload-zone:hover,.upload-zone.drag{border-color:var(--blue);background:var(--blue-soft)}
.upload-zone svg{width:34px;height:34px;color:var(--blue);margin-bottom:12px}
.upload-zone h3{font-size:16px;font-weight:700}
.upload-zone p{color:var(--muted);font-size:13px;margin-top:6px}
.src-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:18px}
.src-tile{border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;
  background:#fff;border-color:var(--line);position:relative}
.src-tile.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(249,53,73,.13)}
.src-tile img{width:100%;height:110px;object-fit:cover;display:block}
.src-tile .nm{font-size:11px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.shot-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:18px}
.shot-group{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}
.shot-group h4{font-size:13.5px;font-weight:700;margin-bottom:4px}
.shot-group .cnt{font-size:11.5px;color:var(--muted);margin-bottom:12px}
.shot-chips{display:flex;flex-wrap:wrap;gap:7px}
.shot-chip{padding:6px 11px;border-radius:8px;border:1px solid var(--line2);font-size:12.5px;
  font-weight:550;background:#fff;display:flex;align-items:center;gap:6px}
.shot-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.progress{height:8px;border-radius:999px;background:#e9edf8;overflow:hidden;margin:12px 0}
.progress i{display:block;height:100%;background:var(--blue);border-radius:999px;transition:.3s}
.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:18px}
.res-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}
.res-card img{width:100%;height:170px;object-fit:cover;display:block;background:#f2f4fb}
.res-card .cap{padding:9px 11px;font-size:12.5px;font-weight:600;display:flex;
  justify-content:space-between;align-items:center}
.res-card .cap a{color:var(--blue);font-size:11.5px}
.desc-out{background:#fff8f9;border:1px solid var(--line);border-radius:11px;padding:18px;
  white-space:pre-wrap;line-height:1.85;font-size:14px;min-height:170px}
.field-tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:16px}
.field-tbl th,.field-tbl td{border-bottom:1px solid var(--line);padding:11px 12px;text-align:left}
.field-tbl th{color:var(--muted);font-weight:600;width:150px;background:#fff8f9}
.care-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:18px}
.care-cell{border:1px solid var(--line);border-radius:10px;padding:12px 8px;text-align:center;
  background:#fff;font-size:11px;color:var(--muted)}
.care-cell .sym{font-size:24px;display:block;margin-bottom:6px;color:var(--ink2)}

/* 对比表 */
.cmp{width:100%;border-collapse:collapse;font-size:12.5px;background:#fff}
.cmp th,.cmp td{border-bottom:1px solid var(--line);padding:11px 12px;text-align:left}
.cmp thead th{background:#fff9fa;font-weight:700;font-size:13px;position:sticky;top:0}
.cmp td:not(:first-child),.cmp th:not(:first-child){text-align:center}
.cmp tr:nth-child(even) td{background:#fbfcff}
.cmp .yes{color:#12854b;font-weight:700}
.cmp .no{color:#c2c8d8}

/* toast / modal */
.toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(20px);
  background:#12162b;color:#fff;padding:12px 22px;border-radius:10px;font-size:13.5px;
  font-weight:600;box-shadow:0 10px 34px rgba(10,15,40,.3);opacity:0;transition:.25s;z-index:200;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.modal-bg{position:fixed;inset:0;background:rgba(12,18,45,.42);z-index:150;display:flex;
  align-items:center;justify-content:center;padding:24px}
.modal{background:#fff;border-radius:16px;box-shadow:var(--sh-lg);width:min(560px,100%);
  max-height:86vh;overflow:auto;padding:26px}
.modal h3{font-size:19px;font-weight:750;margin-bottom:6px}
.modal .m-sub{color:var(--muted);font-size:13.5px;margin-bottom:18px}
.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}

/* 介绍页通用 */
.doc-hero{padding:88px 0 91px;border-bottom:1px solid var(--line)}
.doc-hero h1{font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1.14;margin:14px 0 18px}
.doc-hero p{font-size:17px;color:var(--ink2);line-height:1.75;max-width:720px}
.doc-hero .btns{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.doc-hero .note{font-size:12.5px;color:var(--muted);margin-top:13px}
.stat-row{display:flex;gap:34px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat-row b{font-size:20px;font-weight:750;display:block}
.stat-row span{font-size:12px;color:var(--muted)}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
@media(max-width:700px){.ba{grid-template-columns:1fr}}
.ba figure{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.ba img{width:100%;height:300px;object-fit:cover;display:block;background:#f2f4fb}
.ba figcaption{padding:11px 14px;font-size:13px;font-weight:600}
.cross-link{color:var(--blue);font-weight:600}

/* ---------- 窄屏兜底：导航换行、下拉限宽 ----------
   桌面（>=1081px）保持与原站一致的 60px 单行胶囊导航；
   窄视口下让导航自动换行、下拉自适应宽度，避免右侧搜索/语言/登录被裁切。 */
@media (max-width:1080px){
  .mkt-nav{flex-wrap:wrap;height:auto;min-height:60px;padding:10px 14px;border-radius:22px;row-gap:8px}
  .mkt-nav .sp{flex:0 0 100%;height:0;padding:0;margin:0}
  .mkt-search{width:auto;flex:1 1 180px;min-width:150px}
  .nav-drop{max-width:calc(100vw - 36px)}
  .nd-product{width:auto;min-width:0;grid-template-columns:1fr}
  .nd-side{border-top:1px solid #eef1f9;border-right:0}
  .nd-cards{border-right:0;border-bottom:1px solid #eef1f9}
  .nd-studio{width:auto;min-width:0}
  .nd-studio-grid{grid-template-columns:1fr}
  .nd-res{width:auto;min-width:0;grid-template-columns:1fr}
  .sp-box{width:min(560px,94vw)}
  .search-palette{padding-top:8vh}
}

/* ---------- 「您在哪里卖？」：tab + 真实图片 + 轮播动效 ---------- */
/* ---------- where 区（原站 hp-* 全套照抄）---------- */
.where-tabs{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:32px auto 26px;max-width:820px}
/* 原站 .hp-path：1.5px 边框 + 16px 圆角 + 16/18 内距，选中 = 品牌色边 + 浅底 + 3px 光环 */
.wt{display:flex;align-items:center;gap:14px;width:290px;padding:16px 18px;border:1.5px solid #e6e9f0;
  border-radius:16px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;
  box-shadow:0 1px 2px #1b23330f;
  transition:border-color .15s,box-shadow .15s,background-color .15s}
.wt:hover{border-color:#d3d8e3}
.wt.on{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 3px var(--blue-soft)}
.wt-ico{width:42px;height:42px;border-radius:12px;background:#eef1f6;color:#545b6b;
  display:grid;place-items:center;flex:none;
  transition:background .15s,color .15s}
.wt-ico svg{width:22px;height:22px}
.wt.on .wt-ico{background:var(--blue);color:#fff}
.wt-txt b{display:block;font-size:16px;font-weight:800;color:var(--ink);line-height:1.3}
.wt-txt small{display:block;font-size:12.5px;color:#8a90a0;margin-top:2px;line-height:1.4}

.where-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
/* 原站 .hp-card：padding 14px + --sh-card 阴影 */
.wcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #1b23330d,0 10px 30px -12px #1b233329;
  padding:14px;animation:wfade .6s cubic-bezier(.2,.7,.3,1) both;
  transition:transform .28s,box-shadow .28s,border-color .28s}
.wcard:nth-child(2){animation-delay:.14s}
.wcard.focus{border-color:#ffc4cc;transform:translateY(-4px);box-shadow:0 20px 48px rgba(249,53,73,.15)}
@keyframes wfade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* 媒体区无内距无底色：底色由 .zp-box 的 panel radial 浅蓝底提供；wipe 影像卡保留自绘底 */
.wcard-media{display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}
.wcard-media.wipe-media{background:linear-gradient(155deg,#ffe6ea 0%,#fff2f4 55%,#f6f8ff 100%)}
/* 原站 .hp-bd：18/8/6 内距 + 8px 间距 */
.wcard-body{padding:18px 8px 6px;display:flex;flex-direction:column;flex:1;align-items:flex-start;gap:8px}
/* 原站 .hp-who：11.5px 大写 + .08em 字距 */
.wcard-kicker{color:var(--blue);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wcard-body h3{font-size:20px;font-weight:800;margin:0;letter-spacing:-.02em}
/* 原站 .hp-bd p：15.5px / 1.55 */
.wcard-body h4{font-size:15.5px;font-weight:500;color:#545b6b;margin:0;line-height:1.55}
.wcard-body .checklist{margin:2px 0 4px}
/* 原站 .hp-pts li：14.5px / gap 9px */
.wcard-body .checklist li{font-size:14.5px;margin:0;gap:9px;line-height:1.45}
.wlogos{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px;min-height:20px}
.wlogos img{height:17px;width:auto;max-width:78px;object-fit:contain;opacity:.7;
  filter:grayscale(.15);transition:opacity .2s,filter .2s}
.wlogos img:hover{opacity:1;filter:none}
.wcard-body .btn{margin-top:20px;align-self:flex-start}
/* 原站 .hp-act：底部动作行 margin-top:auto + padding-top:12px */
.wlink{margin-top:auto;align-self:flex-start;padding-top:12px;color:var(--blue);
  font-weight:650;font-size:14px;text-decoration:none}
.wlink:hover{text-decoration:underline}

/* 两套卡片由 tab 真实切换（原站 hp-grid 两组） */
.where-grid.off{display:none}
.where-tabs-slot{margin-bottom:0}

/* ---------- hero 1:1：原站 data-inset 裁切窗（桌面 (24,40) 起 652×340） ----------
   与原站 3_4rh5ea8x59p.css 逐字对齐；style 变量由 zpFrame() 注入。
   窄容器整面板模式（@container zpic ≤479.98px + 组件 12px 适配）为移动端独立任务，
   未启用 container-name:zpic，窄屏走 652×340 裁切窗等比缩小，与现状观感一致无回退。 */
.zp-frame[data-inset]{aspect-ratio:var(--zp-iw)/var(--zp-ih)}
.zp-frame[data-inset] .zp-box{aspect-ratio:var(--zp-iw)/var(--zp-ih);overflow:hidden}
.zp-frame[data-inset] .zp-canvas{transform:scale(tan(atan2(100cqw,calc(var(--zp-iw) * 1px)))) translate(calc(var(--zp-ix) * -1px),calc(var(--zp-iy) * -1px))}

/* ---------- steps 区 1:1（原站 .steps2/.track/.scard + tray/s2/s3 全套） ----------
   变量按原站 :root 值局部作用域注入，--brand 映射本地品牌红。 */
.steps2{--brand:var(--blue);--brand-soft:#ffe6ea;--surface:#f3f7fe;--surface-2:#e3ebfb;
  --ink-2:var(--ink2);--ink-3:#8a90a0;--border-strong:#d3d8e3;
  --grid-gap:clamp(22px,2.4vw,32px);--r-card:20px;
  --sh-xs:0 1px 2px #1b23330f;--sh-card:0 1px 2px #1b23330d,0 10px 30px -12px #1b233329;
  --sh-pop:0 18px 50px -16px #1b23334d;position:relative}
.steps2 .track{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid;position:relative}
.steps2 .track:before{content:"";z-index:0;background:repeating-linear-gradient(90deg,var(--border-strong) 0 7px,transparent 7px 14px);height:2px;position:absolute;top:42px;left:9%;right:9%}
.steps2 .track:after{content:"";z-index:0;background:radial-gradient(closest-side,#F9354999,#0000);border-radius:99px;width:48px;height:14px;animation:4.5s linear infinite stepflow;position:absolute;top:36px;left:9%}
.scard{z-index:1;border:1px solid var(--line);border-radius:var(--r-card);min-width:0;box-shadow:var(--sh-card);background:#fff;flex-direction:column;padding:24px 24px 26px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}
.scard:hover{box-shadow:var(--sh-pop);transform:translateY(-4px)}
.scard .sn{align-items:center;gap:11px;display:inline-flex}
.scard .sn .b{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex;box-shadow:0 6px 14px -4px #F93549b3}
.scard .sn .lbl{letter-spacing:.13em;text-transform:uppercase;color:var(--blue);font-size:12px;font-weight:800}
.scard h3{margin-top:0;font-size:19px;font-weight:700}
.scard .stxt{color:var(--ink2);margin-top:8px;font-size:15px}
.steps2 .stage{background:radial-gradient(130% 120% at 50% 0,#fff 0,var(--surface) 100%);border:1px solid #eef1f6;border-radius:14px;height:200px;margin:16px 0 18px;position:relative;overflow:hidden}
/* 卡1：设计托盘走马灯 + 选中环 + 已选 pill */
.tray-track{align-items:center;gap:10px;width:max-content;height:100%;padding:0 12px;animation:22s linear infinite trayscroll;display:flex}
.steps2 .stage:hover .tray-track{animation-play-state:paused}
.tray-tpl{border:1px solid var(--line);width:74px;height:100px;box-shadow:var(--sh-xs);background:#fff;border-radius:11px;flex:none;justify-content:center;align-items:center;padding:8px;display:flex}
.tray-tpl img{max-width:100%;max-height:100%}
.tray-ring{border:2.5px solid var(--blue);width:88px;height:114px;box-shadow:0 0 0 5px var(--blue-soft),var(--sh-card);pointer-events:none;border-radius:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.tray-pill{background:var(--blue);color:#fff;box-shadow:var(--sh-card);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 11px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:calc(50% + 68px);left:50%;transform:translate(-50%)}
.tray-pill svg{width:12px;height:12px}
/* 卡2：T 恤线稿 + 画线标注 + in/cm/两者 循环 */
.s2stage{position:relative}
.s2-frame{width:min(250px,94%);height:136px;margin:16px auto 0;position:relative}
.s2-svg{height:134px;margin:0 auto;display:block}
.s2-fill path{fill:#fff}
.s2-line{stroke:var(--line2);stroke-width:13px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:1;stroke-dashoffset:1px}
.s2-line.s-a{animation:6s ease-in-out infinite s2draw}
.s2-line.s-b{animation:6s ease-in-out .12s infinite s2draw}
.s2-line.s-c{animation:6s ease-in-out infinite s2draw2}
.s2b{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;opacity:0;background:#fffc;border:1px solid #1b23331f;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;display:inline-flex;position:absolute;box-shadow:0 1px 3px #1b233324}
.s2b .nm{color:var(--ink2);font-size:9.5px;font-weight:700}
.s2b .vbox{min-width:38px;height:16px;display:inline-block;position:relative}
.s2b .vv{color:var(--ink-3);opacity:0;align-items:baseline;gap:2px;font-size:9px;font-weight:600;line-height:16px;display:inline-flex;position:absolute;top:0;left:0}
.s2b .vv b{color:var(--ink);font-size:13.5px;font-weight:800;line-height:16px}
.s2b .vv.v-in{opacity:1}
.s2b.b-chest{animation:6s ease-in-out infinite s2pop;top:46%;left:1%}
.s2b.b-length{animation:6s ease-in-out infinite s2pop2;top:38%;right:1%}
.s2-unit{background:var(--surface-2);border-radius:99px;gap:2px;padding:2px;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}
.s2-unit span{color:var(--ink-3);border-radius:99px;padding:2px 9px;font-size:9px;font-weight:700}
.s2-unit span:first-child{color:var(--blue);box-shadow:var(--sh-xs);background:#fff}
.s2b .vv.v-in{animation:6s ease-in-out infinite s2vIn}
.s2b .vv.v-cm{animation:6s ease-in-out infinite s2vCm}
.s2b .vv.v-both{animation:6s ease-in-out infinite s2vBoth}
.s2-unit span:first-child{animation:6s ease-in-out infinite s2uIn}
.s2-unit span:nth-child(2){animation:6s ease-in-out infinite s2uCm}
.s2-unit span:nth-child(3){animation:6s ease-in-out infinite s2uBoth}
/* 卡3：Item Chart → Size Chart 双卡 + 箭头 + 平台竖排走马灯 */
.s3-wrap{justify-content:center;align-items:center;gap:13px;height:100%;padding:8px;display:flex}
.s3-out{flex-direction:column;flex:none;gap:9px;display:flex}
.s3-o{flex-direction:column;align-items:center;gap:4px;display:flex}
.s3-cap{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-size:8px;font-weight:800}
.s3-item{width:66px;height:74px;box-shadow:var(--sh-xs);background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}
.s3-item:before{content:none}
.s3-item svg{z-index:1;position:relative}
.s3-cv{width:100%;height:100%;display:block}
.s3-outline path{fill:none;stroke:#404040;stroke-width:9px;stroke-linejoin:round;stroke-linecap:round}
.s3-fill path{fill:none;stroke:none}
.s3-line{stroke:var(--line2);stroke-width:17px;stroke-linecap:round;fill:none}
.s3-item .s3-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:5.4s ease-in-out infinite s3draw}
.s3-item .sl-b{animation-delay:.45s}
.s3-item .sl-c{animation-delay:.9s}
.s3-lt circle{fill:var(--blue)}
.s3-lt text{fill:#fff;text-anchor:middle;dominant-baseline:central;font-family:inherit;font-size:140px;font-weight:800}
.s3-size{border:1px solid var(--line);box-shadow:var(--sh-xs);background:#fff;border-radius:9px;align-items:center;gap:8px;padding:7px 9px;display:flex}
.s3-sz-dia{flex:none;width:50px}
.s3-sz-dia svg{width:100%;height:auto;display:block}
.s3-sz-tbl{border-collapse:separate;border-spacing:0}
.s3-sz-tbl th,.s3-sz-tbl td{color:var(--ink);text-align:center;padding:2.5px 5px;font-size:7px;font-weight:700}
.s3-sz-tbl th:first-child,.s3-sz-tbl td:first-child{text-align:left;color:var(--ink-3)}
.s3-sz-tbl tr+tr td{border-top:1px solid #eef1f6}
.s3-arrow{color:var(--ink-3);flex:none;align-items:center;display:flex}
.s3-arrow svg{width:22px;height:22px;animation:2.4s ease-in-out infinite s3nudge}
.s3-vmarq{height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}
.s3-vtrack{flex-direction:column;gap:8px;animation:13s linear infinite s3vscroll;display:flex}
.s3-vmarq:hover .s3-vtrack{animation-play-state:paused}
.s3-vlogo{border:1px solid var(--line);height:30px;box-shadow:var(--sh-xs);background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 14px;display:flex}
.s3-vlogo img{object-fit:contain;filter:grayscale();opacity:.75;max-width:56px;height:13px}
@media (max-width:900px){.steps2 .track{grid-template-columns:1fr}.steps2 .track:before,.steps2 .track:after{display:none}}
@keyframes stepflow{0%{opacity:0;left:9%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:87%}}
@keyframes trayscroll{to{transform:translate(-50%)}}
@keyframes s2draw{0%,6%{stroke-dashoffset:1px}20%,90%{stroke-dashoffset:0}97%,to{stroke-dashoffset:1px}}
@keyframes s2draw2{0%,22%{stroke-dashoffset:1px}34%,90%{stroke-dashoffset:0}97%,to{stroke-dashoffset:1px}}
@keyframes s2pop{0%,12%{opacity:0;transform:translateY(5px)scale(.92)}24%,92%{opacity:1;transform:none}97%,to{opacity:0}}
@keyframes s2pop2{0%,26%{opacity:0;transform:translateY(5px)scale(.92)}38%,92%{opacity:1;transform:none}97%,to{opacity:0}}
@keyframes s2vIn{0%,48%{opacity:1}53%,to{opacity:0}}
@keyframes s2vCm{0%,50%{opacity:0}55%,66%{opacity:1}71%,to{opacity:0}}
@keyframes s2vBoth{0%,68%{opacity:0}73%,88%{opacity:1}93%,to{opacity:0}}
@keyframes s2uIn{0%,48%{color:var(--blue);box-shadow:var(--sh-xs);background:#fff}53%,to{color:var(--ink-3);box-shadow:none;background:0 0}}
@keyframes s2uCm{0%,50%{color:var(--ink-3);box-shadow:none;background:0 0}55%,66%{color:var(--blue);box-shadow:var(--sh-xs);background:#fff}71%,to{color:var(--ink-3);box-shadow:none;background:0 0}}
@keyframes s2uBoth{0%,68%{color:var(--ink-3);box-shadow:none;background:0 0}73%,88%{color:var(--blue);box-shadow:var(--sh-xs);background:#fff}93%,to{color:var(--ink-3);box-shadow:none;background:0 0}}
@keyframes s3draw{0%,9%{stroke-dashoffset:1px}26%,90%{stroke-dashoffset:0}97%,to{stroke-dashoffset:1px}}
@keyframes s3nudge{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}
@keyframes s3vscroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){.tray-track,.steps2 .track:after,.s2-line,.s2b,.s2-unit span,.s3-item .s3-line,.s3-arrow svg,.s3-vtrack{animation:none}.s2-line,.s3-item .s3-line{stroke-dashoffset:0}.s2b{opacity:1}.s2b .vv.v-in{opacity:1}.s2b .vv.v-cm,.s2b .vv.v-both{opacity:0}}

/* ---------- hero 1:1 —— 窄容器（@container zpic ≤479.98px）整面板模式 ----------
   仅 hero 的 data-zpic 帧是 named container zpic（zpCrop/whereFrame 不带该属性，不受影响）；
   规则与原站 3_4rh5ea8x59p.css 各 zpic 块逐字对齐，本地未实现的子类选择器自然不匹配。 */
.zp-frame[data-zpic]{container-name:zpic}
@container zpic (max-width:479.98px){
  .zp-frame[data-inset]{aspect-ratio:var(--zp-pw)/var(--zp-ph)}
  .zp-box{aspect-ratio:var(--zp-pw)/var(--zp-ph);border-radius:calc(16 / 380 * 100cqw)}
  .zp-canvas{width:calc(var(--zp-pw) * 1px);height:calc(var(--zp-ph) * 1px);
    transform:scale(tan(atan2(100cqw,calc(var(--zp-pw) * 1px))))}
  .zp-frame[data-inset] .zp-box{aspect-ratio:var(--zp-pw)/var(--zp-ph)}
  .zp-frame[data-inset][data-surface="bare"] .zp-box{overflow:visible}
  .zp-frame[data-inset] .zp-canvas{transform:scale(tan(atan2(100cqw,calc(var(--zp-pw) * 1px))))}
  /* 帧1 Item Chart：竖排 356×472 卡 */
  .zp-ic-card{left:12px;top:12px;width:356px;height:472px;flex-direction:column;gap:12px;padding:12px}
  .zp-ic-shot{width:250px;height:250px;align-self:center}
  .zp-ic-shot svg{width:230px;height:230px}
  .zp-ic-info{padding:0}
  .zp-ic-meta{display:none}
  .zp-ic-mkts{flex-wrap:nowrap;gap:10px}
  .zp-ic-mkts img{height:12px}
  /* 帧2 Size Chart：单列 356×468 */
  .zp-sc-card{left:12px;top:12px;width:356px;height:468px;padding:14px 14px 16px}
  .zp-sc-tabs{gap:2px}
  .zp-sc-tabs > span{padding:0 7px}
  .zp-sc-root[data-variant="finder"] .zp-sc-tabs > span:not(.zp-sc-t3){flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .zp-sc-bd{grid-template-columns:minmax(0,1fr);grid-template-rows:166px auto;height:auto;gap:12px}
  .zp-sc-art{width:308px;height:148px}
  .zp-sc-figv{height:58px}
  .zp-sc-figv img{height:56px}
  /* 帧3 鞋码推荐：横条 356×156 + 浮层下移 356 宽 */
  .zp-sh-page{left:12px;top:12px;width:356px;height:156px;padding:12px;gap:12px}
  .zp-sh-ph{width:92px;height:130px}
  .zp-sh-info{padding:0}
  .zp-sh-br,.zp-sh-bag{display:none}
  .zp-sh-nm{height:18px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px}
  .zp-sh-pr{margin-bottom:22px}
  .zp-sh-ps{margin-bottom:10px}
  .zp-sh-ff{height:30px;margin-bottom:0}
  .zp-sh-wd{left:12px;top:182px;width:356px;height:auto;align-items:start}
  .zp-sh-nub{left:223px;top:-7px;border-bottom:0;border-top:1px solid var(--zp-glow-line)}
  /* 帧4 尺码测试：横条 356×156 + 浮层下移 */
  .zp-ap-page{left:12px;top:12px;width:356px;height:156px;padding:12px;gap:12px}
  .zp-ap-ph{width:92px;height:130px}
  .zp-ap-info{padding:0}
  .zp-ap-br,.zp-ap-bag{display:none}
  .zp-ap-nm{height:18px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px}
  .zp-ap-pr{margin-bottom:22px}
  .zp-ap-ps{margin-bottom:10px}
  .zp-ap-ff{height:30px;margin-bottom:0}
  .zp-ap-wd{left:12px;top:182px;width:356px;height:auto;align-items:start}
  .zp-ap-nub{left:223px;top:-7px;border-bottom:0;border-top:1px solid var(--zp-glow-line)}
  .zp-ap-tiles{gap:8px}
  .zp-ap-figv{height:72px}
  .zp-ap-figv img{height:70px}
  .zp-ap-scale,.zp-ap-dimrow{grid-template-columns:64px minmax(0,1fr)}
  /* 帧5 Size Guide：单列 356×442 */
  .zp-sg-pg{left:12px;top:12px;width:356px;height:442px;padding:14px}
  .zp-sg-h1{margin-bottom:10px}
  .zp-sg-cols{grid-template-columns:1fr;height:auto;gap:12px}
  .zp-sg-lk{display:none}
}

/* ============================================================
   Photos 文档页新增组件（2026-11-05 对齐原站 17 section）
   ============================================================ */
.doc-hero-points{margin:18px 0 0;flex-direction:column;gap:9px;display:flex}
.doc-hero-points li{list-style:none;display:flex;gap:9px;align-items:flex-start;font-size:14.5px}
.shot-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.shot-head .pill{background:#ffe6ea;color:var(--brand)}

.pe-picker{margin-top:30px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.pe-items{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line);background:#f8f9fc}
.pe-item{padding:7px 15px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;border:1px solid transparent}
.pe-item:hover{color:var(--ink)}
.pe-item.on{background:var(--brand);color:#fff}
.pe-stage{padding:22px;text-align:center;background:#fff}
.pe-stage img{width:100%;max-width:520px;aspect-ratio:4/5;object-fit:cover;border-radius:12px;display:block;margin:0 auto}
.pe-stage figcaption{margin-top:10px;font-size:13px;color:var(--muted)}
.pe-styles{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px;border-top:1px solid var(--line);background:#f8f9fc}
.pe-style{padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;border:1px solid var(--line);background:#fff}
.pe-style.on{border-color:var(--brand);color:var(--brand);background:#ffe6ea}

.who-card .whoic{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#ffe6ea;color:var(--brand);margin-bottom:12px}
.who-card .prod{margin-top:12px;font-size:13.5px;line-height:1.6;color:var(--ink-2);border-left:2px solid var(--brand);padding-left:12px}
.who-card .prod b{font-weight:700;color:var(--ink)}
.who-card .plats{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.who-card .plats span{padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;font-weight:600;color:var(--muted)}

.duo-ba{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.duo-ba figure{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.duo-ba img{width:100%;height:240px;object-fit:cover;display:block;background:#f2f4fb}
.duo-ba figcaption{padding:11px 14px;font-size:13px}
.duo-ba figcaption b{display:block;font-weight:650}
.duo-ba figcaption span{color:var(--muted);font-size:12px}
@media(max-width:700px){.duo-ba{grid-template-columns:1fr}}

.mini-ba{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.mini-ba figure{margin:0}
.mini-ba img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.mini-ba figcaption{font-size:11.5px;color:var(--muted);margin-top:6px;text-align:center}
.mini-arrow{color:var(--brand)}
.thumbs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.thumbs-row figure{margin:0}
.thumbs-row img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.thumbs-row figcaption{font-size:10.5px;color:var(--muted);margin-top:4px;text-align:center}

.levis-card{background:#fff}
.levis-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.levis-head b{font-size:14px;line-height:1.45}
.levis-tabs{display:flex;gap:6px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.ltab{padding:7px 14px;font-size:13px;font-weight:650;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.ltab.on{color:var(--brand);border-bottom-color:var(--brand)}
.levis-body{display:none;font-size:13.5px;line-height:1.75;color:var(--ink-2)}
.levis-body.on{display:block}
.levis-body b{font-weight:700;color:var(--ink)}
.levis-src{margin-top:12px}

.gucci-tag{width:100%;max-height:180px;object-fit:contain;border-radius:10px;border:1px solid var(--line);margin:12px 0}

.star-sum{display:flex;gap:40px;align-items:center;justify-content:center;flex-wrap:wrap}
.star-big{font-size:54px;font-weight:800;line-height:1}
.star-big span{font-size:16px;color:var(--muted);font-weight:600}
.star-bars{display:flex;flex-direction:column;gap:6px;min-width:240px}
.sb-row{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.sb-row span{width:12px;text-align:center}
.sb-track{flex:1;height:6px;border-radius:99px;background:#eef0f6;overflow:hidden}
.sb-track i{display:block;height:100%;background:var(--brand);border-radius:99px}

.quote-card{margin:0;border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;display:flex;flex-direction:column;gap:14px}
.quote-card blockquote{margin:0;font-size:14.5px;line-height:1.7;font-weight:450}
.quote-card blockquote b{background:linear-gradient(transparent 62%,#ffe6ea 0);font-weight:700}
.quote-card figcaption{display:flex;flex-direction:column}
.quote-card figcaption b{font-size:13.5px}
.quote-card figcaption span{font-size:12.5px;color:var(--muted)}

.cmp-grid .panel{height:100%}
.cmp-win{border-color:var(--brand)}
.cmp-win h3{color:var(--brand)}
.cmp-lose .checklist li .i{color:#c3c8d6}

.stat-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;padding:26px 0}
.stat-row-4 b{font-size:20px;font-weight:750;display:block}
.stat-row-4 span{font-size:12px;color:var(--muted)}
@media(max-width:900px){.stat-row-4{grid-template-columns:repeat(2,1fr)}}

/* photos 页节点拆分补充 */
.panel-sub{display:block;font-size:12px;color:var(--muted);margin:2px 0 10px}
.levis-sub{font-weight:650;font-size:13.5px;margin-bottom:8px;color:var(--ink)}
.stat-sub{font-size:12.5px;font-weight:600;color:var(--muted);margin-left:4px}
.arr{display:inline-block;margin-left:2px}

/* ============================================================
   Descriptions 页组件（2026-11-05）
   ============================================================ */
.pill-brand{background:#ffe6ea;color:var(--brand)}
.stat-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;padding:26px 0}
.stat-row-3 b{font-size:20px;font-weight:750;display:block}
.stat-row-3 span{font-size:12px;color:var(--muted)}
@media(max-width:700px){.stat-row-3{grid-template-columns:1fr}}

.mp-strip{display:flex;flex-direction:column;gap:12px;align-items:center;padding:10px 0 4px}
.mp-logos{display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:center;opacity:.85}
.mp-logos img{height:20px;width:auto}

.step-card{margin-top:14px}
.step-card .levis-card,.step-card .panel{box-shadow:0 6px 18px -8px #1b233326}

.gcase-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 18px}
.gtab{padding:7px 16px;border-radius:999px;font-size:13.5px;font-weight:650;color:var(--muted);cursor:pointer;border:1px solid var(--line);background:#fff}
.gtab.on{background:var(--brand);border-color:var(--brand);color:#fff}
.gcase{display:none}
.gcase.on{display:block}
.gcase-grid{align-items:start}
.gcase-l{background:#fafbfd}
.gcase-r{border-color:var(--brand)}
.gcase-rhead{display:flex;justify-content:flex-end;margin-bottom:8px}
.gcase-title{font-size:15px;font-weight:700;margin:6px 0 10px;line-height:1.5}
.gcase-body{font-size:13.5px;line-height:1.75;color:var(--ink-2)}
.gblock{margin-top:16px;border-radius:12px;padding:13px 15px;font-size:13px;line-height:1.7;background:#fff}
.gblock:nth-of-type(1){background:#eef4ff}
.gblock:nth-of-type(2){background:#fff7ea}
.gblock:nth-of-type(3){background:#eafaf1}
.gblock:nth-of-type(4){background:#f3f0ff}
.gblock-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
.gblock-head b{font-size:12.5px}
.gblock p{margin:0;white-space:pre-line;color:var(--ink-2)}
.gblock-foot{display:flex;justify-content:space-between;align-items:center;background:#f8f9fc}

.pf-card .pf-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.pf-card .pf-head img{height:18px;width:auto;max-width:80px;object-fit:contain}
.pf-card .pf-head b{font-size:14.5px}

.flag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:9px}
.flag-chip{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:12.5px;font-weight:600;background:#fff}
.flag-chip img{width:20px;height:20px;border-radius:50%;object-fit:cover}

.cmp-tbl{width:100%;border-collapse:collapse;font-size:13px;background:#fff;border-radius:14px;overflow:hidden}
.cmp-tbl th,.cmp-tbl td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.cmp-tbl thead th{background:#f8f9fc;font-size:12.5px;font-weight:700}
.cmp-tbl .cmp-win-th{color:var(--brand)}
.cmp-tbl .yes{color:var(--brand)}
.cmp-tbl .no{color:#b7bdcc}
.cmp-tbl td:first-child{font-weight:600}

/* descriptions 页补充 */
.da-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;font-size:13px;font-weight:600;color:#3a4255}
.da-legend span{display:inline-flex;align-items:center;gap:7px}
.da-dot{display:inline-block;border-radius:50%;width:11px;height:11px}
.gcase-sub{margin-top:8px;color:var(--muted);font-size:12.5px}
.cmp-tbl .cmp-sub{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:2px}

/* ---- labels 页（Round 6）---- */
.gucci-label{display:block;width:100%;max-width:360px;margin:12px auto 0;border-radius:10px;border:1px solid var(--line)}
.conf-tbl td{vertical-align:top}
.conf-tbl .chip{font-size:11px;padding:2px 8px}
.conf-hi{background:#e7f6ee;color:#0d7a43;border:1px solid #bfe6cf}
.conf-mid{background:#fdf3e3;color:#9a6206;border:1px solid #f2ddb5}
.care-grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:860px){.care-grid-6{grid-template-columns:1fr}}
.care-ghead{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.care-ghead b{font-size:15px}
.care-ghead .chip{margin-left:auto}
.care-gicon{font-size:17px}
.care-cell2{padding:8px 0;border-top:1px dashed var(--line)}
.care-cell2 b{display:block;font-size:13px}
.merge-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.merge-nums{display:flex;gap:10px}
.merge-nums .panel{min-width:52px}
.merge-row .arr{font-size:20px;color:var(--muted)}
.merge-row>div:last-child{flex:1;min-width:260px}
.gauge{display:flex;gap:5px;margin-top:8px}
.gauge i{flex:1;height:9px;border-radius:5px;background:#e7e9f0}
.gauge i.on{background:var(--brand,#F93549)}
.gauge-lbls{display:flex;justify-content:space-between;margin-top:14px}

/* ---- seller-studio 页（Round 7）---- */
.shc{margin-top:26px}
.shc-tabs{display:flex;gap:8px;margin-bottom:16px}
.shc-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 18px;font-size:13.5px;font-weight:600;color:#3a4255;cursor:pointer}
.shc-tab.on{border-color:var(--brand,#F93549);color:var(--brand,#F93549);background:#fff0f1}
.shc-panel{display:none}
.shc-panel.on{display:block}
.shc-cap{margin:14px 0 0;font-size:13.5px;color:#3a4255}

/* ---- brands/tools 等新页面表单与卡（Round 8）---- */
.flabel{display:block;font-size:12.5px;font-weight:700;color:#3a4255;margin:12px 0 5px}
.inp{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:14px;background:#fff;color:#1a2233}
.inp:focus{outline:2px solid #f9354955;border-color:var(--brand,#F93549)}
.chip-check{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.chip-check input{accent-color:var(--brand,#F93549)}
.link-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}
.link-card:hover{border-color:var(--brand,#F93549)}

/* ---- size-guide 页 widget mock（Round 8）---- */
.zp-sg-cols{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:14px}
@media(max-width:700px){.zp-sg-cols{grid-template-columns:1fr}}
.zp-sg-h1{font-size:17px;font-weight:800}
.zp-sg-fc{border:1px solid var(--line);border-radius:12px;padding:14px}
.zp-sg-ft{font-size:13.5px;font-weight:700}
.zp-sg-q{font-size:12px;color:var(--muted);margin:8px 0}
.zp-sg-pick{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:7px 10px;margin-bottom:8px;font-size:13px}
.zp-sg-pick.on{border-color:var(--brand,#F93549)}
.zp-sg-pick img{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.zp-sg-sw span{margin-right:10px;white-space:nowrap}
.zp-sg-car{color:var(--muted)}
.zp-sg-sys{color:var(--muted);margin-right:2px}
.zp-sg-cta{background:var(--brand,#F93549);color:#fff;text-align:center;border-radius:9px;padding:9px;font-size:13.5px;font-weight:700;margin-top:10px}
.zp-sg-tabs{display:flex;gap:14px;font-size:13px;margin-bottom:8px}
.zp-sg-tabOn{font-weight:800;border-bottom:2px solid var(--brand,#F93549)}
.zp-sg-tb{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.zp-sg-tr{display:grid;grid-template-columns:repeat(4,1fr);position:relative;border-top:1px solid var(--line)}
.zp-sg-tr:first-child{border-top:0}
.zp-sg-th{background:#eef2fb;font-weight:700;font-size:12.5px}
.zp-sg-tr>span{padding:8px 10px;font-size:13px;text-align:center}
.zp-sg-hit{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff0f1;border:1.5px solid var(--brand,#F93549);border-radius:9px;font-weight:700}
.zp-sg-hit span{padding:8px 10px;font-size:13px;text-align:center}
.zp-sg-k{color:var(--brand,#F93549)}
.zp-sg-k em{display:block;font-style:normal;font-size:10px;font-weight:600}
.code-line{display:block;background:#0f1526;color:#d7e0f5;border-radius:10px;padding:12px 14px;font-size:12.5px;margin-top:10px;overflow-x:auto}
.sg-try-img{width:100%;border-radius:10px;border:1px solid var(--line)}
.pp-step{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand,#F93549);color:#fff;font-size:12px;font-weight:800}
.pp-tlink{text-decoration:none;color:inherit}

/* ===== wo-de-chima / xie-chima-tuijian 页（原站 aszr-page+mk-page 体系，2026-11-05 实抓移植；--brand 蓝→本地红）===== */
.aszr-page{--alice:#eef3fe;--brand:var(--blue);--brand-press:#d81f36;--brand-soft:#ffe6ea;
  --ink-2:var(--ink2);--ink-3:#8a90a0;--paper:#fff;--surface:#f3f7fe;--surface-2:#e3ebfb;
  --border:#e6e9f0;--border-strong:#d3d8e3;--border-soft:#eef1f6;--muted:#aeb4c2;
  --r-pill:100px;--r-btn:12px;--r-card:20px;--grid-gap:clamp(22px,2.4vw,32px);--head-gap:22px;
  --section-y:clamp(84px,9vw,140px);--section-y-sm:clamp(56px,6vw,92px);--container:1200px;
  background:var(--bg);color:var(--ink);letter-spacing:-.01em;line-height:1.55;overflow-x:hidden}
.aszr-page *{box-sizing:border-box}
.aszr-page h1,.aszr-page h2,.aszr-page h3,.aszr-page h4{letter-spacing:-.03em;color:var(--ink);margin:0}
html[lang=ko] .aszr-page :is(h1,h2,h3){word-break:keep-all}
html[lang=ja] .aszr-page :is(h1,h2,h3){word-break:auto-phrase}
.aszr-page p{margin:0}
.aszr-page a{color:var(--brand);text-decoration:none}
.aszr-page img{max-width:100%;display:block}
.aszr-page .btn-ghost-light{color:#fff;background:0 0;border-color:#ffffff73}
.aszr-page .btn-ghost-light:hover{border-color:#fff}
.aszr-page .btn .arr{width:17px;height:17px}
.aszr-page .cta-row{gap:12px;margin-top:30px}
@media (max-width:900px){
  .aszr-page .g2{grid-template-columns:1fr}
}
.aszr-page .cardpic{--cp:calc(18px - clamp(24px, 2.4vw, 32px));margin:var(--cp) var(--cp) 22px}
.aszr-page .hero{padding:calc(40px + clamp(48px, 6vw, 84px)) 0 clamp(72px, 8vw, 120px);background:linear-gradient(180deg, #eef3fe 0%, var(--bg) 78%)}
.aszr-page .hero .wrap{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(36px,4vw,56px);display:grid}
@media (max-width:960px){
  .aszr-page .hero .wrap{grid-template-columns:1fr}
}
@media (min-width:961px){
  .aszr-page .hero .hdemo{margin-right:calc(-1 * clamp(0px, (100vw - var(--container)) / 2, 80px))}
}
.aszr-page .hero .display{margin-top:18px}
.aszr-page .hero .sub{margin-top:26px}
.aszr-page .hero .sub b{color:var(--ink)}
.aszr-page .micro{color:var(--ink-3);flex-wrap:wrap;gap:7px 18px;margin-top:20px;font-size:13.5px;font-weight:600;display:flex}
.aszr-page .micro span{align-items:center;gap:6px;display:inline-flex}
.aszr-page .micro svg{width:14px;height:14px;color:var(--good)}
.aszr-page .hdemo{flex-direction:column;align-items:center;display:flex;position:relative}
.aszr-page .hero .herodemo{text-align:center;margin-top:10px;font-size:13.5px;font-weight:700}
.aszr-page .hero .herodemo a{color:var(--brand);text-underline-offset:3px}
.aszr-page .hero .herodemo a:hover{text-decoration:underline}
.aszr-page .trust{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;padding:clamp(26px,3vw,40px) 0}
.aszr-page .trustrow{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:12px 34px;font-size:15px;font-weight:700;display:flex}
.aszr-page .trustrow span{align-items:center;gap:9px;display:inline-flex}
.aszr-page .trustrow svg{width:17px;height:17px;color:var(--good)}
.aszr-page .stepcard{position:relative}
.aszr-page .stepnum{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:50%;place-items:center;margin-bottom:14px;font-size:14px;font-weight:800;display:grid}
.aszr-page .stepcard .h3{margin-bottom:8px}
.aszr-page .stepcard p{color:var(--ink-2);font-size:15px}
.aszr-page .snip{container-type:inline-size}
.aszr-page .snip-in{aspect-ratio:300/324;background:var(--surface);border-radius:2.57143cqw;place-items:center;padding:4.66667cqw;display:grid;box-shadow:0 0 0 1px #F935493d,0 0 22px 1px #F935491c,0 14px 30px -16px #F935493d}
.aszr-page .snip-code{background:var(--ink);border-radius:4.66667cqw;width:100%;padding:4.66667cqw}
.aszr-page .snip-code pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--brand-lite);margin:0;font:600 3.33333cqw/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}
.aszr-page .snip-act{font:600 calc(11 / 300 * 100cqw) / 1.3 var(--font-sans,"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif);align-items:center;gap:2.66667cqw;margin-top:4cqw;display:flex}
.aszr-page .snip-copy{background:var(--brand);color:#fff;border-radius:2cqw;flex:none;padding:1cqw 3cqw;font-weight:700}
.aszr-page .snip-note{color:var(--ink-3)}
.aszr-page .twoways .tw-card{flex-direction:column;gap:14px;display:flex;position:relative}
.aszr-page .tw-h{align-items:center;gap:10px;display:flex}
.aszr-page .tw-lead{color:var(--ink-2);font-size:15px}
.aszr-page .tw-points{gap:9px;margin-top:2px;display:grid}
.aszr-page .tw-points div{color:var(--ink-2);gap:9px;font-size:14px;display:flex}
.aszr-page .tw-points svg{width:16px;height:16px;color:var(--good);flex:none;margin-top:2px}
.aszr-page .tw-acc{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px;display:flex}
.aszr-page .tw-rung{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex:1;min-width:130px;padding:12px 14px}
.aszr-page .tw-rung b{letter-spacing:-.03em;color:var(--brand);font-size:26px;font-weight:800;line-height:1;display:block}
.aszr-page .tw-rung span{color:var(--ink-3);margin-top:5px;font-size:12px;font-weight:600;display:block}
.aszr-page .tw-top{border:1.5px solid var(--brand);box-shadow:0 1px 2px #1b23330d,0 16px 36px -16px #F935496b}
.aszr-page .tw-top .tw-rung{background:var(--brand-soft);border-color:#ffd6dc}
.aszr-page .tw-card .cardpic{margin-bottom:6px}
.aszr-page .tw-pill{letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--brand);box-shadow:var(--sh-xs);border-radius:100px;align-items:center;gap:6px;padding:6px 13px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:-13px;right:22px}
.aszr-page .sig-orbit{aspect-ratio:1;place-items:center;width:min(440px,100%);margin:0 auto;display:grid;position:relative}
.aszr-page .sig-core{z-index:2;letter-spacing:-.02em;color:#fff;background:linear-gradient(135deg,#F93549,#d81f36);border-radius:14px;align-items:center;gap:10px;padding:13px 20px;font-size:15px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 0 0 10px #F935491a,0 0 60px 6px #F9354961,0 10px 34px -10px #F93549a6}
.aszr-page .sig-core .sc-mark{background:#ffffff2e;border-radius:7px;place-items:center;width:22px;height:22px;display:grid}
.aszr-page .sig-core .sc-mark svg{width:13px;height:13px}
.aszr-page .sig-chip{color:#ffffffe6;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff3d;border-radius:100px;padding:5px 12px;font-size:11.5px;font-weight:700;position:absolute}
.aszr-page .sig-chip.c1{top:4%;left:36%}
.aszr-page .sig-chip.c2{top:13%;left:66%}
.aszr-page .sig-chip.c3{top:38%;left:76%}
.aszr-page .sig-chip.c4{top:63%;left:73%}
.aszr-page .sig-chip.c5{top:82%;left:56%}
.aszr-page .sig-chip.c6{top:90%;left:24%}
.aszr-page .sig-chip.c7{top:66%;left:6%}
.aszr-page .sig-chip.c8{top:38%;left:2%}
.aszr-page .sig-chip.c9{top:12%;left:10%}
.aszr-page .sig-chip.alt{background:#f59e0b14;border-color:#f59e0b80}
.aszr-page .sig-chip.c10{top:80%;left:2%}
.aszr-page .sig-chip.c11{top:80%;left:72%}
.aszr-page .sig-chip.c12{top:24%;left:76%}
.aszr-page .sig-chip.c13{top:24%;left:2%}
.aszr-page .sig-net{width:100%;height:100%;position:absolute;inset:0}
.aszr-page .sig-traces path{fill:none;stroke:#ffffff2b;stroke-width:.45px;stroke-linecap:round}
.aszr-page .sig-pulse{visibility:hidden}
@supports (offset-path:path("M 0 0 H 1")){.aszr-page .sig-pulse{visibility:visible;animation:3.8s linear infinite aszrPulse}
.aszr-page .sig-pulse.po{animation:3.6s ease-in infinite aszrPulseOut}}
@keyframes aszrPulse{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}
@keyframes aszrPulseOut{0%{offset-distance:0%;opacity:0}10%{opacity:1}42%{offset-distance:100%;opacity:1}52%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}
.aszr-page .sig-pulse.p2{animation-duration:4.4s;animation-delay:-1.9s}
.aszr-page .sig-pulse.p3{animation-duration:3.4s;animation-delay:-2.6s}
.aszr-page .sig-pulse.p4{animation-duration:4.1s;animation-delay:-.9s}
.aszr-page .sig-pulse.p5{animation-duration:3.7s;animation-delay:-3.1s}
.aszr-page .sig-pulse.p6{animation-duration:4.6s;animation-delay:-1.4s}
.aszr-page .sig-pulse.p7{animation-duration:3.5s;animation-delay:-2.2s}
.aszr-page .sig-pulse.p8{animation-duration:4.2s;animation-delay:-3.6s}
.aszr-page .sig-pulse.p9{animation-duration:3.9s;animation-delay:-.5s}
.aszr-page .sig-pulse.p10{animation-duration:4.3s;animation-delay:-2.9s}
.aszr-page .sig-pulse.p11{animation-duration:3.6s;animation-delay:-1.1s}
.aszr-page .sig-pulse.p12{animation-duration:4s;animation-delay:-3.3s}
.aszr-page .sig-pulse.p13{animation-duration:3.3s;animation-delay:-.7s}
.aszr-page .sig-out{z-index:1;letter-spacing:.01em;color:#fff;white-space:nowrap;background:#12182ab8;border:1px solid #f59e0b80;border-radius:100px;padding:5px 12px;font-size:11px;font-weight:800;position:absolute;top:64.5%;left:50%;transform:translate(-50%);box-shadow:0 0 24px -6px #f59e0b73}
.aszr-page .feet{color:#fff;background:radial-gradient(120% 130% at 50% -20%,#27324a,#12182a 62%)}
.aszr-page .feet .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,64px);display:grid}
@media (max-width:960px){
  .aszr-page .feet .wrap{grid-template-columns:1fr}
}
.aszr-page .feet h2{color:#fff}
.aszr-page .feet .lead{color:#ffffffc7}
.aszr-page .feet .eyebrow{color:#ffa3ad}
.aszr-page .feet-points{gap:12px;margin-top:22px;display:grid}
.aszr-page .feet-points div{color:#ffffffd9;gap:10px;font-size:15px;display:flex}
.aszr-page .feet-points svg{color:#ffa3ad;flex:none;width:17px;height:17px;margin-top:3px}
.aszr-page .feet-note{color:#ffffff8c;max-width:52ch;margin-top:18px;font-size:12.5px}
.aszr-page .statgrid{gap:var(--grid-gap);grid-template-columns:repeat(2,1fr);display:grid}
@media (max-width:760px){
  .aszr-page .statgrid{grid-template-columns:1fr}
}
.aszr-page .stat{text-align:center;padding:clamp(24px,2.6vw,34px) 20px}
.aszr-page .stat .n{letter-spacing:-.04em;color:var(--brand);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;line-height:1}
.aszr-page .stat .t{margin-top:10px;font-size:15.5px;font-weight:700}
.aszr-page .stat .s{color:var(--ink-3);margin-top:6px;font-size:12px}
.aszr-page .placecard p{color:var(--ink-2);margin-top:6px;font-size:14px}
.aszr-page .mkgrid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(28px,4vw,52px);display:grid}
@media (max-width:960px){
  .aszr-page .mkgrid{grid-template-columns:1fr}
}
.aszr-page .mklist{gap:12px;margin-top:22px;display:grid}
.aszr-page .mklist div{color:var(--ink-2);gap:10px;font-size:15px;display:flex}
.aszr-page .mklist svg{width:17px;height:17px;color:var(--good);flex:none;margin-top:3px}
.aszr-page .mk-stage{--w-accent:#F93549;--w-r:12px;--w-font:inherit;--w-tt:none;--w-ls:0em;--s-paper:#fff;--s-ink:#1b2333;border-radius:var(--r-card);border:1px solid var(--border);box-shadow:var(--sh-card);background:var(--s-paper);min-height:280px;transition:background .5s;position:relative;overflow:hidden}
.aszr-page .mk-stage[data-th=minimal]{--w-accent:#1b2333;--w-r:8px;--s-paper:#fbfbfd;--w-num:#1b2333;--w-fit:#1b2333}
.aszr-page .mk-stage[data-th=luxury]{--w-accent:#101012;--w-r:0px;--w-tt:uppercase;--w-ls:.07em;--s-paper:#fafafa;--w-num:#101012;--w-fit:#8a6d1f}
.aszr-page .mk-stage[data-th=editorial]{--w-accent:#1c1917;--w-r:0px;--w-font:Georgia, "Times New Roman", serif;--s-paper:#fbfaf7;--w-num:#1c1917;--w-fit:#1c1917}
.aszr-page .mk-stage .pmv-num{color:var(--w-num,var(--brand));transition:color .5s}
.aszr-page .mk-stage .pmv-fit{color:var(--w-fit,#16a34a);transition:color .5s}
.aszr-page .mk-nav{border-bottom:1px solid var(--border-soft);font-family:var(--w-font);justify-content:space-between;align-items:center;padding:13px 18px;display:flex}
.aszr-page .mk-logo{letter-spacing:.12em;text-transform:uppercase;color:var(--s-ink);font-size:13px;font-weight:800}
.aszr-page .mk-links{gap:8px;display:flex}
.aszr-page .mk-links i{background:var(--border-soft);border-radius:4px;width:26px;height:7px}
.aszr-page .mk-body{grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 18px 26px;display:grid}
.aszr-page .mk-prod{border:1px solid var(--border-soft);border-radius:calc(var(--w-r) + 4px);background:#fff;transition:border-radius .5s;overflow:hidden}
.aszr-page .mk-ph{background:linear-gradient(135deg,#eef1f6,#e2e8f2);height:96px}
.aszr-page .mk-prod:nth-child(2) .mk-ph{background:linear-gradient(135deg,#f3efe9,#e9e2d6)}
.aszr-page .mk-prod:nth-child(3) .mk-ph{background:linear-gradient(135deg,#eef4ef,#dfe9e2)}
.aszr-page .mk-pr{background:var(--border-soft);border-radius:3px;height:6px;margin:8px 9px 0}
.aszr-page .mk-pr.w{width:55%;margin-bottom:9px}
.aszr-page .mk-widget{border:1px solid var(--border);border-radius:calc(var(--w-r) + 6px);width:244px;box-shadow:var(--sh-pop);font-family:var(--w-font);background:#fff;padding:13px 14px 12px;transition:border-radius .5s;position:absolute;bottom:16px;right:16px}
.aszr-page .mk-wtop{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}
.aszr-page .mk-wtop i{background:var(--w-accent);border-radius:50%;width:6px;height:6px;transition:background .5s}
.aszr-page .mk-wq{color:var(--s-ink);text-transform:var(--w-tt);letter-spacing:var(--w-ls);white-space:nowrap;margin-top:6px;font-size:11.5px;font-weight:800}
.aszr-page .mk-win{border:1px solid var(--border);border-radius:var(--w-r);background:var(--bg);color:var(--s-ink);align-items:center;gap:6px;margin-top:7px;padding:6px 8px;font-size:10.5px;font-weight:700;transition:border-radius .5s;display:flex}
.aszr-page .mk-wbtn{border-radius:var(--w-r);background:var(--w-accent);color:#fff;height:28px;text-transform:var(--w-tt);letter-spacing:var(--w-ls);place-items:center;margin-top:7px;font-size:10.5px;font-weight:800;transition:background .5s,border-radius .5s;display:grid}
.aszr-page .mk-themes{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}
.aszr-page .mk-th{color:var(--ink-2);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;background:#fff;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .2s}
.aszr-page .mk-th.on{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}
.aszr-page .platforms{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:clamp(30px,4vw,46px);display:flex}
.aszr-page .plat{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--ink);box-shadow:var(--sh-card);background:#fff;align-items:center;gap:11px;padding:14px 26px;font-size:17px;font-weight:800;display:inline-flex}
.aszr-page .plat img.ic{object-fit:contain;width:28px;height:28px;display:inline-block}
.aszr-page .plat svg{width:28px;height:28px}
.aszr-page .installgrid .stepnum{margin-bottom:12px}
.aszr-page .installgrid p{color:var(--ink-2);margin-top:6px;font-size:15px}
.aszr-page .installnote{text-align:center;color:var(--ink-3);margin-top:26px;font-size:13.5px;font-weight:600}
.aszr-page .planpills{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}
.aszr-page .planpill{color:var(--brand);background:var(--brand-soft);border:1px solid #ffd6dc;border-radius:100px;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;font-weight:800;display:inline-flex}
.aszr-page .plcards{grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin-top:16px;display:grid}
@media (max-width:560px){
  .aszr-page .plcards{grid-template-columns:1fr}
}
.aszr-page .plcard{background:var(--bg);border:1px solid var(--border);border-radius:14px;gap:3px;padding:14px 16px;display:grid}
.aszr-page .plcard.hi{background:var(--brand-soft);border-color:#ffd6dc}
.aszr-page .plc-name{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:800}
.aszr-page .plcard.hi .plc-name{color:var(--brand)}
.aszr-page .plc-price{letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:900}
.aszr-page .plc-price small{color:var(--ink-3);margin-left:2px;font-size:13px;font-weight:700}
.aszr-page .plc-meta{color:var(--ink-2);font-size:12.5px;font-weight:600}
.aszr-page .shoeband{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:820px){
  .aszr-page .shoeband{grid-template-columns:1fr}
}
.aszr-page .ctaband{background:radial-gradient(120% 120% at 50% -20%,#27324a,#12182a 62%);border:0;padding:clamp(44px,6vw,76px) 24px}
.aszr-page .ctaband:before{content:none}
.aszr-page .ctaband p{color:#ffffffbf;max-width:52ch;margin:14px auto 0;font-size:17px}
.aszr-page .ctaband .cta-row{justify-content:center;margin-top:30px}
.aszr-page .ctaband .cta-risk{margin-top:12px;font-size:13.5px;font-weight:600}
.aszr-page .pmv{height:36px;margin:4px 0 2px;position:relative}
.aszr-page .pmv-take{opacity:0;justify-content:center;align-items:center;gap:8px;animation:7s cubic-bezier(.22,.9,.3,1.15) infinite pmvT;display:flex;position:absolute;inset:0}
.aszr-page .pmv-take.k1{opacity:1}
.aszr-page .pmv-take.k2{animation-delay:-3.5s}
.aszr-page .pmv-dims{color:var(--ink-3);text-align:right;font-size:9.5px;font-weight:700;line-height:1.25}
.aszr-page .pmv-arr{color:#aeb4c2;font-size:11px;font-weight:800}
.aszr-page .pmv-num{letter-spacing:-.02em;color:var(--brand);font-size:21px;font-weight:900}
.aszr-page .pmv-fit{color:#16a34a;text-transform:uppercase;letter-spacing:.04em;font-size:8.5px;font-weight:800}
@media (prefers-reduced-motion:reduce){
  .aszr-page .pmv-take{opacity:0!important;animation:none!important}
  .aszr-page .pmv-take.k1{opacity:1!important;transform:none!important}
  .aszr-page .sig-pulse{visibility:hidden!important;animation:none!important}
  .aszr-page .mk-stage,.aszr-page .mk-prod,.aszr-page .mk-widget,.aszr-page .mk-wtop i,.aszr-page .mk-wbtn,.aszr-page .mk-win{transition:none!important}
}
.zp-frame[data-surface="bare"] .zp-box{background: transparent;border-radius: 0;overflow: visible;}
.zp-frame[data-framed] .zp-box{box-shadow: 0 0 0 1px var(--zp-hue-line),var(--zp-hue-glow);}
.zp-frame[data-framed]{--zp-glow-line: var(--zp-line);--zp-glow: none;}
.zp-frame[data-crop]{container-name: zcrop;}
.zp-frame[data-crop] .zp-box{aspect-ratio: var(--zp-cw) / var(--zp-ch);}
.zp-frame[data-crop] .zp-canvas{transform: scale(var(--zp-s,1)) translate(calc(var(--zp-cx) * -1px),calc(var(--zp-cy) * -1px));transform: scale(tan(atan2(100cqw,calc(var(--zp-cw) * 1px)))) translate(calc(var(--zp-cx) * -1px),calc(var(--zp-cy) * -1px));}
.zp-frame[data-crop]:not([data-framed]) .zp-box{overflow: hidden;}
.zp-frame > .zp-callout{display: none;}
.zp-frame[data-off] *,.zp-frame[data-off] *::before,.zp-frame[data-off] *::after{animation-play-state: paused !important;}
@media (prefers-reduced-motion: reduce){
  .zp-frame *,.zp-frame *::before,.zp-frame *::after{animation: none !important;}
}
.zp-ap-root{position: absolute;inset: 0;color: var(--zp-ink);--ap-ink3: color-mix(in srgb,var(--zp-ink2) 65%,var(--zp-ink3));--ap-line-strong: color-mix(in srgb,var(--zp-line) 88%,var(--zp-ink-app));--ap-fit-tight: color-mix(in srgb,var(--zp-amber) 28%,var(--zp-white));--ap-fit-snug: color-mix(in srgb,var(--zp-amber) 12%,var(--zp-white));}
.zp-ap-root[data-moment="quiz"] .zp-ap-z1{opacity: 1;}
.zp-ap-root[data-moment="quiz"] .zp-ap-z4{opacity: 0;}
.zp-ap-root[data-moment="page"] .zp-ap-wd,.zp-ap-root[data-moment="page"] .zp-ap-veil{display: none;}
[data-crop] .zp-ap-root[data-moment="quiz"] .zp-ap-page,[data-crop] .zp-ap-root[data-moment="answer"] .zp-ap-page,[data-crop] .zp-ap-root[data-moment="quiz"] .zp-ap-nub,[data-crop] .zp-ap-root[data-moment="answer"] .zp-ap-nub{visibility: hidden;}
[data-crop] .zp-ap-root[data-moment="quiz"] .zp-ap-wd{align-items: start;}
.zp-sh-root{position: absolute;inset: 0;color: var(--zp-ink);--bar-snug: #f6e7d6;--bar-roomy: #dbe7fb;}
.zp-sh-root[data-moment="question"] .zp-sh-qs{opacity: 1;}
.zp-sh-root[data-moment="question"] .zp-sh-as,.zp-sh-root[data-moment="question"] .zp-sh-lit{opacity: 0;}
.zp-sh-root[data-moment="page"] .zp-sh-wd,.zp-sh-root[data-moment="page"] .zp-sh-veil{display: none;}
[data-crop] .zp-sh-root[data-moment="question"] .zp-sh-page,[data-crop] .zp-sh-root[data-moment="answer"] .zp-sh-page,[data-crop] .zp-sh-root[data-moment="question"] .zp-sh-nub,[data-crop] .zp-sh-root[data-moment="answer"] .zp-sh-nub{visibility: hidden;}
.zp-sc-root{position: absolute;inset: 0;color: var(--zp-ink-app);--tee-line: #404040;}
.zp-sc-root[data-variant="finder"] .zp-sc-tabs .zp-sc-t1{color: var(--zp-ink3);}
.zp-sc-root[data-variant="finder"] .zp-sc-u1{opacity: 0;}
.zp-sc-root[data-variant="finder"] .zp-sc-stg{background-color: transparent;border-color: transparent;}
.zp-sc-root[data-variant="finder"] .zp-sc-art{opacity: 0;}
[data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-u1,[data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-art{animation: zp-sc-scOff 10s var(--zp-ease) infinite;}
[data-mv] .zp-sc-root[data-variant="finder"] .zp-sc-stg{animation: zp-sc-scStg 10s var(--zp-ease) infinite;}
.zp-sc-root[data-moment="start"] .zp-sc-t3,.zp-sc-root[data-moment="start"] .zp-sc-fq,.zp-sc-root[data-moment="start"] .zp-sc-hit{visibility: hidden;}
.zp-sc-root[data-moment="start"] .zp-sc-u1{opacity: 1;}
.zp-sc-root[data-moment="start"] .zp-sc-tabs .zp-sc-t1{color: var(--zp-ink-app);}
.zp-sc-root[data-moment="start"] .zp-sc-stg{background-color: var(--zp-soft);border-color: var(--zp-line-soft);}
.zp-sc-root[data-moment="start"] .zp-sc-art{opacity: 1;}
:where(.mk-page){--brand:#F93549;--brand-press:#d81f36;--brand-soft:#ffe6ea;--ink:#1b2333;--ink-2:#545b6b;--ink-3:#8a90a0;--muted:#aeb4c2;--bg:#f6f8fc;--paper:#fff;--surface:#f3f7fe;--surface-2:#e3ebfb;--border:#e6e9f0;--border-strong:#d3d8e3;--border-soft:#eef1f6;--good:#16a34a;--good-soft:#e8f7ee;--amber:#f59e0b;--star:#ffb400;--line:#F93549;--r-btn:12px;--r-card:20px;--r-pill:100px;--sh-xs:0 1px 2px #1b23330f;--sh-card:0 1px 2px #1b23330d, 0 10px 30px -12px #1b233329;--sh-pop:0 18px 50px -16px #1b23334d;--container:1200px;--container-narrow:720px;--gutter:clamp(20px, 4vw, 40px);--section-y:clamp(84px, 9vw, 140px);--section-y-sm:clamp(56px, 6vw, 92px);--block-gap:clamp(44px, 5vw, 84px);--grid-gap:clamp(22px, 2.4vw, 32px);--head-gap:22px}
.mk-page .section{padding:var(--section-y) 0}
.mk-page .section.sm{padding:var(--section-y-sm) 0}
.mk-page .section.surface{background:var(--surface)}
.mk-page .wrap{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}
.mk-page .center{text-align:center}
.mk-page .center .sub,.mk-page .center .lead{margin-left:auto;margin-right:auto}
.mk-page .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:13px;font-weight:700}
.mk-page .display{letter-spacing:-.045em;font-size:clamp(2.6rem,5.2vw,4.4rem);font-weight:800;line-height:1.03}
.mk-page .h2{letter-spacing:-.04em;font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1.08}
.mk-page .h3{letter-spacing:-.02em;font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:700;line-height:1.2}
.mk-page .lead{color:var(--ink-2);max-width:50ch;font-size:clamp(18px,1.4vw,21px)}
.mk-page .sub{color:var(--ink-2);max-width:54ch;font-size:18px}
.mk-page .shead{gap:var(--head-gap);flex-direction:column;margin-bottom:clamp(40px,5vw,64px);display:flex}
.mk-page .shead .eyebrow+*{margin-top:-8px}
.mk-page .btn{border-radius:var(--r-btn);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 22px;font-size:15.5px;font-weight:700;transition:all .15s;display:inline-flex}
.mk-page .btn-primary{background:var(--brand);color:#fff;box-shadow:var(--sh-xs)}
.mk-page .btn-primary:hover{background:var(--brand-press)}
.mk-page .btn-secondary{color:var(--ink);border-color:var(--border-strong);background:#fff}
.mk-page .btn-secondary:hover{background:var(--surface)}
.mk-page .btn-ghost-light{color:#fff;background:#ffffff0f;border-color:#ffffff47}
.mk-page .btn-ghost-light:hover{background:#ffffff1f;border-color:#ffffff80}
.mk-page .btn .arr{transition:transform .15s}
.mk-page .btn:hover .arr{transform:translate(3px)}
.mk-page .cta-row{flex-wrap:wrap;gap:14px;display:flex}
.mk-page .center .cta-row{justify-content:center}
.mk-page .card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:clamp(24px,2.4vw,32px)}
.mk-page .grid{gap:var(--grid-gap);display:grid}
.mk-page .g3{grid-template-columns:repeat(3,1fr)}
.mk-page .g2{grid-template-columns:repeat(2,1fr)}
.mk-page .ctaband{background:radial-gradient(120% 120% at 50% -20%, #27324a, var(--ink) 62%);text-align:center;color:#fff;box-shadow:var(--sh-pop);border:1px solid #ffffff14;border-radius:28px;padding:clamp(56px,7vw,88px) clamp(28px,4vw,56px);position:relative;overflow:hidden}
.mk-page .ctaband:before{content:"";pointer-events:none;background:radial-gradient(50% 50%,#F935496b,#0000 72%);width:min(680px,90%);height:340px;position:absolute;top:0;left:50%;transform:translate(-50%,-45%)}
.mk-page .ctaband>*{position:relative}
.mk-page .ctaband h2{color:#fff}
.mk-page .ctaband p{color:#c3c9d6;max-width:46ch;margin:16px auto 0}
.mk-page .ctaband .cta-row{justify-content:center;margin-top:32px}
.mk-page .faq-list{grid-template-columns:1fr 1fr;align-items:start;gap:14px;max-width:980px;margin:0 auto;display:grid}
.mk-page .faq-item{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-xs);overflow:hidden}
.mk-page .faq-item[open]{border-color:var(--border-strong);box-shadow:var(--sh-card)}
.mk-page .faq-item summary{cursor:pointer;color:var(--ink);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:16px;padding:clamp(18px,2vw,24px) clamp(20px,2.4vw,28px);font-size:clamp(16px,1.4vw,18px);font-weight:700;list-style:none;display:flex}
.mk-page .faq-item summary::-webkit-details-marker{display:none}
.mk-page .faq-item summary:hover{color:var(--brand)}
.mk-page .faq-item summary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:8px}
.mk-page .faq-item .fq-ic{width:22px;height:22px;color:var(--ink-3);flex:none;transition:transform .2s,color .2s}
.mk-page .faq-item[open] .fq-ic{color:var(--brand);transform:rotate(180deg)}
.mk-page .faq-item .fq-a{color:var(--ink-2);padding:0 clamp(20px,2.4vw,28px) clamp(20px,2.2vw,26px);font-size:15.5px;line-height:1.65}
.mk-page .faq-item .fq-a a{font-weight:600}
.mk-page .faq-item .fq-a b{color:var(--ink);font-weight:700}
.mk-page .faq-foot{text-align:center;color:var(--ink-3);margin-top:clamp(28px,3vw,40px);font-size:14.5px}
.mk-page .faq-foot a{font-weight:700}
.mk-page .plansband{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:clamp(24px,3vw,38px);display:grid}
.mk-page .plansband .h3{margin-bottom:6px}
.mk-page .plansband p{color:var(--ink-2);font-size:15px}
.mk-page .plansband p b{color:var(--ink)}
.mk-page .plansband .cta-row{margin-top:0}
.mk-page .brandband{background:radial-gradient(120% 120% at 50% -20%,#27324a,#12182a 62%);border-color:#0000}
.mk-page .brandband .h3{color:#fff;letter-spacing:-.02em;font-size:clamp(22px,2.6vw,30px)}
.mk-page .brandband p{color:#ffffffc7;max-width:560px;font-size:16px}
.mk-page .brandband .bb-trust{color:#fff9;max-width:560px;margin-top:10px;font-size:13.5px}
.fp-pricing{--brand:#F93549;--brand-press:#d81f36;--brand-soft:#ffe6ea;--ink:#1b2333;--ink-2:#545b6b;--ink-3:#8a90a0;--muted:#aeb4c2;--paper:#fff;--surface:#f3f7fe;--surface-2:#e3ebfb;--border:#e6e9f0;--border-strong:#d3d8e3;--border-soft:#eef1f6;--good:#16a34a;--good-soft:#e8f7ee;--amber:#b06a00;--amber-soft:#fdf3e6;--fp-rcard:20px;--fp-sh-xs:0 1px 2px #1b23330f;color:var(--ink);letter-spacing:-.011em}
.fp-pricing *{box-sizing:border-box}
.fp-pricing .fp-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:6px;font-size:12px;font-weight:800;display:block}
.fp-pricing .fp-h2{letter-spacing:-.025em;color:var(--ink);margin:0 0 6px;font-size:clamp(22px,3.2vw,28px);font-weight:900;line-height:1.1}
.fp-pricing .fp-lead{color:var(--ink-2);max-width:64ch;margin:6px 0 20px;font-size:15px}
.fp-pricing .fp-shead .fp-eyebrow{letter-spacing:.14em;font-size:13px;font-weight:700}
.fp-pricing .fp-shead .fp-h2{letter-spacing:-.04em;font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1.08}
.fp-pricing .fp-shead .fp-lead{max-width:56ch;margin-top:14px;font-size:clamp(18px,1.4vw,21px)}
.fp-pricing .fp-src{color:var(--ink-3);font-size:11.5px}
.fp-pricing .fp-shead{text-align:center;margin-bottom:clamp(28px,4vw,44px)}
.fp-pricing .fp-shead .fp-lead{margin-left:auto;margin-right:auto}
.fp-pricing .fp-scroll{overflow-x:auto}
.fp-pricing .fp-table{border-collapse:separate;border-spacing:0;background:var(--paper);border:1px solid var(--border);border-radius:var(--fp-rcard);width:100%;box-shadow:var(--fp-sh-xs);font-size:14px;overflow:hidden}
.fp-pricing .fp-table th,.fp-pricing .fp-table td{text-align:center;vertical-align:middle;border-top:1px solid var(--border-soft);padding:14px}
.fp-pricing .fp-table thead th{background:var(--surface);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);border-top:0;font-size:12px;font-weight:800}
.fp-pricing .fp-table thead th:lang(tr){text-transform:none}
.fp-pricing .fp-table th:first-child,.fp-pricing .fp-table td:first-child{text-align:left;color:var(--ink);padding-left:20px;font-weight:700}
.fp-pricing .fp-table th.us,.fp-pricing .fp-table td.us{background:var(--brand-soft)}
.fp-pricing .fp-table thead th.us{color:var(--brand);font-size:12.5px}
.fp-pricing .fp-yes,.fp-pricing .fp-no,.fp-pricing .fp-part{border-radius:50%;place-items:center;width:24px;height:24px;display:inline-grid}
.fp-pricing .fp-yes{background:var(--good-soft);color:var(--good)}
.fp-pricing .fp-no{color:var(--muted);background:#f4f5f8}
.fp-pricing .fp-part{background:var(--surface-2);color:var(--ink-3);font-size:13px;font-weight:800}
.fp-pricing .fp-yes svg,.fp-pricing .fp-no svg{width:13px;height:13px}
.fp-pricing td.us .fp-yes{background:var(--brand);color:#fff}
.fp-pricing .fp-custom{color:var(--brand);font-size:12px;font-weight:800}
.fp-pricing .fp-table thead th .fp-vh{justify-items:center;gap:4px;display:grid}
.fp-pricing .fp-vmark{color:#fff;letter-spacing:.02em;border-radius:6px;place-items:center;width:24px;height:24px;font-size:9.5px;font-weight:800;display:inline-grid;overflow:hidden}
.fp-pricing .fp-vmark img{object-fit:contain;width:24px;height:24px;display:block}
.fp-pricing .fp-punch{text-align:center;color:var(--ink-2);max-width:640px;margin:22px auto 0;font-size:15.5px;font-weight:600;line-height:1.55}
.fp-pricing .fp-punch b{color:var(--ink);font-weight:700}
.fp-pricing .fp-punch a{color:var(--brand);font-weight:700;text-decoration:none}
.fp-pricing .fp-punch a:hover{text-decoration:underline}
.fp-pricing .fp-assume{color:var(--ink-2);max-width:80ch;margin:26px 0 12px;font-size:13.5px}
.fp-pricing .fp-assume b{color:var(--ink)}
.fp-pricing .fp-ladder{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}
.fp-pricing .fp-rung{background:var(--paper);border:1px solid var(--border);border-radius:var(--fp-rcard);box-shadow:var(--fp-sh-xs);padding:18px}
.fp-pricing .fp-rung.hot{border:1.5px solid var(--brand);box-shadow:0 16px 36px -16px #F9354966}
.fp-pricing .fp-rung .nm{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:800}
.fp-pricing .fp-rung .who{color:var(--ink-2);margin:4px 0 2px;font-size:15px;font-weight:800}
.fp-pricing .fp-rung .bill{flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:6px;display:flex}
.fp-pricing .fp-rung .bill .ours{color:var(--brand);font-size:24px;font-weight:900}
.fp-pricing .fp-rung p{color:var(--ink-3);margin:8px 0 0;font-size:12px;line-height:1.5}
.mk-page .pp{color:var(--ink)}
.mk-page .pp>.section:first-child{padding-top:var(--section-y-sm)}
.mk-page .pp .shead{align-items:center}
.mk-page .pp .shead .h2{text-wrap:balance;max-width:20ch}
.mk-page .pp-offer{text-align:left;background:var(--paper);border:1px solid var(--border);max-width:640px;box-shadow:var(--sh-xs);color:var(--ink-2);border-radius:14px;align-items:flex-start;gap:10px;padding:13px 18px;font-size:16px;line-height:1.5;display:inline-flex}
.mk-page .pp-offer b{color:var(--ink);font-weight:800}
.mk-page .pp-offer svg{width:20px;height:20px;color:var(--good);flex:none;margin-top:1px}
.mk-page .pp-plans{gap:0 var(--grid-gap);grid-template-rows:repeat(6,auto);grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin:0 auto;display:grid}
.mk-page .pp-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);grid-row:span 6;grid-template-rows:subgrid;row-gap:0;padding:30px 26px 26px;display:grid;position:relative}
.mk-page .pp-card.pp-pop{box-shadow:0 0 0 2px var(--brand), var(--sh-card);border-color:#0000}
.mk-page .pp-badge{background:var(--brand);color:var(--paper);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-pill);text-align:center;width:max-content;max-width:calc(100% - 32px);padding:4px 13px;font-size:13px;font-weight:800;line-height:1.35;position:absolute;top:-13px;left:50%;transform:translate(-50%)}
.mk-page .pp-name{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-size:15px;font-weight:800}
.mk-page .pp-price{flex-wrap:wrap;align-items:baseline;gap:3px;margin-top:14px;line-height:1;display:flex}
.mk-page .pp-price .cur{color:var(--ink);align-self:flex-start;margin-top:7px;font-size:24px;font-weight:800}
.mk-page .pp-price .amt{letter-spacing:-.04em;color:var(--ink);font-size:54px;font-weight:800}
.mk-page .pp-price .per{color:var(--ink-2);margin-left:6px;font-size:15px;font-weight:700;line-height:1.3}
.mk-page .pp-psub{color:var(--ink-2);min-height:21px;margin-top:9px;font-size:14px;font-weight:600}
.mk-page .pp-keys{flex-direction:column;gap:12px;margin-top:18px;display:flex}
.mk-page .pp-key{background:var(--surface);color:var(--ink-2);border-radius:14px;flex-direction:column;gap:9px;padding:14px 16px;font-size:14.5px;line-height:1.45;display:flex}
.mk-page .pp-key b{color:var(--ink);font-weight:800}
.mk-page .pp-krow{align-items:flex-start;gap:9px;display:flex}
.mk-page .pp-krow svg{width:17px;height:17px;color:var(--brand);flex:none;margin-top:1px}
.mk-page .pp-krow.good svg{color:var(--good)}
.mk-page .pp-limit{color:var(--ink-2);align-items:flex-start;gap:9px;padding:0 2px;font-size:14px;line-height:1.45;display:flex}
.mk-page .pp-limit svg{width:18px;height:18px;color:var(--ink-3);flex:none;margin-top:1px}
.mk-page .pp-incl{margin-top:20px}
.mk-page .pp-incl h4{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:13px;font-weight:800}
.mk-page .pp-incl ul{flex-direction:column;gap:9px;margin:11px 0 0;padding:0;list-style:none;display:flex}
.mk-page .pp-incl li{color:var(--ink);padding-left:26px;font-size:14px;line-height:1.45;position:relative}
.mk-page .pp-incl li svg{width:18px;height:18px;color:var(--good);position:absolute;top:1px;left:0}
.mk-page .pp-cta{flex-direction:column;align-self:end;margin-top:22px;display:flex}
.mk-page .pp-cta .btn{width:100%;height:48px;font-size:15px}
.mk-page .pp-cta .btn .arr{width:17px;height:17px}
.mk-page .pp-ctanote{text-align:center;color:var(--ink-2);margin-top:9px;font-size:13px;font-weight:600}
.mk-page .pp-beyond{text-align:center;color:var(--ink-2);margin-top:28px;font-size:14.5px}
.mk-page .pp-beyond a{color:var(--brand);white-space:nowrap;font-weight:700}
.mk-page .pp-beyond a:hover{text-underline-offset:3px;text-decoration:underline}
.mk-page .pp-facts{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;max-width:1120px;margin:clamp(40px,4.5vw,56px) auto 0;padding-top:clamp(28px,3vw,36px);display:grid}
.mk-page .pp-fact{color:var(--ink-2);align-items:center;gap:12px;font-size:14.5px;font-weight:600;line-height:1.45;display:flex}
.mk-page .pp-fact .ic{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:10px;flex:none;place-items:center;display:grid}
.mk-page .pp-fact .ic svg{width:18px;height:18px}
.mk-page .pp-subhead{text-align:center}
.mk-page .pp-try{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;display:grid}
.mk-page .pp-tcard{text-align:center;color:var(--ink);flex-direction:column;align-items:center;text-decoration:none;display:flex}
.mk-page .pp-tpic{justify-content:center;align-items:flex-end;width:100%;height:200px;display:flex}
.mk-page .pp-tpic img{object-fit:contain;object-position:center bottom;width:100%;height:100%}
.mk-page .pp-tpic img.fade{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}
.mk-page .pp-tmeta{align-items:center;gap:10px;margin-top:16px;display:flex}
.mk-page .pp-step{background:var(--paper);border:1px solid var(--border);width:28px;height:28px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:13.5px;font-weight:800;display:grid}
.mk-page .pp-ttitle{letter-spacing:-.02em;color:var(--ink);font-size:16.5px;font-weight:800}
.mk-page a.pp-tcard .pp-ttitle{color:var(--brand)}
.mk-page a.pp-tcard:hover .pp-ttitle{text-underline-offset:3px;text-decoration:underline}
.mk-page a.pp-tcard:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:12px}
.mk-page .pp-calc{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);max-width:860px;box-shadow:var(--sh-xs);margin:clamp(44px,5vw,64px) auto 0;overflow:hidden}
.mk-page .pp-calc[open]{border-color:var(--border-strong);box-shadow:var(--sh-card)}
.mk-page .pp-calc summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;list-style:none;display:flex}
.mk-page .pp-calc summary::-webkit-details-marker{display:none}
.mk-page .pp-calc summary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:18px}
.mk-page .pp-calc .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-size:13px;font-weight:800;display:block}
.mk-page .pp-calc .sline{color:var(--ink);letter-spacing:-.015em;margin-top:4px;font-size:16.5px;font-weight:700;display:block}
.mk-page .pp-calc summary:hover .sline{color:var(--brand)}
.mk-page .pp-calc .fq-ic{width:22px;height:22px;color:var(--ink-3);flex:none;transition:transform .2s,color .2s}
.mk-page .pp-calc[open]>summary .fq-ic{color:var(--brand);transform:rotate(180deg)}
.mk-page .pp-calc-body{border-top:1px solid var(--border-soft);padding:18px 24px 22px}
.mk-page .pp-fld{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}
.mk-page .pp-fld label{color:var(--ink);font-size:14.5px;font-weight:700}
.mk-page .pp-fld input{font:inherit;color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--r-btn);background:var(--paper);font-variant-numeric:tabular-nums;width:180px;height:48px;padding:0 14px;font-size:17px;font-weight:700}
.mk-page .pp-fld input:focus{border-color:var(--brand);background:var(--surface);outline:none}
.mk-page .pp-fld input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.mk-page .pp-outs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}
.mk-page .pp-out{background:var(--surface);border-radius:14px;padding:16px 16px 15px}
.mk-page .pp-out .v{letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.15}
.mk-page .pp-out .v.plan{color:var(--brand)}
.mk-page .pp-out .l{color:var(--ink);margin-top:6px;font-size:14px;font-weight:700}
.mk-page .pp-out .s{color:var(--ink-2);margin-top:2px;font-size:14px;line-height:1.4}
.mk-page .pp-out .s a{color:var(--brand);font-weight:700}
.mk-page .pp-calc-foot{color:var(--ink-3);margin-top:12px;font-size:13px}
.mk-page .pp-faqhead{text-align:center;margin-bottom:clamp(24px,3vw,36px)}
.zp-pl-root{position: absolute;inset: 0;color: var(--zp-ink);}
.zp-pl-page{position: absolute;left: 70px;top: 46px;width: 560px;height: 292px;display: flex;gap: 18px;padding: 16px;background: var(--zp-white);border: 1px solid var(--zp-card-line);border-radius: 22px;box-shadow: 0 1px 2px rgba(27,35,51,0.04),0 10px 30px rgba(249,53,73,0.06);}
.zp-pl-root[data-pill] .zp-pl-page{top: 66px;}
.zp-pl-ph{flex: none;width: 190px;height: 258px;border-radius: 14px;background: var(--zp-photo);overflow: hidden;}
.zp-pl-ph img{display: block;width: 100%;height: 100%;max-width: none;object-fit: cover;object-position: 50% 30%;}
.zp-pl-info{flex: 1;min-width: 0;display: flex;flex-direction: column;align-items: flex-start;padding-top: 8px;}
.zp-pl-br{font-size: 10px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;color: var(--zp-ink3);line-height: 12px;}
.zp-pl-nm{font-size: 17px;font-weight: 500;line-height: 21px;margin: 4px 0;}
.zp-pl-pr{font-size: 14px;font-weight: 700;line-height: 17px;margin-bottom: 18px;font-variant-numeric: tabular-nums;}
.zp-pl-ps{display: flex;gap: 6px;margin-bottom: 12px;}
.zp-pl-ps span{width: 34px;height: 30px;border: 1px solid var(--zp-ln);border-radius: 8px;display: grid;place-items: center;font-size: 12.5px;font-weight: 600;font-variant-numeric: tabular-nums;}
.zp-pl-bag{align-self: stretch;height: 36px;border-radius: 9px;background: var(--zp-ink);color: var(--zp-white);font-size: 13px;font-weight: 700;display: grid;place-items: center;white-space: nowrap;overflow: hidden;}
.zp-pl-lnk{max-width: calc(100% + 10px);margin: 0 0 12px -10px;padding: 5px 10px;border-radius: 9px;font-size: 12.5px;line-height: 16px;font-weight: 600;color: var(--zp-acc);text-decoration: underline;text-underline-offset: 2px;background: var(--zp-acc-soft);border: 1px solid var(--zp-glow-line);box-shadow: var(--zp-glow);}
.zp-pl-pop{position: absolute;right: 16px;bottom: 16px;z-index: 3;display: inline-flex;align-items: center;height: 38px;padding: 0 17px;border-radius: 999px;background: var(--zp-acc);color: var(--zp-white);font-size: 12.5px;font-weight: 700;white-space: nowrap;box-shadow: 0 6px 20px rgba(20,30,60,0.25);}
.zp-pl-pop[data-lit]{border: 1px solid var(--zp-glow-line);box-shadow: var(--zp-glow),0 6px 20px rgba(20,30,60,0.25);}
.zp-pl-dk{position: absolute;right: 16px;bottom: 64px;z-index: 4;width: 220px;padding: 10px 11px 10px;overflow: hidden;background: var(--zp-white);border-radius: 16px;text-align: left;color: var(--zp-ink-app);border: 1px solid var(--zp-glow-line);box-shadow: var(--zp-glow),0 2px 6px rgba(20,30,60,0.05);}
.zp-pl-wh{display: grid;grid-template-columns: 13px minmax(0,1fr) 13px;align-items: center;height: 14px;margin-bottom: 6px;color: var(--zp-ink2);}
.zp-pl-wh b{text-align: center;font-size: 10px;font-weight: 800;color: var(--zp-ink-app);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zp-pl-wh span{display: grid;place-items: center;}
.zp-pl-wh svg{width: 9.5px;height: 9.5px;}
.zp-pl-top{display: flex;align-items: center;gap: 6px;margin-bottom: 7px;}
.zp-pl-back{flex: none;width: 17px;height: 17px;border-radius: 5px;border: 1px solid var(--zp-line);background: var(--zp-white);display: grid;place-items: center;color: var(--zp-ink2);}
.zp-pl-back svg{width: 8.5px;height: 8.5px;}
.zp-pl-steps{flex: 1;min-width: 0;display: flex;gap: 3px;}
.zp-pl-steps i{flex: 1;height: 3px;border-radius: 3px;background: var(--zp-line);}
.zp-pl-steps i.zp-pl-done{background: var(--zp-ink-app);}
.zp-pl-steps i.zp-pl-now{background: color-mix(in srgb,var(--zp-ink-app) 45%,var(--zp-white));}
.zp-pl-live{flex: none;display: inline-flex;align-items: center;gap: 3px;padding: 1.5px 6px;border-radius: 100px;white-space: nowrap;font-size: 8px;line-height: 10px;font-weight: 700;color: var(--zp-ink2);background: color-mix(in srgb,var(--zp-acc) 5%,var(--zp-white));border: 1px solid color-mix(in srgb,var(--zp-acc) 12%,var(--zp-white));}
.zp-pl-live b{color: var(--zp-acc);font-size: 9px;font-weight: 800;}
.zp-pl-zq{font-size: 12px;font-weight: 800;line-height: 15px;letter-spacing: -0.02em;margin-bottom: 5px;color: var(--zp-ink-app);}
.zp-pl-zs{font-size: 8.5px;line-height: 11px;color: var(--zp-ink2);margin: -3px 0 7px;}
.zp-pl-tiles{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 5px;}
.zp-pl-tile{display: block;min-width: 0;border: 1px solid var(--zp-line);border-radius: 9px;padding: 4px 3px 5px;background: var(--zp-white);text-align: center;}
.zp-pl-figv{display: flex;align-items: flex-end;justify-content: center;height: 56px;border-radius: 6px;overflow: hidden;background: linear-gradient(180deg,var(--zp-soft),var(--zp-line-soft));}
.zp-pl-figv img{display: block;width: auto;max-width: none;height: 54px;}
.zp-pl-tile b{display: block;margin-top: 3px;font-size: 8.5px;line-height: 11px;font-weight: 700;color: var(--zp-ink-app);}
.zp-pl-tile small{display: block;min-height: 20px;font-size: 7.5px;line-height: 10px;font-weight: 600;color: var(--zp-ink2);}
.zp-pl-tile b,.zp-pl-tile small{hyphens: auto;overflow-wrap: break-word;text-wrap: balance;}
.zp-pl-zs{text-wrap: pretty;}
.zp-pl-zs,.zp-pl-tile small,.zp-pl-skip{word-break: auto-phrase;}
.zp-pl-skip{margin-top: 6px;font-size: 8.5px;line-height: 11px;font-weight: 600;color: var(--zp-ink2);text-align: center;text-wrap: balance;}
.zp-pl-veil{position: absolute;inset: 0;z-index: 2;border-radius: 21px;background: rgba(232,237,247,0.66);}
.zp-pl-sc{position: absolute;left: 148px;top: 8px;z-index: 3;width: 396px;overflow: hidden;background: var(--zp-white);border-radius: 14px;border: 1px solid var(--zp-glow-line);box-shadow: var(--zp-glow),0 2px 6px rgba(20,30,60,0.05);}
.zp-pl-sch{display: flex;justify-content: flex-end;padding: 7px 12px;border-bottom: 1px solid var(--zp-line);}
.zp-pl-unit{display: flex;gap: 2px;padding: 2px;border: 1px solid var(--zp-line);border-radius: 8px;background: var(--zp-line-soft);}
.zp-pl-unit span{font-size: 9.5px;line-height: 12px;font-weight: 600;color: var(--zp-ink2);padding: 2px 7px;border-radius: 6px;}
.zp-pl-unit span[data-on]{background: var(--zp-white);color: var(--zp-acc);box-shadow: 0 1px 2px rgba(27,35,51,0.08);}
.zp-pl-tabs{display: flex;gap: 2px;padding: 0 10px;background: var(--zp-acc-soft);border-bottom: 1px solid var(--zp-line);}
.zp-pl-tabs span{padding: 8px 9px 7px;font-size: 10.5px;line-height: 13px;font-weight: 600;color: var(--zp-ink2);border-bottom: 2px solid transparent;white-space: nowrap;}
.zp-pl-tabs span[data-on]{color: var(--zp-acc);border-bottom-color: var(--zp-acc);}
.zp-pl-pane{padding: 10px 14px 10px;text-align: left;color: var(--zp-ink-app);}
.zp-pl-pane .zp-pl-figv{height: 60px;}
.zp-pl-pane .zp-pl-figv img{height: 58px;}
@media (max-width:900px){
  .mk-page .g3{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .mk-page .g3,.mk-page .g2{grid-template-columns:1fr}
}
@media (max-width:720px){
  .mk-page .faq-list{max-width:var(--container-narrow);grid-template-columns:1fr}
}
@media (max-width:820px){
  .mk-page .plansband{grid-template-columns:1fr}
  .fp-pricing .fp-table{min-width:720px}
}
@media (max-width:860px){
  .fp-pricing .fp-ladder{grid-template-columns:1fr}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  [data-motion] :is(.btn-primary,.mm-cta):hover{translate:0 -2px;box-shadow:0 10px 22px -10px #F9354999}
}
@media (max-width:980px){
  .mk-page .pp-plans{grid-template-rows:none;grid-template-columns:minmax(0,520px);justify-content:center;gap:30px}
  .mk-page .pp-card{flex-direction:column;grid-row:auto;display:flex}
  .mk-page .pp-cta{align-self:stretch}
}
@media (max-width:760px){
  .mk-page .pp-card{padding:28px 20px 22px}
  .mk-page .pp-cta{margin-top:20px}
  .mk-page .pp-price .amt{font-size:48px}
  .mk-page .pp-offer{padding:12px 14px;font-size:15.5px}
  .mk-page .pp-facts{grid-template-columns:1fr;gap:14px}
  .mk-page .pp-fact{align-items:flex-start}
  .mk-page .pp-try{grid-template-columns:1fr;gap:14px;margin-top:22px}
  .mk-page .pp-tcard{text-align:left;flex-direction:row;gap:14px}
  .mk-page .pp-tpic{flex:none;align-items:center;width:116px;height:88px}
  .mk-page .pp-tmeta{margin-top:0}
  .mk-page .pp-calc summary{padding:18px}
  .mk-page .pp-calc .sline{font-size:15.5px}
  .mk-page .pp-calc-body{padding:16px 18px 20px}
  .mk-page .pp-fld input{width:100%}
  .mk-page .pp-outs{grid-template-columns:1fr;gap:10px}
}

/* ===== xie-chima-tuijian 页（原站 szr-page 体系增量，2026-11-05 实抓；mk-page/pp/fp/zp-pl 基础已在 wo-de-chima 段落）===== */
.szr-page{--alice:#eef3fe;--brand:var(--blue);--brand-press:#d81f36;--brand-soft:#ffe6ea;
  --ink-2:var(--ink2);--ink-3:#8a90a0;--paper:#fff;--surface:#f3f7fe;--surface-2:#e3ebfb;
  --border:#e6e9f0;--border-strong:#d3d8e3;--border-soft:#eef1f6;--muted:#aeb4c2;
  --r-pill:100px;--r-btn:12px;--r-card:20px;--grid-gap:clamp(22px,2.4vw,32px);--head-gap:22px;
  --section-y:clamp(84px,9vw,140px);--section-y-sm:clamp(56px,6vw,92px);--container:1200px;
  background:var(--bg);color:var(--ink);letter-spacing:-.01em;line-height:1.55;overflow-x:hidden}
.szr-page *{box-sizing:border-box}
.szr-page h1,.szr-page h2,.szr-page h3,.szr-page h4{letter-spacing:-.03em;color:var(--ink);margin:0}
html[lang=ko] .szr-page :is(h1,h2,h3){word-break:keep-all}
html[lang=ja] .szr-page :is(h1,h2,h3){word-break:auto-phrase}
.szr-page p{margin:0}
.szr-page a{color:var(--brand);text-decoration:none}
.szr-page img{max-width:100%;display:block}
.szr-page .hero{padding:calc(40px + clamp(48px, 6vw, 84px)) 0 clamp(72px, 8vw, 120px);background:linear-gradient(180deg, #eef3fe 0%, var(--bg) 78%)}
.szr-page .hero .wrap{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(36px,4vw,56px);display:grid}
.szr-page .hero .display{margin-top:18px}
.szr-page .hero .sub{margin-top:26px}
.szr-page .hero .sub b{color:var(--ink)}
.szr-page .micro{color:var(--ink-3);flex-wrap:wrap;gap:7px 18px;margin-top:20px;font-size:13.5px;font-weight:600;display:flex}
.szr-page .micro span{align-items:center;gap:6px;display:inline-flex}
.szr-page .micro svg{width:14px;height:14px;color:var(--good)}
.szr-page .hero-demo{text-align:center;margin-top:10px;font-size:13.5px;font-weight:700}
.szr-page .hero-demo a{color:var(--brand);text-underline-offset:3px}
.szr-page .hero-demo a:hover{text-decoration:underline}
.szr-page .hero-pic{min-width:0}
.szr-page .mqband{padding:clamp(40px,5vw,64px) 0}
.szr-page .mqhead{text-align:center;margin-bottom:26px}
.szr-page .mqhead .h3{font-weight:800}
.szr-page .mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}
.szr-page .mq-track{gap:10px;width:max-content;animation:100s linear infinite szrMq;display:flex}
.szr-page .mq:hover .mq-track{animation-play-state:paused}
.szr-page .mq{margin-bottom:-18px;padding-bottom:32px}
.szr-page .mq-tile{flex:none;width:64px;height:64px;position:relative}
.szr-page .mq-tile .ic{border:1px solid var(--border);width:100%;height:100%;box-shadow:var(--sh-xs);background:#fff;border-radius:14px;display:block;overflow:hidden}
.szr-page .mq-tile img{object-fit:cover;width:100%;height:100%}
.szr-page .mq-tile:after{content:attr(data-name);background:var(--ink);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:700;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}
.szr-page .mq-tile:hover:after{opacity:1}
.szr-page .mqcount{text-align:center;color:var(--ink-2);margin-top:22px;font-size:14px;font-weight:700}
.szr-page .mqcount b{color:var(--ink)}
.szr-page .mqsource{text-align:center;color:var(--ink-3);margin-top:6px;font-size:12.5px;font-weight:600}
.szr-page .statgrid.two{grid-template-columns:repeat(2,1fr);margin-top:22px}
.szr-page .stepcard{position:relative}
.szr-page .stepnum{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:50%;place-items:center;margin-bottom:14px;font-size:14px;font-weight:800;display:grid}
.szr-page .stepcard .h3{margin-bottom:8px}
.szr-page .stepcard p{color:var(--ink-2);font-size:15px}
.szr-page .st-pic{--cp:calc(18px - clamp(24px, 2.4vw, 32px));margin:var(--cp) var(--cp) 18px}
.szr-page .feet{color:#fff;background:radial-gradient(120% 130% at 50% -20%,#27324a,#12182a 62%)}
.szr-page .feet .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,64px);display:grid}
.szr-page .feet h2{color:#fff}
.szr-page .feet .lead{color:#ffffffc7}
.szr-page .feet .eyebrow{color:#ffa3ad}
.szr-page .feet-img{border-radius:var(--r-card);box-shadow:var(--sh-pop);background:#000;overflow:hidden}
.szr-page .feet-img img{width:100%;height:auto}
.szr-page .feet-points{gap:12px;margin-top:22px;display:grid}
.szr-page .feet-points div{color:#ffffffd9;gap:10px;font-size:15px;display:flex}
.szr-page .feet-points svg{color:#ffa3ad;flex:none;width:17px;height:17px;margin-top:3px}
.szr-page .statgrid{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}
.szr-page .stat{text-align:center;padding:clamp(24px,2.6vw,34px) 20px}
.szr-page .stat .n{letter-spacing:-.04em;color:var(--brand);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;line-height:1}
.szr-page .stat .t{margin-top:10px;font-size:15.5px;font-weight:700}
.szr-page .stat .s{color:var(--ink-3);margin-top:6px;font-size:12px}
.szr-page .mech{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:30px;font-size:14.5px;font-weight:700;display:flex}
.szr-page .mech span{align-items:center;gap:7px;display:inline-flex}
.szr-page .mech svg{width:15px;height:15px;color:var(--good)}
.szr-page .where-cards{gap:var(--grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
.szr-page .where-pic{--cp:calc(18px - clamp(24px, 2.4vw, 32px));margin:var(--cp) var(--cp) 0}
.szr-page .wherecard .h3{margin-top:20px}
.szr-page .wherecard p{color:var(--ink-2);margin-top:6px;font-size:15px}
.szr-page a.wherecard-link{color:var(--ink);transition:border-color .15s,box-shadow .15s;display:block}
.szr-page a.wherecard-link:hover{border-color:var(--border-strong)}
.szr-page a.wherecard-link:hover .h3{color:var(--brand)}
.szr-page a.wherecard-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.szr-page .where-arr{color:var(--brand)}
.szr-page .where-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}
.szr-page .where-chips span{color:var(--ink-2);background:var(--paper);border:1px solid var(--border);border-radius:var(--r-pill);padding:7px 13px;font-size:13px;font-weight:700}
.szr-page .mkgrid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(28px,4vw,56px);display:grid}
.szr-page .mklist{gap:12px;margin-top:22px;display:grid}
.szr-page .mklist div{color:var(--ink-2);gap:10px;font-size:15px;display:flex}
.szr-page .mklist svg{width:17px;height:17px;color:var(--good);flex:none;margin-top:3px}
.szr-page .mk-stage{--w-accent:#F93549;--w-r:12px;--w-font:inherit;--w-tt:none;--w-ls:0em;--s-paper:#fff;--s-ink:#1b2333;border-radius:var(--r-card);border:1px solid var(--border);box-shadow:var(--sh-card);background:var(--s-paper);transition:background .5s;position:relative;overflow:hidden}
.szr-page .mk-stage[data-th=minimal]{--w-accent:#1b2333;--w-r:8px;--s-paper:#fbfbfd}
.szr-page .mk-stage[data-th=luxury]{--w-accent:#101012;--w-r:0px;--w-tt:uppercase;--w-ls:.07em;--s-paper:#fafafa}
.szr-page .mk-stage[data-th=editorial]{--w-accent:#1c1917;--w-r:0px;--w-font:Georgia, "Times New Roman", serif;--s-paper:#fbfaf7}
.szr-page .mk-nav{border-bottom:1px solid var(--border-soft);font-family:var(--w-font);justify-content:space-between;align-items:center;padding:13px 18px;display:flex}
.szr-page .mk-logo{letter-spacing:.12em;text-transform:uppercase;color:var(--s-ink);font-size:13px;font-weight:800}
.szr-page .mk-links{gap:8px;display:flex}
.szr-page .mk-links i{background:var(--border-soft);border-radius:4px;width:26px;height:7px}
.szr-page .mk-body{grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 18px 26px;display:grid}
.szr-page .mk-prod{border:1px solid var(--border-soft);border-radius:calc(var(--w-r) + 4px);background:#fff;transition:border-radius .5s;overflow:hidden}
.szr-page .mk-ph{background:linear-gradient(135deg,#eef1f6,#e2e8f2);height:96px}
.szr-page .mk-prod:nth-child(2) .mk-ph{background:linear-gradient(135deg,#f3efe9,#e9e2d6)}
.szr-page .mk-prod:nth-child(3) .mk-ph{background:linear-gradient(135deg,#eef4ef,#dfe9e2)}
.szr-page .mk-pr{background:var(--border-soft);border-radius:3px;height:6px;margin:8px 9px 0}
.szr-page .mk-pr.w{width:55%;margin-bottom:9px}
.szr-page .mk-widget{border:1px solid var(--border);border-radius:calc(var(--w-r) + 6px);width:244px;box-shadow:var(--sh-pop);font-family:var(--w-font);background:#fff;padding:13px 14px 12px;transition:border-radius .5s;position:absolute;bottom:16px;right:16px}
.szr-page .mk-wtop{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}
.szr-page .mk-wtop i{background:var(--w-accent);border-radius:50%;width:6px;height:6px;transition:background .5s}
.szr-page .mk-wq{color:var(--s-ink);text-transform:var(--w-tt);letter-spacing:var(--w-ls);white-space:nowrap;margin-top:6px;font-size:11.5px;font-weight:800}
.szr-page .mk-win{border:1px solid var(--border);border-radius:var(--w-r);background:var(--bg);color:var(--s-ink);align-items:center;gap:6px;margin-top:7px;padding:6px 8px;font-size:10.5px;font-weight:700;transition:border-radius .5s;display:flex}
.szr-page .mk-win img{border-radius:4px;width:14px;height:14px}
.szr-page .mk-wbtn{border-radius:var(--w-r);background:var(--w-accent);color:#fff;height:28px;text-transform:var(--w-tt);letter-spacing:var(--w-ls);place-items:center;margin-top:7px;font-size:10.5px;font-weight:800;transition:background .5s,border-radius .5s;display:grid}
.szr-page .mk-themes{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}
.szr-page .mk-th{color:var(--ink-2);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;background:#fff;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .2s}
.szr-page .mk-th.on{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}
.szr-page .platforms{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:clamp(30px,4vw,46px);display:flex}
.szr-page .plat{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--ink);box-shadow:var(--sh-card);background:#fff;align-items:center;gap:11px;padding:14px 26px;font-size:17px;font-weight:800;display:inline-flex}
.szr-page .plat img,.szr-page .plat svg{width:28px;height:28px}
.szr-page .installgrid .stepnum{margin-bottom:12px}
.szr-page .installnote{text-align:center;color:var(--ink-3);margin-top:26px;font-size:13.5px;font-weight:600}
.szr-page .ownband{align-items:start}
.szr-page .ownband .h3{margin-bottom:8px}
.szr-page .ownband .cta-row{margin-top:0}
.szr-page .ob-tiles{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}
.szr-page .ob-tile{border:1px solid var(--border);width:52px;height:52px;box-shadow:var(--sh-xs);box-sizing:border-box;background:#fff;border-radius:13px;place-items:center;padding:7px;display:grid}
.szr-page .ob-tile img{object-fit:contain;border-radius:7px;width:100%;height:100%}
.szr-page .ob-yours{border-style:dashed;border-color:var(--brand);width:auto;min-height:52px;color:var(--brand);letter-spacing:.01em;background:var(--brand-soft);white-space:nowrap;padding:0 16px;font-size:12.5px;font-weight:800}
.szr-page .ob-risk{color:var(--ink-3);margin-top:10px;font-size:12.5px;font-weight:600}
.szr-page .ctaband{background:radial-gradient(120% 120% at 50% -20%,#27324a,#12182a 62%);border:0;padding:clamp(48px,6vw,84px) 24px}
.szr-page .ctaband:before{content:none}
.szr-page .ctaband p{color:#ffffffbf;max-width:52ch;margin:14px auto 0;font-size:17px}
.szr-page .ctaband .cta-row{justify-content:center;margin-top:30px}
.szr-page .ctaband .cta-risk{margin-top:12px;font-size:13.5px;font-weight:600}
.szr-page .appband{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,40px)}
.szr-page .app-pic{min-width:0}
@media (max-width:900px){
  .szr-page .g2{grid-template-columns:1fr}
}
@media (max-width:960px){
  .szr-page .hero .wrap{grid-template-columns:1fr}
  .szr-page .feet .wrap{grid-template-columns:1fr}
  .szr-page .mkgrid{grid-template-columns:1fr}
}
@media (min-width:961px){
  .szr-page .hero-pic{margin-right:calc(-1 * clamp(0px, (100vw - var(--container)) / 2, 80px))}
}
@media (max-width:760px){
  .szr-page .statgrid.two{grid-template-columns:1fr}
  .szr-page .statgrid{grid-template-columns:1fr}
}
@media (max-width:1150px){
  .szr-page .where-cards{grid-template-columns:minmax(0,640px);justify-content:center}
}
@media (max-width:820px){
  .szr-page .ob-tiles{margin-top:16px}
  .szr-page .ownband .cta-row{margin-top:18px}
  .szr-page .appband{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .szr-page .mq-track{animation:none!important}
}
/* zp-callout / zp-pill / zp-tag（xct wherecards 标签组，原站按出现顺序：callout 最终 display:flex 可见、pill 最终 display:none）*/
.zp-pill{position: absolute;top: 22px;left: 50%;transform: translateX(-50%);z-index: 6;display: inline-flex;align-items: center;gap: 8px;white-space: nowrap;background: var(--zp-acc);color: rgba(255,255,255,0.88);border-radius: 999px;padding: 5px 15px 5px 5px;box-shadow: 0 6px 18px rgba(249,53,73,0.38),0 1px 2px rgba(20,30,60,0.15);font-size: 13px;line-height: 18px;font-weight: 600;}
.zp-pill b{color: var(--zp-white);font-weight: 800;}
.zp-pill .zp-dot{width: 4px;height: 4px;border-radius: 50%;background: rgba(255,255,255,0.6);}
.zp-pill::after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -7px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid var(--zp-acc);}
.zp-pill[data-align="widget"]{left: auto;right: 47px;transform: none;}
.zp-pill[data-align="widget"]::after{left: auto;right: 110px;margin-left: 0;}
.zp-ic{flex: none;width: 20px;height: 20px;border-radius: 50%;background: var(--zp-white);color: var(--zp-acc);display: grid;place-items: center;}
.zp-ic svg{width: 12px;height: 12px;}
.zp-frame > .zp-callout{display: none;}
.zp-tag{display: inline-flex;align-items: center;gap: 6px;background: var(--zp-acc);color: var(--zp-white);border-radius: 999px;padding: 3px 11px 3px 3px;font-size: 12px;font-weight: 800;line-height: 16px;white-space: nowrap;box-shadow: 0 3px 10px rgba(249,53,73,0.22);}
.zp-tag .zp-ic{width: 18px;height: 18px;}
.zp-tag .zp-ic svg{width: 11px;height: 11px;}
.zp-line{font-size: 13px;line-height: 1.4;font-weight: 500;color: var(--zp-ink2);}
.zp-pill{display: none;}
.zp-frame > .zp-callout{display: flex;flex-direction: column;align-items: flex-start;gap: 5px;margin: 0 0 10px;}
/* Round 13: Doc 页 mk-page 间距对齐（原站 --grid-gap/--card padding，1142 视口下 27.4px） */
.doc .grid{gap:clamp(22px,2.4vw,32px)}
.doc .fcard{padding:clamp(24px,2.4vw,32px)}
/* Round 13 批次 2：lead→内容间距（原站 .shead margin-bottom）与 hero padding 公式化 */
.doc .lead{margin-bottom:clamp(40px,5vw,64px)}
.doc-hero{padding:calc(clamp(56px,7vw,96px) + 8px) 0 clamp(72px,8vw,120px)}
/* Round 13 批次 3：section 直属内容块的顶部间距（对齐原站 .shead margin-bottom，压过内联 margin-top） */
.doc .section > .grid{margin-top:clamp(40px,5vw,64px)!important}

.section.surface{background:#f3f7fe}

/* Round 15：photos 页原站 .photos-page 全套规则（实抓移植，品牌红映射） */
/* 本地导航在文档流内：去掉原站固定导航的 header-h 负补偿 */
.photos-page{--blue:#F93549;--blue-press:#d81f36;--blue-soft:#ffe6ea;color:var(--ink);background:var(--bg);letter-spacing:-.01em;margin-top:0;line-height:1.55}
.photos-page *{box-sizing:border-box}
html[lang=ko] .photos-page :is(h1,h2,h3){word-break:keep-all}
html[lang=ja] .photos-page :is(h1,h2,h3){word-break:auto-phrase}
html[lang=ja] .photos-page h1.display{font-size:clamp(34px,3.7vw,46px)}
.photos-page h1,.photos-page h2,.photos-page h3,.photos-page h4{letter-spacing:-.03em;color:var(--ink);margin:0}
.photos-page p{margin:0}
.photos-page a{color:var(--brand);text-decoration:none}
.photos-page img{max-width:100%;display:block}
.photos-page .ic{color:#1b2333;background:#eaecf2;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}
.photos-page .ic svg{width:24px;height:24px}
.photos-page .ss-brandmark{background:#1b2333;border-radius:15px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;margin:0 0 18px;display:flex}
.photos-page .ss-brandmark svg{width:34px;height:34px}
.photos-page .blobwrap{isolation:isolate;position:relative;overflow-x:clip}
.photos-page .blobwrap:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 25% 20%,#ffd6dd 0,#0000 70%),radial-gradient(50% 50% at 85% 10%,#ffe6ec 0,#0000 70%);height:70%;position:absolute;inset:-10% -5% auto}
.photos-page .hero{padding:calc(clamp(56px, 7vw, 96px) + 8px) 0 clamp(72px, 8vw, 120px)}
.photos-page .feat{gap:var(--block-gap);grid-template-columns:1fr 1fr;align-items:center;display:grid}
.photos-page .feat+.feat{margin-top:clamp(64px,7vw,108px)}
.photos-page .feat.flip .feat-copy{order:2}
.photos-page .feat-copy .display{margin-top:18px}
.photos-page .feat-copy .lead{margin-top:22px}
.photos-page .feat-copy ul{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}
.photos-page .feat-copy li{color:var(--ink);gap:10px;font-size:15.5px;display:flex}
.photos-page .feat-copy li svg{width:20px;height:20px;color:var(--good);flex:none;margin-top:2px}
.photos-page .feat-visual{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);justify-content:center;align-items:center;min-height:280px;padding:clamp(20px,2.5vw,36px);display:flex}
.photos-page .feat-visual.bare{background:0 0;border:0;min-height:0;padding:0}
.photos-page .hero .trust{flex-wrap:wrap;gap:30px;margin-top:32px;display:flex}
.photos-page .hero .trust .t{flex-direction:column;display:flex}
.photos-page .hero .trust .n{font-size:22px;font-weight:800}
.photos-page .hero .trust .l{color:var(--ink-3);font-size:13px}
.photos-page .bareveal{aspect-ratio:3/4;width:100%;max-width:430px;box-shadow:var(--sh-card);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:18px;margin:0 auto;position:relative;overflow:hidden}
.photos-page .bareveal img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
.photos-page .bareveal .ba-before,.photos-page .bareveal .ba-tag,.photos-page .bareveal .ba-hint{transition:opacity .28s}
.photos-page .bareveal .ba-before{opacity:0}
.photos-page .bareveal.show .ba-before,.photos-page .bareveal:hover .ba-before{opacity:1}
.photos-page .bareveal .ba-tag{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--r-pill);background:#1b2333a8;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;left:12px}
.photos-page .bareveal .ba-tag.is-before{opacity:0}
.photos-page .bareveal.show .ba-tag.is-before,.photos-page .bareveal:hover .ba-tag.is-before{opacity:1}
.photos-page .bareveal.show .ba-tag.is-after,.photos-page .bareveal:hover .ba-tag.is-after{opacity:0}
.photos-page .bareveal .ba-hint{z-index:2;color:var(--ink);border-radius:var(--r-pill);box-shadow:var(--sh-xs);background:#ffffffeb;align-items:center;gap:6px;padding:6px 11px;font-size:11.5px;font-weight:700;display:inline-flex;position:absolute;top:12px;right:12px}
.photos-page .bareveal .ba-hint svg{width:14px;height:14px;color:var(--brand)}
.photos-page .bareveal.show .ba-hint,.photos-page .bareveal:hover .ba-hint{opacity:0}
.photos-page .family{margin-top:clamp(34px,4vw,56px)}
.photos-page .family:first-of-type{margin-top:0}
.photos-page .fam-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}
.photos-page .fam-head h3{font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:800}
.photos-page .fam-head .fam-n{letter-spacing:.05em;text-transform:uppercase;color:#1b2333;border-radius:var(--r-pill);background:#eaecf2;padding:4px 11px;font-size:12px;font-weight:800}
.photos-page .fam-head .fam-d{color:var(--ink-3);font-size:14px}
.photos-page .famgrid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}
.photos-page .tile{border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:13px;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}
.photos-page .tile:hover{box-shadow:var(--sh-card);transform:translateY(-3px)}
.photos-page .tile .ph{aspect-ratio:3/4;background:var(--surface);overflow:hidden}
.photos-page .tile .ph img{object-fit:cover;width:100%;height:100%}
.photos-page .tile .tcap{color:var(--ink);padding:9px 11px;font-size:12px;font-weight:700}
.photos-page .everywrap{margin-top:clamp(40px,5vw,64px)}
.photos-page .gar-switch{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}
.photos-page .gar-switch button{color:var(--ink-2);border:1px solid var(--border-strong);border-radius:var(--r-pill);cursor:pointer;background:#fff;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .15s}
.photos-page .gar-switch button:hover{border-color:var(--brand);color:var(--ink)}
.photos-page .gar-switch button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.photos-page .everygrid{grid-template-columns:repeat(7,1fr);gap:14px;display:grid}
.photos-page .everygrid .src{grid-area:span 2/span 2}
.photos-page .ecell{border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:13px;position:relative;overflow:hidden}
.photos-page .ecell.src{border:2px solid var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.photos-page .ecell .ph{aspect-ratio:3/4;background:var(--surface);overflow:hidden}
.photos-page .ecell.src .ph{aspect-ratio:auto;height:100%}
.photos-page .ecell .ph img{object-fit:cover;width:100%;height:100%}
.photos-page .ecell .elbl{color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--r-pill);background:#1b23339e;padding:3px 8px;font-size:10.5px;font-weight:700;position:absolute;bottom:8px;left:8px}
.photos-page .ecell.src .elbl{background:var(--brand)}
.photos-page .snapboth{gap:var(--block-gap);grid-template-columns:1fr 1fr;align-items:center;display:grid}
.photos-page .snapboth-copy ul{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}
.photos-page .snapboth-copy li{color:var(--ink);gap:10px;font-size:15.5px;display:flex}
.photos-page .snapboth-copy li svg{width:20px;height:20px;color:var(--good);flex:none;margin-top:2px}
.photos-page .snapboth-copy .cta-row{margin-top:30px}
.photos-page .sbvis{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);justify-content:center;align-items:center;gap:clamp(14px,2vw,26px);padding:clamp(22px,2.6vw,34px);display:flex}
.photos-page .sb-col{flex-direction:column;align-items:center;gap:10px;display:flex}
.photos-page .sb-k{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:800}
.photos-page .sb-garment img{object-fit:cover;border:1px solid var(--border);width:118px;height:158px;box-shadow:var(--sh-card);background:#fff;border-radius:12px;display:block}
.photos-page .sb-tag{border:1px solid var(--border-strong);width:84px;height:114px;box-shadow:var(--sh-card);background:#fff;border-radius:5px;flex-direction:column;gap:4px;padding:10px 9px 8px;display:flex;transform:rotate(-4deg)}
.photos-page .sb-tag .st{border-top:1px dashed var(--border-strong);height:0;margin:0 -2px 3px}
.photos-page .sb-tag i{background:var(--muted);border-radius:2px;height:3px;display:block}
.photos-page .sb-tag i:nth-child(2){width:92%}
.photos-page .sb-tag i:nth-child(3){width:70%}
.photos-page .sb-tag i:nth-child(4){width:84%}
.photos-page .sb-tag i:nth-child(5){width:60%}
.photos-page .sb-arr{width:30px;height:30px;color:var(--brand);flex:none}
.photos-page .sb-out{flex-direction:column;flex:none;gap:12px;display:flex}
.photos-page .sb-out-row{color:var(--ink);border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:12px;align-items:center;gap:9px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}
.photos-page .sb-out-row svg{width:18px;height:18px;color:var(--brand);flex:none}
.photos-page .truecols{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}
.photos-page .truecol{flex-direction:column;gap:14px;display:flex}
.photos-page .truecol .ic{width:46px;height:46px}
.photos-page .truecol h3{font-size:18px;font-weight:800}
.photos-page .truecol p{color:var(--ink-2);font-size:15px}
.photos-page .who3{gap:var(--grid-gap);grid-template-columns:1.25fr 1fr 1fr;align-items:stretch;display:grid}
.photos-page .whocard.lead-card{box-shadow:0 0 0 2px var(--brand), var(--sh-card);border-color:#0000}
.photos-page .whocard .wtag{letter-spacing:.05em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border-radius:var(--r-pill);align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:800}
.photos-page .whocard .prod{color:var(--ink-3);margin-top:auto;font-size:13px}
.photos-page .whocard .prod b{color:var(--ink-2)}
.photos-page .whocard{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;flex-direction:column;gap:16px;padding:clamp(28px,3vw,40px);display:flex}
.photos-page .whocard .ic{width:50px;height:50px}
.photos-page .whocard h3{font-size:22px;font-weight:800}
.photos-page .whocard p{color:var(--ink-2);font-size:15.5px}
.photos-page .whocard .plats{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px;display:flex}
.photos-page .whocard .plats span{color:var(--ink-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 13px;font-size:12.5px;font-weight:700}
.photos-page .steps{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid;position:relative}
.photos-page .steps:before{content:"";z-index:0;background:repeating-linear-gradient(90deg, var(--border-strong) 0 7px, transparent 7px 14px);height:2px;position:absolute;top:42px;left:12%;right:12%}
.photos-page .scard{z-index:1;border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;flex-direction:column;gap:10px;padding:26px 26px 28px;display:flex;position:relative}
.photos-page .scard .b{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex;box-shadow:0 6px 14px -4px #F93549b3}
.photos-page .scard h3{margin-top:6px;font-size:19px;font-weight:700}
.photos-page .scard p{color:var(--ink-2);font-size:15px}
.photos-page .credits{gap:var(--block-gap);grid-template-columns:.95fr 1.05fr;align-items:center;display:grid}
.photos-page .credits-copy ul{flex-direction:column;gap:14px;margin:24px 0 0;padding:0;list-style:none;display:flex}
.photos-page .credits-copy li{color:var(--ink);gap:11px;font-size:15.5px;display:flex}
.photos-page .credits-copy li svg{width:20px;height:20px;color:var(--good);flex:none;margin-top:2px}
.photos-page .credtable{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;overflow:hidden}
.photos-page .credtable .ch{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:18px 22px;display:flex}
.photos-page .credtable .ch .ic{border-radius:11px;width:38px;height:38px}
.photos-page .credtable .ch .ic svg{width:19px;height:19px}
.photos-page .credtable .ch b{font-size:15.5px;font-weight:800}
.photos-page .credtable .ch span{color:var(--ink-3);font-size:12.5px;display:block}
.photos-page .credtable table{border-collapse:collapse;width:100%;font-size:14.5px}
.photos-page .credtable td,.photos-page .credtable th{text-align:left;padding:14px 22px}
.photos-page .credtable thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--surface);border-bottom:1px solid var(--border);font-size:11px;font-weight:800}
.photos-page .credtable thead th:last-child{text-align:right}
.photos-page .credtable tbody td{border-bottom:1px solid var(--border-soft);color:var(--ink-2);font-weight:600}
.photos-page .credtable tbody td:last-child{text-align:right;color:var(--ink);font-weight:800}
.photos-page .credtable tbody tr:last-child td{border-bottom:0}
.photos-page .credtable .cfoot{background:var(--surface);color:var(--ink-2);align-items:center;gap:9px;padding:16px 22px;font-size:13px;display:flex}
.photos-page .credtable .cfoot svg{width:17px;height:17px;color:var(--brand);flex:none}
.photos-page .sscard{color:var(--ink);flex-direction:column;align-items:flex-start;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}
.photos-page .sscard:hover{box-shadow:var(--sh-pop);border-color:var(--border-strong);transform:translateY(-3px)}
.photos-page .sscard .lead{font-size:15.5px}
.photos-page .sscard .more{color:var(--brand);align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-size:14.5px;font-weight:700;display:inline-flex}
.photos-page .sscard .more .arr{transition:transform .15s}
.photos-page .sscard:hover .more .arr{transform:translate(3px)}
.photos-page .ssnote{color:var(--ink-3);text-align:center;justify-content:center;align-items:center;gap:9px;margin-top:clamp(28px,3vw,40px);font-size:14px;display:flex}
.photos-page .ssnote svg{width:18px;height:18px;color:var(--brand);flex:none}
.photos-page .sshd{align-items:center;gap:9px;display:flex}
.photos-page .ssic{color:#fff;background:#1b2333;border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}
.photos-page .ssic svg{width:17px;height:17px}
.photos-page .sscard .sshd h3{margin:0}
.photos-page .ss-pic{width:100%;margin-bottom:18px}
.photos-page .sscard .ss-pic{justify-self:stretch}
.photos-page .sscard .more{align-self:end}
.photos-page .vs{gap:var(--grid-gap);grid-template-columns:1fr 1fr;display:grid}
.photos-page .vscol{border-radius:var(--r-card);border:1px solid var(--border);padding:clamp(26px,3vw,38px)}
.photos-page .vscol.us{box-shadow:0 0 0 2px var(--brand), var(--sh-card);background:#fff;border-color:#0000;position:relative}
.photos-page .vscol.them{background:var(--surface)}
.photos-page .vscol .vh{align-items:center;gap:10px;margin-bottom:20px;display:flex}
.photos-page .vscol .vh b{font-size:17px;font-weight:800}
.photos-page .vscol .vbadge{background:var(--brand);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:4px 13px;font-size:11px;font-weight:800;position:absolute;top:-12px;left:clamp(26px,3vw,38px)}
.photos-page .vscol ul{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}
.photos-page .vscol li{color:var(--ink);gap:10px;font-size:15px;display:flex}
.photos-page .vscol li svg{flex:none;width:19px;height:19px;margin-top:2px}
.photos-page .vscol.us li svg{color:var(--good)}
.photos-page .vscol.them li{color:var(--ink-2)}
.photos-page .vscol.them li svg{color:var(--muted)}
.photos-page .metrics{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}
.photos-page .metric{border:1px solid var(--border);border-radius:var(--r-card);text-align:center;background:#fff;padding:28px}
.photos-page .metric .n{letter-spacing:-.03em;font-size:clamp(34px,4vw,46px);font-weight:800}
.photos-page .metric .n span{color:var(--brand)}
.photos-page .metric .l{color:var(--ink-3);margin-top:6px;font-size:14px}
.photos-page .stars{color:var(--star);vertical-align:middle;gap:2px;line-height:1;display:inline-flex}
.photos-page .stars svg{fill:currentColor;filter:drop-shadow(0 1px 1px #b4780047);width:17px;height:17px}
.photos-page .revstrip{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);margin-top:8px;display:grid}
.photos-page .revmini{border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:16px;padding:18px 20px}
.photos-page .revmini p{color:var(--ink-2);margin-top:9px;font-size:13.5px}
.photos-page .revmini p b{color:var(--ink);font-weight:700}
.photos-page .revmini .who{color:var(--ink-3);margin-top:14px;font-size:12px}
.photos-page .revmini .who b{color:var(--ink);font-size:12.5px}
.photos-page .revfeat{gap:var(--block-gap,40px);margin-bottom:var(--grid-gap);grid-template-columns:.82fr 1.18fr;align-items:center;display:grid}
.photos-page .ratesum .big{letter-spacing:-.04em;font-size:clamp(56px,7vw,86px);font-weight:800;line-height:.95}
.photos-page .ratesum .big span{color:var(--ink-3);font-size:.4em;font-weight:700}
.photos-page .ratesum .stars{margin-top:10px}
.photos-page .ratesum .stars svg{width:25px;height:25px}
.photos-page .ratesum .src{color:var(--ink-2);margin-top:10px;font-size:14px}
.photos-page .ratesum .src b{color:var(--ink)}
.photos-page .ratesum .bars{flex-direction:column;gap:7px;max-width:300px;margin-top:16px;display:flex}
.photos-page .ratesum .bar{color:var(--ink-3);align-items:center;gap:9px;font-size:12px;display:flex}
.photos-page .ratesum .bar .tk{background:var(--surface-2,#eef1f6);border-radius:99px;flex:1;height:7px;overflow:hidden}
.photos-page .ratesum .bar .tk i{background:var(--star);border-radius:99px;height:100%;display:block}
.photos-page .bigquote{border:1px solid var(--border);border-radius:var(--r-card,18px);box-shadow:var(--sh-card);background:#fff;padding:clamp(28px,3vw,42px)}
.photos-page .bigquote .q{letter-spacing:-.02em;color:var(--ink-2);margin-top:16px;font-size:clamp(20px,2vw,27px);font-weight:400;line-height:1.42}
.photos-page .bigquote .q b{color:var(--ink);font-weight:700}
.photos-page .bigquote .who{align-items:center;gap:12px;margin-top:24px;display:flex}
.photos-page .bigquote .who b{font-size:15px}
.photos-page .bigquote .who span{color:var(--ink-3);font-size:13px;display:block}
@media (prefers-reduced-motion:reduce){
  .photos-page .bareveal .ba-before,.photos-page .bareveal .ba-tag,.photos-page .bareveal .ba-hint{transition:none}
}
@media (max-width:760px){
  .photos-page .revfeat,.photos-page .revstrip{grid-template-columns:1fr}
}
@media (max-width:960px){
  .photos-page .famgrid,.photos-page .everygrid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:900px){
  .photos-page .feat,.photos-page .feat.flip .feat-copy,.photos-page .credits,.photos-page .snapboth{grid-template-columns:1fr}
  .photos-page .feat.flip .feat-copy{order:0}
  .photos-page .hero .feat-visual{order:-1}
  .photos-page .metrics,.photos-page .truecols,.photos-page .who3,.photos-page .steps,.photos-page .vs{grid-template-columns:1fr 1fr}
  .photos-page .steps:before{display:none}
}
@media (max-width:600px){
  .photos-page .famgrid,.photos-page .everygrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:560px){
  .photos-page .metrics,.photos-page .truecols,.photos-page .who3,.photos-page .steps,.photos-page .vs{grid-template-columns:1fr}
  .photos-page .everygrid .src{grid-column:span 3}
}
.mk-page .hero{background:var(--surface);padding:calc(clamp(64px,7vw,104px) + 8px) 0 clamp(72px,8vw,120px)}
.mk-page .blobwrap{isolation:isolate;position:relative;overflow-x:clip}

/* Round 16：descriptions / labels / seller-studio 三页原站规则（实抓移植，品牌红映射 + 本地导航补偿） */
/* 本地导航在文档流内：去掉原站固定导航的 header-h 负补偿 */
.descriptions-page{--blue:#F93549;--blue-press:#d81f36;--blue-soft:#ffe6ea;color:var(--ink);background:var(--bg);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin-top:0;line-height:1.55}
.descriptions-page *{box-sizing:border-box}
html[lang=ko] .descriptions-page :is(h1,h2,h3){word-break:keep-all}
html[lang=ja] .descriptions-page :is(h1,h2,h3){word-break:auto-phrase}
html[lang=ja] .descriptions-page h1.display{font-size:clamp(34px,3.7vw,46px)}
.descriptions-page h1,.descriptions-page h2,.descriptions-page h3,.descriptions-page h4,.descriptions-page h5{letter-spacing:-.03em;color:var(--ink);margin:0}
.descriptions-page p{margin:0}
.descriptions-page a{color:var(--brand);text-decoration:none}
.descriptions-page img{max-width:100%;display:block}
.descriptions-page .ic{color:#1b2333;background:#eaecf2;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}
.descriptions-page .ic svg{width:24px;height:24px}
.descriptions-page .ss-brandmark{background:#1b2333;border-radius:15px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;margin:0 0 18px;display:flex}
.descriptions-page .ss-brandmark svg{width:34px;height:34px}
.descriptions-page .blobwrap{isolation:isolate;position:relative;overflow-x:clip}
.descriptions-page .blobwrap:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 25% 20%,#ffd6dd 0,#0000 70%),radial-gradient(50% 50% at 85% 10%,#ffe6ec 0,#0000 70%);height:70%;position:absolute;inset:-10% -5% auto}
.descriptions-page .hero{padding:calc(clamp(64px, 7vw, 104px) + 8px) 0 clamp(72px, 8vw, 120px)}
.descriptions-page .hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(36px,4vw,56px);display:grid}
.descriptions-page .hero-grid>*{min-width:0}
.descriptions-page .hero .display{margin-top:18px}
.descriptions-page .hero .sub{max-width:46ch;margin-top:26px;font-size:clamp(18px,1.5vw,21px)}
.descriptions-page .hero .cta-row{margin-top:34px}
.descriptions-page .hero .trust{flex-wrap:wrap;gap:30px;margin-top:30px;display:flex}
.descriptions-page .hero .trust .t{flex-direction:column;display:flex}
.descriptions-page .hero .trust .n{font-size:22px;font-weight:800}
.descriptions-page .hero .trust .l{color:var(--ink-3);font-size:13px}
.descriptions-page .hero-visual{position:relative}
.descriptions-page .marquee{margin-top:28px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}
.descriptions-page .marquee__track{gap:16px;width:max-content;animation:38s linear infinite marq;display:flex}
.descriptions-page .marquee:hover .marquee__track{animation-play-state:paused}
.descriptions-page .logo-tile{border:1px solid var(--border);width:150px;height:74px;box-shadow:var(--sh-xs);background:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;padding:0 22px;display:flex}
.descriptions-page .logo-tile img{object-fit:contain;filter:grayscale();opacity:.7;width:auto;max-width:104px;height:auto;max-height:30px}
.descriptions-page .logo-tile img[src*=etsy]{max-width:42px;max-height:42px}
.descriptions-page .painrow{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);margin-top:8px;display:grid}
.descriptions-page .pain{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-xs);background:#fff;padding:28px 26px}
.descriptions-page .pain .pic{background:var(--surface-2);width:42px;height:42px;color:var(--ink-2);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}
.descriptions-page .pain .pic svg{width:21px;height:21px}
.descriptions-page .pain h3{margin-bottom:7px;font-size:17px;font-weight:800}
.descriptions-page .pain p{color:var(--ink-2);font-size:14.5px}
.descriptions-page .steps2{position:relative}
.descriptions-page .steps2 .track{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid;position:relative}
.descriptions-page .steps2 .track:before{content:"";z-index:0;background:repeating-linear-gradient(90deg, var(--border-strong) 0 7px, transparent 7px 14px);height:2px;position:absolute;top:42px;left:9%;right:9%}
.descriptions-page .steps2 .track:after{content:"";z-index:0;background:radial-gradient(closest-side,#F9354999,#0000);border-radius:99px;width:48px;height:14px;animation:4.5s linear infinite stepflow;position:absolute;top:36px;left:9%}
.descriptions-page .scard{z-index:1;border:1px solid var(--border);border-radius:var(--r-card);min-width:0;box-shadow:var(--sh-card);background:#fff;flex-direction:column;padding:24px 24px 26px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}
.descriptions-page .scard:hover{box-shadow:var(--sh-pop);transform:translateY(-4px)}
.descriptions-page .scard .sn{align-items:center;gap:11px;display:inline-flex}
.descriptions-page .scard .sn .b{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex;box-shadow:0 6px 14px -4px #F93549b3}
.descriptions-page .scard .sn .lbl{letter-spacing:.13em;text-transform:uppercase;color:var(--brand);font-size:12px;font-weight:800}
.descriptions-page .scard h3{margin-top:0;font-size:19px;font-weight:700}
.descriptions-page .scard .stxt{color:var(--ink-2);margin-top:8px;font-size:15px}
.descriptions-page .st-pic{margin:16px 0 18px}
.descriptions-page .mpgrid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}
.descriptions-page .mpcard{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-xs);background:#fff;padding:24px 22px;transition:transform .16s,box-shadow .16s,border-color .16s}
.descriptions-page .mpcard:hover{box-shadow:var(--sh-card);border-color:#ffdce2;transform:translateY(-3px)}
.descriptions-page .mpcard .mp-logo{align-items:center;height:22px;margin-bottom:16px;display:flex}
.descriptions-page .mpcard .mp-logo img{object-fit:contain;filter:grayscale();opacity:.78;width:auto;max-width:96px;height:20px}
.descriptions-page .mpcard .mp-logo img[src*=etsy]{height:26px}
.descriptions-page .mpcard .mp-name{font-size:15px;font-weight:800}
.descriptions-page .mpcard .mp-tune{color:var(--ink-2);margin-top:6px;font-size:13px;line-height:1.5}
.descriptions-page .mpcard .mp-traits{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}
.descriptions-page .mpcard .mp-traits span{color:var(--ink-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px 9px;font-size:11px;font-weight:700}
.descriptions-page .feat{gap:var(--block-gap);grid-template-columns:1fr 1fr;align-items:center;display:grid}
.descriptions-page .feat+.feat{margin-top:clamp(64px,7vw,108px)}
.descriptions-page .feat.flip .feat-copy{order:2}
.descriptions-page .feat-copy .lead{margin-top:18px}
.descriptions-page .feat-copy ul{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}
.descriptions-page .feat-copy li{color:var(--ink);gap:10px;font-size:15.5px;display:flex}
.descriptions-page .feat-copy li svg{width:20px;height:20px;color:var(--good);flex:none;margin-top:2px}
.descriptions-page .feat-visual{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);justify-content:center;align-items:center;min-height:280px;padding:clamp(20px,2.5vw,36px);display:flex}
.descriptions-page .feat-visual.bare{background:0 0;border:0;min-height:0;padding:0}
.descriptions-page .detailmock{border:1px solid var(--border);border-radius:var(--r-card);width:100%;max-width:420px;box-shadow:var(--sh-card);background:#fff;overflow:hidden}
.descriptions-page .detailmock .hd{border-bottom:1px solid var(--border-soft);align-items:center;gap:9px;padding:13px 18px;font-size:13.5px;font-weight:800;display:flex}
.descriptions-page .detailmock .hd .ic{border-radius:9px;width:30px;height:30px}
.descriptions-page .detailmock .hd .ic svg{width:16px;height:16px}
.descriptions-page .detailmock .dm2-body{grid-template-columns:118px 1fr;gap:16px;padding:18px;display:grid}
.descriptions-page .detailmock .dm2-dia{background:var(--surface);border:1px solid #ffdee4;border-radius:13px;align-items:center;padding:12px;display:flex}
.descriptions-page .detailmock .dm2-dia svg{width:100%;height:auto}
.descriptions-page .dm2-garment{fill:none;stroke:#8b93a4;stroke-width:16px;stroke-linejoin:round;stroke-linecap:round}
.descriptions-page .dm2-line{stroke:var(--line);stroke-width:30px;stroke-linecap:round;fill:none}
.descriptions-page .detailmock .dm2-fields{flex-direction:column;align-self:center;gap:11px;display:flex}
.descriptions-page .detailmock .dm2-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:9px;font-size:13px;display:flex}
.descriptions-page .detailmock .dm2-row:last-child{border-bottom:0;padding-bottom:0}
.descriptions-page .detailmock .dm2-row .k{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}
.descriptions-page .detailmock .dm2-row .v{color:var(--ink);font-weight:700}
.descriptions-page .detailmock .dm2-foot{border-top:1px solid var(--border-soft);color:var(--ink-2);background:#fbfcfe;align-items:center;gap:8px;padding:12px 18px;font-size:12px;font-weight:600;display:flex}
.descriptions-page .detailmock .dm2-foot svg{width:16px;height:16px;color:var(--brand);flex:none}
.descriptions-page .accmock{border:1px solid var(--border);border-radius:var(--r-card);width:100%;max-width:420px;box-shadow:var(--sh-card);background:#fff;padding:8px}
.descriptions-page .accmock .ar{border-radius:14px;align-items:flex-start;gap:12px;padding:15px 16px;display:flex}
.descriptions-page .accmock .ar+.ar{margin-top:6px}
.descriptions-page .accmock .ar .ab{border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}
.descriptions-page .accmock .ar .ab svg{width:17px;height:17px}
.descriptions-page .accmock .ar.good{background:var(--good-soft)}
.descriptions-page .accmock .ar.good .ab{color:var(--good);background:#fff}
.descriptions-page .accmock .ar.flag{background:#fff8ec}
.descriptions-page .accmock .ar.flag .ab{color:var(--amber);background:#fff}
.descriptions-page .accmock .ar .at{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:800}
.descriptions-page .accmock .ar .ad{color:var(--ink);margin-top:3px;font-size:14px;font-weight:600;line-height:1.45}
.descriptions-page .accmock .ar .ad b{font-weight:800}
.descriptions-page .detailmock .dm2-row{border-left:3px solid var(--border-soft);padding-left:10px}
.descriptions-page .detailmock .dm2-row.meas{border-left-color:#0fb5ad}
.descriptions-page .detailmock .dm2-row.label{border-left-color:#7c3aed}
.descriptions-page .detailmock .dm2-leg{color:var(--ink-3);flex-wrap:wrap;gap:14px;padding:0 18px 14px;font-size:11px;font-weight:700;display:flex}
.descriptions-page .detailmock .dm2-leg span{align-items:center;gap:5px;display:inline-flex}
.descriptions-page .detailmock .dm2-leg i{border-radius:2px;width:8px;height:8px;display:inline-block}
.descriptions-page .accmock .ar.never{background:#f2f4f8}
.descriptions-page .accmock .ar.never .ab{color:#545b6b;background:#fff}
.descriptions-page .langwrap{flex-wrap:wrap;justify-content:center;gap:9px;max-width:960px;margin:0 auto;display:flex}
.descriptions-page .langpill{color:var(--ink);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--sh-xs);background:#fff;align-items:center;gap:8px;padding:7px 15px 7px 9px;font-size:13.5px;font-weight:700;display:inline-flex}
.descriptions-page .langpill .flag{object-fit:cover;border-radius:50%;flex:none;width:19px;height:19px;box-shadow:0 0 0 1px #1b233314}
.descriptions-page .langpill.hot{background:var(--brand);color:#fff;border-color:#0000}
.descriptions-page .langpill.hot .flag{box-shadow:0 0 0 1px #ffffff73}
.descriptions-page .langnote{color:var(--ink-2);text-align:center;justify-content:center;align-items:center;gap:9px;max-width:62ch;margin-top:clamp(24px,3vw,34px);margin-left:auto;margin-right:auto;font-size:14.5px;display:flex}
.descriptions-page .langnote svg{width:18px;height:18px;color:var(--brand);flex:none}
.descriptions-page .langnote b{color:var(--ink);font-weight:800}
.descriptions-page .ctrlgrid{gap:var(--grid-gap);grid-template-columns:repeat(12,1fr);display:grid}
.descriptions-page .ctrlcard{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;flex-direction:column;padding:24px 24px 26px;display:flex}
.descriptions-page .ctrlcard .ch{align-items:center;gap:11px;display:flex}
.descriptions-page .ctrlcard .ch .cic{color:#1b2333;background:#eaecf2;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}
.descriptions-page .ctrlcard .ch .cic svg{width:18px;height:18px}
.descriptions-page .ctrlcard h3{font-size:16px;font-weight:800}
.descriptions-page .ctrlcard .cdesc{color:var(--ink-2);margin-top:7px;font-size:13.5px;line-height:1.5}
.descriptions-page .ctrlcard .cbody{margin-top:16px}
.descriptions-page .condpills{flex-wrap:wrap;gap:7px;display:flex}
.descriptions-page .condpill{color:var(--ink-2);background:var(--surface);border:1px solid var(--border);letter-spacing:.02em;border-radius:8px;padding:9px 15px;font-size:13px;font-weight:800;line-height:1}
.descriptions-page .condpill.on{background:var(--brand);color:#fff;border-color:#0000;box-shadow:0 2px 8px -2px #F9354973}
.descriptions-page .condpill small{display:none}
.descriptions-page .condcap{color:var(--ink-3);margin-top:11px;font-size:12.5px;font-weight:600}
.descriptions-page .condcap b{color:var(--ink);font-weight:800}
.descriptions-page .attachsel{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}
.descriptions-page .attachsel .as-tx{flex-direction:column;min-width:0;display:flex}
.descriptions-page .attachsel .as-k{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:700}
.descriptions-page .attachsel .as-v{color:var(--ink);margin-top:2px;font-size:13.5px;font-weight:700}
.descriptions-page .attachsel .as-chev{width:16px;height:16px;color:var(--ink-3);flex:none}
.descriptions-page .attachopt{flex-direction:column;gap:6px;margin-top:8px;display:flex}
.descriptions-page .attachopt .ao{color:var(--ink-2);border:1px solid var(--border-soft);border-radius:10px;align-items:center;gap:9px;padding:8px 12px;font-size:13px;display:flex}
.descriptions-page .attachopt .ao svg{width:15px;height:15px;color:var(--brand);flex:none}
.descriptions-page .attachopt .ao b{color:var(--ink);font-weight:700}
.descriptions-page .profrows{flex-direction:column;gap:2px;display:flex}
.descriptions-page .profrow{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}
.descriptions-page .profrow:last-child{border-bottom:0}
.descriptions-page .profrow .pl{color:var(--ink);font-size:13.5px;font-weight:600}
.descriptions-page .profrow .pl span{color:var(--ink-3);margin-top:1px;font-size:11.5px;font-weight:500;display:block}
.descriptions-page .tgl{background:var(--surface-2);border-radius:99px;flex:none;width:38px;height:22px;transition:background .18s;position:relative}
.descriptions-page .tgl:after{content:"";width:18px;height:18px;box-shadow:var(--sh-xs);background:#fff;border-radius:50%;transition:transform .18s;position:absolute;top:2px;left:2px}
.descriptions-page .tgl.on{background:var(--brand)}
.descriptions-page .tgl.on:after{transform:translate(16px)}
.descriptions-page .proffield{flex-direction:column;gap:8px;margin-top:4px;display:flex}
.descriptions-page .proffield .pf{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;font-size:13px;display:flex}
.descriptions-page .proffield .pf .k{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}
.descriptions-page .proffield .pf .v{color:var(--ink);font-weight:700}
.descriptions-page .notebox{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:13px 14px}
.descriptions-page .notebox p{color:var(--ink);font-size:13.5px;line-height:1.5}
.descriptions-page .notebox .nc{color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:10px;font-size:11.5px;font-weight:700;display:flex}
.descriptions-page .notebox .nc .bar{background:var(--surface-2);border-radius:99px;flex:1;height:5px;margin:0 10px;overflow:hidden}
.descriptions-page .notebox .nc .bar i{background:var(--brand);border-radius:99px;height:100%;display:block}
.descriptions-page .histstrip{flex-direction:column;gap:8px;display:flex}
.descriptions-page .histrow{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:11px 13px;display:flex}
.descriptions-page .histrow .ht{flex:1;min-width:0}
.descriptions-page .histrow .ht b{color:var(--ink);font-size:13.5px;font-weight:800;display:block}
.descriptions-page .histrow .ht span{color:var(--ink-3);font-size:11.5px;font-weight:600}
.descriptions-page .histrow .hmps{flex:none;gap:5px;display:flex}
.descriptions-page .histrow .hmps i{background:var(--brand-soft);border:1px solid #cfddfb;border-radius:50%;width:7px;height:7px;display:block}
.descriptions-page .actrow{flex-wrap:wrap;gap:9px;margin-top:4px;display:flex}
.descriptions-page .actbtn{border:1.5px solid var(--border-strong);color:var(--ink);cursor:default;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}
.descriptions-page .actbtn svg{width:15px;height:15px;color:var(--brand)}
.descriptions-page .actbtn.solid{background:var(--brand);color:#fff;border-color:#0000}
.descriptions-page .actbtn.solid svg{color:#fff}
.descriptions-page .ctrlpanel{border:1px solid var(--border);border-radius:var(--r-card);max-width:660px;box-shadow:var(--sh-card);background:#fff;margin:32px auto 0;overflow:hidden}
.descriptions-page .ctrlpanel .cp-grp{border-bottom:1px solid var(--border-soft);padding:17px 22px}
.descriptions-page .ctrlpanel .cp-h{align-items:center;gap:10px;margin-bottom:13px;display:flex}
.descriptions-page .ctrlpanel .cp-h .cp-ic{color:#1b2333;background:#eaecf2;border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}
.descriptions-page .ctrlpanel .cp-h .cp-ic svg{width:16px;height:16px}
.descriptions-page .ctrlpanel .cp-h b{font-size:14.5px;font-weight:800}
.descriptions-page .ctrlpanel .cp-h .cp-sub{color:var(--ink-3);text-align:right;margin-left:auto;font-size:11.5px;font-weight:600}
.descriptions-page .ctrlpanel .cp-tgls .profrow .pl span{color:var(--ink-3);margin:0;font-size:11.5px;font-weight:500;display:inline}
.descriptions-page .ctrlpanel .cp-saved{color:var(--brand);background:var(--brand-soft);border-radius:var(--r-pill);padding:4px 11px;font-size:12.5px;font-weight:700}
.descriptions-page .ctrlpanel .cp-foot{background:#fbfcfe;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}
.descriptions-page .ctrlpanel .cp-foot-tx{color:var(--ink-2);max-width:330px;font-size:13px;font-weight:700}
.descriptions-page .ctrlpanel .cp-acts{gap:8px;display:inline-flex}
.descriptions-page .cspan4{grid-column:span 4}
.descriptions-page .cspan6{grid-column:span 6}
.descriptions-page .cspan8{grid-column:span 8}
.descriptions-page .cspan12{grid-column:span 12}
.descriptions-page .sscard{color:var(--ink);flex-direction:column;align-items:flex-start;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}
.descriptions-page .sscard:hover{box-shadow:var(--sh-pop);border-color:var(--border-strong);transform:translateY(-3px)}
.descriptions-page .sscard.is-here{box-shadow:0 0 0 2px var(--brand), var(--sh-card);border-color:#0000}
.descriptions-page .sscard .lead{font-size:15.5px}
.descriptions-page .sscard .more{color:var(--brand);align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-size:14.5px;font-weight:700;display:inline-flex}
.descriptions-page .sscard .more.cur{color:var(--ink-3)}
.descriptions-page .sscard .more .arr{transition:transform .15s}
.descriptions-page .sscard:hover .more .arr{transform:translate(3px)}
.descriptions-page .ssnote{color:var(--ink-3);text-align:center;justify-content:center;align-items:center;gap:9px;margin-top:clamp(28px,3vw,40px);font-size:14px;display:flex}
.descriptions-page .ssnote svg{width:18px;height:18px;color:var(--brand);flex:none}
.descriptions-page .sshd{align-items:center;gap:9px;margin-top:4px;display:flex}
.descriptions-page .ssic{color:#fff;background:#1b2333;border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}
.descriptions-page .ssic svg{width:17px;height:17px}
.descriptions-page .sscard .sshd h3{margin:0}
.descriptions-page .ss-here-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border-radius:var(--r-pill);align-items:center;margin-left:auto;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}
.descriptions-page .metrics{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}
.descriptions-page .metric{border:1px solid var(--border);border-radius:var(--r-card);text-align:center;background:#fff;padding:28px}
.descriptions-page .metric .n{letter-spacing:-.03em;font-size:clamp(34px,4vw,46px);font-weight:800}
.descriptions-page .metric .n span{color:var(--brand)}
.descriptions-page .metric .l{color:var(--ink-3);margin-top:6px;font-size:14px}
.descriptions-page .credband{gap:var(--block-gap);grid-template-columns:1.05fr .95fr;align-items:center;display:grid}
.descriptions-page .credfacts{flex-direction:column;gap:14px;margin-top:22px;display:flex}
.descriptions-page .credfact{color:var(--ink);align-items:flex-start;gap:12px;font-size:15.5px;display:flex}
.descriptions-page .credfact svg{width:21px;height:21px;color:var(--brand);flex:none;margin-top:2px}
.descriptions-page .credfact b{font-weight:800}
.descriptions-page .alloc{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;overflow:hidden}
.descriptions-page .alloc .ah{border-bottom:1px solid var(--border-soft);padding:16px 22px;font-size:14px;font-weight:800}
.descriptions-page .alloc .ah span{color:var(--ink-3);margin-top:3px;font-size:12.5px;font-weight:600;display:block}
.descriptions-page .alloc table{border-collapse:collapse;width:100%;font-size:14.5px}
.descriptions-page .alloc td{border-bottom:1px solid var(--border-soft);padding:14px 22px}
.descriptions-page .alloc tr:last-child td{border-bottom:0}
.descriptions-page .alloc td.plan{color:var(--ink);font-weight:700}
.descriptions-page .alloc td.amt{text-align:right;color:var(--brand);font-weight:800}
.descriptions-page .alloc td.amt small{color:var(--ink-3);font-size:11.5px;font-weight:600;display:block}
.descriptions-page .alloc .topup{border-top:1px solid var(--border-soft);color:var(--ink-2);background:#fbfcfe;align-items:center;gap:8px;padding:14px 22px;font-size:13px;font-weight:600;display:flex}
.descriptions-page .alloc .topup svg{width:16px;height:16px;color:var(--brand);flex:none}
.descriptions-page .cmp{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;overflow:hidden}
.descriptions-page .cmpscroll{overflow-x:auto}
.descriptions-page .cmp table{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}
.descriptions-page .cmp thead th{text-align:center;border-bottom:1px solid var(--border);color:var(--ink);background:#fff;padding:18px 14px;font-size:15px;font-weight:800}
.descriptions-page .cmp thead th.first{text-align:left;padding-left:24px}
.descriptions-page .cmp thead th.pop{background:var(--brand-soft);color:var(--brand)}
.descriptions-page .cmp thead th .cnt{color:var(--ink-3);margin-top:3px;font-size:12px;font-weight:600;display:block}
.descriptions-page .cmp thead th.pop .cnt{color:var(--brand)}
.descriptions-page .cmp tbody td{text-align:center;border-bottom:1px solid var(--border-soft);color:var(--ink-2);padding:15px 14px;font-weight:600}
.descriptions-page .cmp tbody td.first{text-align:left;color:var(--ink);padding-left:24px;font-weight:500}
.descriptions-page .cmp tbody td.pop{background:#F935490b}
.descriptions-page .cmp tbody tr:last-child td{border-bottom:0}
.descriptions-page .cmp .ck{color:var(--good);display:inline-flex}
.descriptions-page .cmp .ck svg{width:18px;height:18px}
.descriptions-page .cmp .xk{color:var(--muted)}
.descriptions-page .stars{color:var(--star);vertical-align:middle;gap:2px;line-height:1;display:inline-flex}
.descriptions-page .stars svg{fill:currentColor;filter:drop-shadow(0 1px 1px #b4780047);width:17px;height:17px}
.descriptions-page .revfeat{gap:var(--block-gap);grid-template-columns:.82fr 1.18fr;align-items:center;display:grid}
.descriptions-page .ratesum .big{letter-spacing:-.04em;font-size:clamp(56px,7vw,86px);font-weight:800;line-height:.95}
.descriptions-page .ratesum .big span{color:var(--ink-3);font-size:.4em;font-weight:700}
.descriptions-page .ratesum .stars{margin-top:10px}
.descriptions-page .ratesum .stars svg{width:25px;height:25px}
.descriptions-page .ratesum .src{color:var(--ink-2);margin-top:10px;font-size:14px}
.descriptions-page .ratesum .src b{color:var(--ink)}
.descriptions-page .ratesum .bars{flex-direction:column;gap:7px;max-width:300px;margin-top:16px;display:flex}
.descriptions-page .ratesum .bar{color:var(--ink-3);align-items:center;gap:9px;font-size:12px;display:flex}
.descriptions-page .ratesum .bar .tk{background:var(--surface-2);border-radius:99px;flex:1;height:7px;overflow:hidden}
.descriptions-page .ratesum .bar .tk i{background:var(--star);border-radius:99px;height:100%;display:block}
.descriptions-page .bigquote{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;padding:clamp(28px,3vw,42px)}
.descriptions-page .bigquote .q{letter-spacing:-.02em;color:var(--ink-2);margin-top:16px;font-size:clamp(20px,2vw,27px);font-weight:400;line-height:1.42}
.descriptions-page .bigquote .q b{color:var(--ink);font-weight:700}
.descriptions-page .bigquote .who{align-items:center;gap:12px;margin-top:24px;display:flex}
.descriptions-page .bigquote .who b{font-size:15px}
.descriptions-page .bigquote .who span{color:var(--ink-3);font-size:13px;display:block}
.descriptions-page .revstrip{gap:var(--grid-gap);margin-top:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}
.descriptions-page .revmini{border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:16px;padding:18px 20px}
.descriptions-page .revmini p{color:var(--ink-2);margin-top:9px;font-size:13.5px}
.descriptions-page .revmini p b{color:var(--ink);font-weight:700}
.descriptions-page .revmini .who{color:var(--ink-3);margin-top:12px;font-size:12px}
.descriptions-page .revmini .who b{color:var(--ink);font-size:12.5px}
.descriptions-page .da-cmp{grid-template-columns:1fr 1.3fr;align-items:start;gap:18px;margin-top:6px;display:grid}
.descriptions-page .da-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;box-shadow:0 1px 2px #1b23330d}
.descriptions-page .da-cap{border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;padding:12px 18px;font-size:12px;font-weight:800;display:flex}
.descriptions-page .da-cap.bad{color:#b42318;background:#fff7f6}
.descriptions-page .da-cap.good{color:#0fb5ad;background:#d6f7f3;justify-content:flex-start}
.descriptions-page .da-cap img{width:auto;max-width:90px;height:16px}
.descriptions-page .da-pad{padding:16px 18px}
.descriptions-page .da-tabs{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:12px;display:flex}
.descriptions-page .da-tab{border:1.5px solid var(--border);background:var(--paper);cursor:pointer;border-radius:11px;place-items:center;min-width:54px;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:inline-grid}
.descriptions-page .da-tab img{object-fit:contain;filter:grayscale();opacity:.55;width:auto;max-width:64px;height:15px;transition:filter .15s,opacity .15s}
.descriptions-page .da-tab:hover img{opacity:.85}
.descriptions-page .da-tab.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.descriptions-page .da-tab.on img{filter:none;opacity:1}
.descriptions-page .da-tw{color:var(--ink-3);font-size:11px;font-weight:800}
.descriptions-page .da-tab.on .da-tw{color:var(--brand)}
.descriptions-page .da-panels .da-panel{display:none}
.descriptions-page .da-panels .da-panel.on{display:block}
.descriptions-page .da-panel{min-width:0}
.descriptions-page .da-scroll{max-height:430px;overflow-y:auto}
.descriptions-page .da-ttl{color:var(--ink);margin:0 0 10px;font-size:14px;font-weight:700}
.descriptions-page .da-plain{color:#3a4255;white-space:pre-wrap;font-size:13px;line-height:1.55}
.descriptions-page .da-sum{color:var(--ink);border-left:3px solid;margin:0;padding-left:10px;font-size:13px;font-weight:600;line-height:1.5}
.descriptions-page .da-sec{margin-top:13px}
.descriptions-page .da-hd{letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:3px;font-size:11px;font-weight:800;display:flex}
.descriptions-page .da-src{letter-spacing:0;text-transform:none;border-radius:100px;padding:1px 8px;font-size:10px;font-weight:700}
.descriptions-page .da-lines{color:#3a4255;white-space:pre-wrap;border-left:3px solid;margin:0;padding-left:10px;font-size:13px;line-height:1.5}
.descriptions-page .da-panel.on .da-scroll>*{animation:.45s both daIn}
.descriptions-page .da-panel.on .da-scroll>:nth-child(2){animation-delay:80ms}
.descriptions-page .da-panel.on .da-scroll>:nth-child(3){animation-delay:.17s}
.descriptions-page .da-panel.on .da-scroll>:nth-child(4){animation-delay:.26s}
.descriptions-page .da-panel.on .da-scroll>:nth-child(5){animation-delay:.35s}
.descriptions-page .da-panel.on .da-scroll>:nth-child(6){animation-delay:.44s}
.descriptions-page .da-panel.on .da-scroll>:nth-child(n+7){animation-delay:.5s}
.descriptions-page .da-legend{color:#3a4255;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;font-size:13px;font-weight:600;display:flex}
.descriptions-page .da-legend span{align-items:center;gap:7px;display:inline-flex}
.descriptions-page .da-dot{border-radius:50%;width:11px;height:11px}
.zp-lb-root{position: absolute;inset: 0;color: var(--zp-ink-app);}
.zp-lb-card{position: absolute;left: 70px;top: 60px;width: 560px;height: 292px;display: flex;align-items: center;padding: 16px;background: var(--zp-white);border: 1px solid var(--zp-card-line);border-radius: 22px;box-shadow: 0 1px 2px rgba(27,35,51,0.04),0 10px 30px rgba(249,53,73,0.06);}
.zp-lb-tag{position: relative;flex: none;width: 166px;height: 222px;border-radius: 12px;overflow: hidden;border: 1px solid var(--zp-line);background: var(--zp-photo);}
.zp-lb-tag img{display: block;width: 100%;height: 100%;max-width: none;object-fit: cover;}
.zp-lb-sweep{position: absolute;inset: 0;transform: translateY(12%);}
.zp-lb-scan{position: absolute;left: 0;right: 0;top: 0;height: 1px;background: var(--zp-acc);opacity: 0.5;box-shadow: 0 0 4px rgba(249,53,73,0.22);}
.zp-lb-br{position: absolute;width: 16px;height: 16px;border: 2px solid var(--zp-white);opacity: 0.9;}
.zp-lb-b1{left: 8px;top: 8px;border-right: 0;border-bottom: 0;border-radius: 4px 0 0 0;}
.zp-lb-b2{right: 8px;top: 8px;border-left: 0;border-bottom: 0;border-radius: 0 4px 0 0;}
.zp-lb-b3{left: 8px;bottom: 8px;border-right: 0;border-top: 0;border-radius: 0 0 0 4px;}
.zp-lb-b4{right: 8px;bottom: 8px;border-left: 0;border-top: 0;border-radius: 0 0 4px 0;}
.zp-lb-go{flex: none;width: 36px;display: grid;place-items: center;}
.zp-lb-go i{width: 26px;height: 26px;border-radius: 50%;background: var(--zp-acc);color: var(--zp-white);display: grid;place-items: center;box-shadow: 0 0 0 4px var(--zp-white),0 4px 12px rgba(249,53,73,0.3);}
.zp-lb-go svg{width: 13px;height: 13px;}
.zp-lb-rec{flex: 1;min-width: 0;padding: 12px 14px;border-radius: 16px;background: var(--zp-white);border: 1px solid var(--zp-glow-line);box-shadow: var(--zp-glow);}
.zp-lb-rh{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 8px;}
.zp-lb-rh b{min-width: 0;font-size: 12.5px;line-height: 16px;font-weight: 800;color: var(--zp-ink);}
.zp-lb-conf{flex: none;white-space: nowrap;font-size: 9.5px;line-height: 13px;font-weight: 800;color: var(--zp-good-app);background: var(--zp-good-soft);border-radius: 999px;padding: 2px 8px;}
.zp-lb-rows{display: grid;grid-template-columns: max-content minmax(0,1fr);}
.zp-lb-k,.zp-lb-v{display: flex;align-items: center;height: 31px;border-top: 1px solid var(--zp-line-soft);font-size: 11.5px;white-space: nowrap;}
.zp-lb-k{padding-right: 14px;font-weight: 600;color: var(--zp-ink3);}
.zp-lb-v{min-width: 0;font-weight: 800;color: var(--zp-ink);overflow: hidden;text-overflow: ellipsis;}
.zp-lb-care{gap: 6px;}
.zp-lb-care i{flex: none;width: 22px;height: 22px;border-radius: 6px;background: var(--zp-soft);border: 1px solid var(--zp-line);display: grid;place-items: center;color: var(--zp-ink-app);}
.zp-lb-care svg{width: 14px;height: 14px;}
.zp-lb-snd{display: inline-flex;align-items: center;gap: 5px;margin-top: 9px;white-space: nowrap;font-size: 10.5px;line-height: 14px;font-weight: 800;color: var(--zp-acc);background: var(--zp-acc-soft);border-radius: 8px;padding: 5px 10px;}
.zp-lb-snd svg{width: 11px;height: 11px;}
[data-mv] .zp-lb-sweep{animation: zp-lb-slScan 7s linear infinite;}
[data-mv] .zp-lb-r1,[data-mv] .zp-lb-r2,[data-mv] .zp-lb-r3,[data-mv] .zp-lb-r4,[data-mv] .zp-lb-snd{animation: zp-lb-slRow 7s var(--zp-ease) infinite;}
[data-mv] .zp-lb-r2{animation-delay: -6.88s;}
[data-mv] .zp-lb-r3{animation-delay: -6.76s;}
[data-mv] .zp-lb-r4{animation-delay: -6.64s;}
[data-mv] .zp-lb-snd{animation-delay: -6.52s;}
.zp-lb-root[data-moment="scan"] .zp-lb-sweep{transform: translateY(46%);}
.zp-lb-root[data-moment="scan"] .zp-lb-rows,.zp-lb-root[data-moment="scan"] .zp-lb-snd,.zp-lb-root[data-moment="scan"] .zp-lb-conf{opacity: 0;}
.zp-ds-root{position: absolute;inset: 0;color: var(--zp-ink-app);}
.zp-ds-card{position: absolute;left: 70px;top: 60px;width: 560px;height: 292px;display: flex;flex-direction: column;padding: 16px;background: var(--zp-white);border: 1px solid var(--zp-card-line);border-radius: 22px;box-shadow: 0 1px 2px rgba(27,35,51,0.04),0 10px 30px rgba(249,53,73,0.06);}
.zp-ds-mk{flex: none;display: flex;align-items: center;gap: 6px;margin-bottom: 10px;}
.zp-ds-chip{position: relative;display: grid;place-items: center;height: 28px;padding: 0 10px;border: 1px solid var(--zp-line);border-radius: 9px;background: var(--zp-white);}
.zp-ds-chip img{position: relative;z-index: 1;display: block;height: 12px;width: auto;max-width: none;}
.zp-ds-on{position: absolute;inset: -1px;border: 1.5px solid var(--zp-acc);border-radius: 9px;background: rgba(238,242,254,0.4);}
.zp-ds-tones{position: relative;margin-left: auto;}
.zp-ds-tone{display: block;white-space: nowrap;font-size: 10px;font-weight: 800;line-height: 14px;color: var(--zp-good-app);background: var(--zp-good-soft);border-radius: 999px;padding: 3px 9px;}
.zp-ds-tones .zp-ds-t2,.zp-ds-tones .zp-ds-t3{position: absolute;right: 0;top: 0;}
.zp-ds-txt{position: relative;flex: 1;min-height: 0;}
.zp-ds-out{position: absolute;inset: 0;overflow: hidden;}
.zp-ds-out .zp-ds-h{margin: 0 0 6px;font-size: 16px;line-height: 21px;font-weight: 800;color: var(--zp-ink);}
.zp-ds-x2 .zp-ds-h,.zp-ds-x3 .zp-ds-h{font-size: 17.5px;line-height: 24px;margin-bottom: 10px;}
.zp-ds-out .zp-ds-p{margin: 0;font-size: var(--fd);line-height: var(--ld);color: var(--zp-ink2);overflow-wrap: break-word;}
.zp-ds-out .zp-ds-p b{font-weight: 700;color: var(--zp-ink-app);}
.zp-ds-ef{flex: none;display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-top: 8px;padding-top: 8px;border-top: 1px solid var(--zp-line-soft);}
.zp-ds-ef small{display: flex;align-items: center;gap: 5px;min-width: 0;font-size: 10px;line-height: 13px;font-weight: 600;color: var(--zp-ink3);}
.zp-ds-ef small svg{flex: none;width: 12px;height: 12px;color: var(--zp-acc);}
.zp-ds-cp{flex: none;font-size: 10.5px;line-height: 14px;font-weight: 800;color: var(--zp-white);background: var(--zp-acc);border-radius: 8px;padding: 5px 12px;}
.zp-ds-o2,.zp-ds-o3,.zp-ds-t2,.zp-ds-t3,.zp-ds-x2,.zp-ds-x3{opacity: 0;}
[data-mv] .zp-ds-o1,[data-mv] .zp-ds-t1,[data-mv] .zp-ds-x1{animation: zp-ds-sgX1 12s var(--zp-ease) infinite;}
[data-mv] .zp-ds-o2,[data-mv] .zp-ds-t2,[data-mv] .zp-ds-x2{animation: zp-ds-sgX2 12s var(--zp-ease) infinite;}
[data-mv] .zp-ds-o3,[data-mv] .zp-ds-t3,[data-mv] .zp-ds-x3{animation: zp-ds-sgX3 12s var(--zp-ease) infinite;}
.zp-ds-root[data-moment="depop"] .zp-ds-o1,.zp-ds-root[data-moment="depop"] .zp-ds-t1,.zp-ds-root[data-moment="depop"] .zp-ds-x1,.zp-ds-root[data-moment="mercari"] .zp-ds-o1,.zp-ds-root[data-moment="mercari"] .zp-ds-t1,.zp-ds-root[data-moment="mercari"] .zp-ds-x1{opacity: 0;}
.zp-ds-root[data-moment="depop"] .zp-ds-o2,.zp-ds-root[data-moment="depop"] .zp-ds-t2,.zp-ds-root[data-moment="depop"] .zp-ds-x2,.zp-ds-root[data-moment="mercari"] .zp-ds-o3,.zp-ds-root[data-moment="mercari"] .zp-ds-t3,.zp-ds-root[data-moment="mercari"] .zp-ds-x3{opacity: 1;}
.labels-page{background:var(--bg);color:var(--ink);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin-top:0;line-height:1.55}
.labels-page *{box-sizing:border-box}
html[lang=ko] .labels-page :is(h1,h2,h3){word-break:keep-all}
html[lang=ja] .labels-page :is(h1,h2,h3){word-break:auto-phrase}
html[lang=ja] .labels-page h1.display{font-size:clamp(34px,3.7vw,46px)}
.labels-page h1,.labels-page h2,.labels-page h3,.labels-page h4{letter-spacing:-.03em;color:var(--ink);margin:0}
.labels-page p{margin:0}
.labels-page a{color:var(--brand);text-decoration:none}
.labels-page img{max-width:100%;display:block}
.labels-page .ic{color:#1b2333;background:#eaecf2;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}
.labels-page .ic svg{width:24px;height:24px}
.labels-page .ss-brandmark{background:#1b2333;border-radius:15px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;margin:0 0 18px;display:flex}
.labels-page .ss-brandmark svg{width:34px;height:34px}
.labels-page .blobwrap{isolation:isolate;position:relative;overflow-x:clip}
.labels-page .blobwrap:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 25% 20%,#ffd6dd 0,#0000 70%),radial-gradient(50% 50% at 85% 10%,#ffe6ec 0,#0000 70%);height:70%;position:absolute;inset:-10% -5% auto}
.labels-page .hero{padding:calc(clamp(64px, 7vw, 104px) + 8px) 0 clamp(72px, 8vw, 120px)}
.labels-page .hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(36px,4vw,56px);display:grid}
.labels-page .hero-grid>*{min-width:0}
.labels-page .hero .display{margin-top:18px}
.labels-page .hero .sub{max-width:46ch;margin-top:26px;font-size:clamp(18px,1.5vw,21px)}
.labels-page .hero .cta-row{margin-top:34px}
.labels-page .hero .trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px;max-width:500px;margin-top:32px;display:grid}
.labels-page .hero .trust .t{border-left:2px solid var(--brand-soft);flex-direction:column;gap:3px;padding-left:13px;display:flex}
.labels-page .hero .trust .n{font-size:21px;font-weight:800;line-height:1.05}
.labels-page .hero .trust .l{color:var(--ink-3);font-size:12.5px;line-height:1.35}
.labels-page .hero-visual,.labels-page .steps2{position:relative}
.labels-page .steps2 .track{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid;position:relative}
.labels-page .steps2 .track:before{content:"";z-index:0;background:repeating-linear-gradient(90deg, var(--border-strong) 0 7px, transparent 7px 14px);height:2px;position:absolute;top:42px;left:9%;right:9%}
.labels-page .steps2 .track:after{content:"";z-index:0;background:radial-gradient(closest-side,#F9354999,#0000);border-radius:99px;width:48px;height:14px;animation:4.5s linear infinite stepflow;position:absolute;top:36px;left:9%}
.labels-page .scard{z-index:1;border:1px solid var(--border);border-radius:var(--r-card);min-width:0;box-shadow:var(--sh-card);background:#fff;flex-direction:column;padding:24px 24px 26px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}
.labels-page .scard:hover{box-shadow:var(--sh-pop);transform:translateY(-4px)}
.labels-page .scard .sn{align-items:center;gap:11px;display:inline-flex}
.labels-page .scard .sn .b{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex;box-shadow:0 6px 14px -4px #F93549b3}
.labels-page .scard .sn .lbl{letter-spacing:.13em;text-transform:uppercase;color:var(--brand);font-size:12px;font-weight:800}
.labels-page .scard h3{margin-top:14px;font-size:19px;font-weight:700}
.labels-page .scard .stxt{color:var(--ink-2);margin-top:8px;font-size:15px}
.labels-page .st-pic{margin:16px 0 4px}
.labels-page .feat{gap:var(--block-gap);grid-template-columns:1fr 1fr;align-items:center;display:grid}
.labels-page .feat+.feat{margin-top:clamp(64px,7vw,108px)}
.labels-page .feat.flip .feat-copy{order:2}
.labels-page .feat-copy .lead{margin-top:18px}
.labels-page .feat-copy ul{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}
.labels-page .feat-copy li{color:var(--ink);gap:10px;font-size:15.5px;display:flex}
.labels-page .feat-copy li svg{width:20px;height:20px;color:var(--good);flex:none;margin-top:2px}
.labels-page .feat-visual{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);justify-content:center;align-items:center;min-height:280px;padding:clamp(20px,2.5vw,36px);display:flex}
.labels-page .recordcard{border:1px solid var(--border);width:100%;max-width:340px;box-shadow:var(--sh-card);background:#fff;border-radius:16px;overflow:hidden}
.labels-page .recordcard .rc-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:13px 16px;display:flex}
.labels-page .recordcard .rc-head .rc-ic{color:#1b2333;background:#eaecf2;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}
.labels-page .recordcard .rc-head .rc-ic svg{width:16px;height:16px}
.labels-page .recordcard .rc-head b{font-size:13.5px;font-weight:800}
.labels-page .recordcard .rc-head .rc-badge{color:var(--good);background:var(--good-soft);border-radius:var(--r-pill);margin-left:auto;padding:4px 10px;font-size:10.5px;font-weight:700}
.labels-page .recordcard .rc-body{padding:6px 16px 14px}
.labels-page .recordcard .rc-line{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:10px 0;display:flex}
.labels-page .recordcard .rc-line:last-child{border-bottom:0}
.labels-page .recordcard .rc-line .k{width:64px;color:var(--ink-3);flex:none;font-size:12px;font-weight:600}
.labels-page .recordcard .rc-line .v{color:var(--ink);font-size:14px;font-weight:700}
.labels-page .recordcard .rc-edit{color:var(--ink-3);flex:none;margin-left:auto}
.labels-page .recordcard .rc-edit svg{width:15px;height:15px}
.labels-page .rc-syms{align-items:center;gap:8px;display:inline-flex}
.labels-page .rc-syms svg{width:19px;height:19px;color:var(--ink-2);flex:none}
.labels-page .mergeviz{justify-content:center;align-items:center;gap:18px;width:100%;max-width:360px;display:flex}
.labels-page .merge-stack{flex:none;width:118px;height:160px;position:relative}
.labels-page .merge-t{border:1px solid var(--border-strong);width:78px;height:104px;box-shadow:var(--sh-card);background:#fff;border-radius:5px;flex-direction:column;gap:4px;padding:9px 8px;display:flex;position:absolute}
.labels-page .merge-t i{background:var(--muted);border-radius:2px;height:3px}
.labels-page .merge-t i:first-child{width:88%}
.labels-page .merge-t i:nth-child(2){width:62%}
.labels-page .merge-t i:nth-child(3){width:80%}
.labels-page .merge-t .pin{background:var(--brand);color:#fff;width:22px;height:22px;box-shadow:var(--sh-xs);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:absolute;top:-8px;right:-8px}
.labels-page .merge-t.m1{z-index:1;top:0;left:0;transform:rotate(-9deg)}
.labels-page .merge-t.m2{z-index:2;top:18px;left:20px;transform:rotate(4deg)}
.labels-page .merge-t.m3{z-index:3;top:40px;left:8px;transform:rotate(-3deg)}
.labels-page .merge-arr{color:var(--ink-3);flex:none}
.labels-page .merge-arr svg{width:26px;height:26px}
.labels-page .merge-out{border:1px solid var(--border);min-width:0;box-shadow:var(--sh-card);background:#fff;border-radius:13px;flex:1;padding:14px}
.labels-page .merge-out .ttl{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:9px;font-size:11px;font-weight:800}
.labels-page .merge-out .mo-line{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:14px;padding:8px 0;font-size:12px;display:flex}
.labels-page .merge-out .mo-line:last-child{border-bottom:0}
.labels-page .merge-out .mo-line .k{color:var(--ink-3);flex:none;font-weight:600}
.labels-page .merge-out .mo-line .v{color:var(--ink);text-align:right;font-weight:700}
.labels-page .accviz{flex-direction:column;gap:14px;width:100%;max-width:340px;display:flex}
.labels-page .acc-card{border:1px solid var(--border);box-shadow:var(--sh-card);background:#fff;border-radius:14px;padding:16px 18px}
.labels-page .acc-card .ac-h{color:var(--ink);align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}
.labels-page .acc-card .ac-h .dot{color:#1b2333;background:#eaecf2;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}
.labels-page .acc-card .ac-h .dot svg{width:15px;height:15px}
.labels-page .acc-card p{color:var(--ink-2);margin-top:9px;font-size:13px;line-height:1.5}
.labels-page .acc-card .ac-syms{gap:12px;margin-top:12px;display:flex}
.labels-page .acc-card .ac-sym{color:var(--ink-3);flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}
.labels-page .acc-card .ac-sym svg{width:24px;height:24px;color:var(--ink-2)}
.labels-page .acc-conf{background:var(--good-soft);border:1px solid #cdeed8;border-radius:12px;align-items:center;gap:10px;padding:13px 16px;display:flex}
.labels-page .acc-conf .cc-ic{background:var(--good);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}
.labels-page .acc-conf .cc-ic svg{width:16px;height:16px}
.labels-page .acc-conf b{color:var(--ink);font-size:13.5px;display:block}
.labels-page .acc-conf span{color:var(--ink-2);font-size:12px}
.labels-page .whofor{gap:var(--grid-gap);grid-template-columns:1fr 1fr;display:grid}
.labels-page .whocard{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;padding:clamp(24px,2.4vw,32px)}
.labels-page .whocard .ic{margin-bottom:18px}
.labels-page .whocard h3{font-size:19px;font-weight:800}
.labels-page .whocard p{color:var(--ink-2);margin-top:10px;font-size:15px}
.labels-page .whocard .tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}
.labels-page .whocard .tags span{color:var(--ink-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 11px;font-size:12px;font-weight:700}
.labels-page .sscard{color:var(--ink);flex-direction:column;align-items:flex-start;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}
.labels-page .sscard:hover{box-shadow:var(--sh-pop);border-color:var(--border-strong);transform:translateY(-3px)}
.labels-page .sscard.cur{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft), var(--sh-card)}
.labels-page .sscard .lead{font-size:15.5px}
.labels-page .sscard .more{color:var(--brand);align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-size:14.5px;font-weight:700;display:inline-flex}
.labels-page .sscard .more .arr{transition:transform .15s}
.labels-page .sscard:hover .more .arr{transform:translate(3px)}
.labels-page .sscard .here{color:var(--ink-3);align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-size:14.5px;font-weight:700;display:inline-flex}
.labels-page .ssnote{color:var(--ink-3);text-align:center;justify-content:center;align-items:center;gap:9px;margin-top:clamp(28px,3vw,40px);font-size:14px;display:flex}
.labels-page .ssnote svg{width:18px;height:18px;color:var(--brand);flex:none}
.labels-page .sshd{align-items:center;gap:9px;display:flex}
.labels-page .ssic{color:#fff;background:#1b2333;border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}
.labels-page .ssic svg{width:17px;height:17px}
.labels-page .sscard .sshd h3{margin:0}
.labels-page .ss-pic{width:100%;margin-bottom:18px}
.labels-page .credband{gap:var(--block-gap);grid-template-columns:1.05fr .95fr;align-items:center;display:grid}
.labels-page .allow{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}
.labels-page .allow .ac{border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:14px;padding:18px 20px}
.labels-page .allow .ac.pop{box-shadow:0 0 0 2px var(--brand), var(--sh-card);border-color:#0000}
.labels-page .allow .ac .pl{color:var(--ink);font-size:13px;font-weight:800}
.labels-page .allow .ac .n{letter-spacing:-.03em;margin-top:4px;font-size:30px;font-weight:800;line-height:1}
.labels-page .allow .ac .n span{color:var(--ink-3);font-size:13px;font-weight:600}
.labels-page .credfacts{flex-direction:column;gap:13px;margin:24px 0 0;padding:0;list-style:none;display:flex}
.labels-page .credfacts li{color:var(--ink);gap:11px;font-size:15.5px;display:flex}
.labels-page .credfacts li svg{width:20px;height:20px;color:var(--good);flex:none;margin-top:2px}
.labels-page .fieldgrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}
.labels-page .fieldcell{border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:14px;padding:15px 17px}
.labels-page .fieldcell .fk{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;display:flex}
.labels-page .fieldcell .fk .conf{letter-spacing:.03em;border-radius:var(--r-pill);padding:2px 7px;font-size:9.5px;font-weight:700}
.labels-page .fieldcell .fk .conf.hi{color:var(--good);background:var(--good-soft)}
.labels-page .fieldcell .fk .conf.med{color:#b76a00;background:#fdf2e2}
.labels-page .fieldcell .fv{color:var(--ink);margin-top:7px;font-size:15px;font-weight:700;line-height:1.35;display:block}
.labels-page .fieldcell .fhint{color:var(--ink-3);margin-top:3px;font-size:12px;font-weight:500;display:block}
.labels-page .syschips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}
.labels-page .syschip{color:var(--ink-2);border:1px solid var(--border-strong);border-radius:var(--r-pill);background:#fff;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;font-weight:700;display:inline-flex}
.labels-page .syschip.on{background:var(--brand-soft);color:var(--brand);border-color:#0000}
.labels-page .stretchcard{border:1px solid var(--border);width:100%;max-width:360px;box-shadow:var(--sh-card);background:#fff;border-radius:16px;padding:20px 22px}
.labels-page .stretchcard .sc-h{color:var(--ink);align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}
.labels-page .stretchcard .sc-h .dot{background:var(--brand-soft);width:26px;height:26px;color:var(--brand);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}
.labels-page .stretchcard .sc-h .dot svg{width:15px;height:15px}
.labels-page .stretchbar{margin-top:16px}
.labels-page .stretchbar .lbls{color:var(--ink-3);justify-content:space-between;margin-bottom:7px;font-size:11px;font-weight:700;display:flex}
.labels-page .stretchbar .tk{background:var(--surface-2);border-radius:99px;height:9px;position:relative;overflow:hidden}
.labels-page .stretchbar .tk i{background:linear-gradient(90deg, var(--brand-soft), var(--brand));border-radius:99px;position:absolute;inset:0 40% 0 0}
.labels-page .stretchbar .pips{gap:6px;margin-top:9px;display:flex}
.labels-page .stretchbar .pips b{background:var(--surface-2);border-radius:99px;flex:1;height:5px}
.labels-page .stretchbar .pips b.on{background:var(--brand)}
.labels-page .stretchmeta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}
.labels-page .stretchmeta span{color:var(--ink-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}
.labels-page .stretchmeta span b{color:var(--brand);font-weight:800}
.labels-page .symcats{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}
.labels-page .symcat{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;padding:22px 22px 8px}
.labels-page .symcat .cat-h{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;margin-bottom:8px;padding-bottom:14px;display:flex}
.labels-page .symcat .cat-h .cat-ic{color:#fff;background:#1b2333;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}
.labels-page .symcat .cat-h .cat-ic svg{width:18px;height:18px}
.labels-page .symcat .cat-h b{color:var(--ink);font-size:14.5px;font-weight:800}
.labels-page .symcat .cat-h .cat-n{color:var(--ink-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);margin-left:auto;padding:3px 9px;font-size:11px;font-weight:700}
.labels-page .symrow{border-bottom:1px solid var(--border-soft);align-items:flex-start;gap:12px;padding:11px 0;display:flex}
.labels-page .symrow:last-child{border-bottom:0}
.labels-page .symrow .sym-g{border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}
.labels-page .symrow .sym-g svg{width:21px;height:21px;color:var(--ink-2)}
.labels-page .symrow .sym-tx{min-width:0}
.labels-page .symrow .sym-tx b{color:var(--ink);font-size:13.5px;font-weight:700;display:block}
.labels-page .symrow .sym-tx span{color:var(--ink-3);margin-top:2px;font-size:12px;line-height:1.4;display:block}
.labels-page .symstat{color:var(--ink-3);text-align:center;justify-content:center;align-items:center;gap:9px;margin-top:clamp(28px,3vw,40px);font-size:14px;display:flex}
.labels-page .symstat svg{width:18px;height:18px;color:var(--brand);flex:none}
.labels-page .rgrid{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}
.labels-page .stars{color:var(--star);vertical-align:middle;gap:2px;line-height:1;display:inline-flex}
.labels-page .stars svg{fill:currentColor;filter:drop-shadow(0 1px 1px #b4780047);width:17px;height:17px}
.labels-page .revstrip{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);margin-top:8px;display:grid}
.labels-page .revmini{border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:16px;padding:18px 20px}
.labels-page .revmini p{color:var(--ink-2);margin-top:9px;font-size:13.5px}
.labels-page .revmini p b{color:var(--ink);font-weight:700}
.labels-page .revmini .who{color:var(--ink-3);margin-top:14px;font-size:12px}
.labels-page .revmini .who b{color:var(--ink);font-size:12.5px}
.labels-page .lr-cmp{grid-template-columns:.85fr 1.15fr;align-items:start;gap:20px;margin-top:8px;display:grid}
.labels-page .lr-tag{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 1px 2px #1b23330d}
.labels-page .lr-tag img{object-fit:cover;border:1px solid var(--border);border-radius:12px;width:100%;height:auto;max-height:360px}
.labels-page .lr-cap{color:#6b7280;text-align:center;font-size:12px;font-weight:700}
.labels-page .lr-rec{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;box-shadow:0 1px 2px #1b23330d}
.labels-page .lr-rhead{border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;background:var(--brand-soft);color:var(--brand);justify-content:space-between;align-items:center;gap:8px;padding:13px 18px;font-size:12px;font-weight:800;display:flex}
.labels-page .lr-conf{color:var(--brand);background:#fff;border:1px solid #ffccd4;border-radius:100px;padding:2px 9px;font-size:11px}
.labels-page .lr-fields{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}
.labels-page .lr-fields>div{background:var(--paper);padding:11px 18px}
.labels-page .lr-fields i{letter-spacing:.03em;text-transform:uppercase;color:#9aa1ae;font-size:11px;font-style:normal;font-weight:700;display:block}
.labels-page .lr-fields b{color:var(--ink);font-size:15px}
.labels-page .lr-care{border-top:1px solid var(--border);padding:14px 18px}
.labels-page .lr-clbl{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:11px;font-weight:800;display:block}
.labels-page .lr-syms{flex-wrap:wrap;gap:7px;display:flex}
.labels-page .lr-syms span{color:#3a4255;background:var(--surface);border:1px solid var(--border);border-radius:100px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}
.labels-page .lr-syms span svg{width:15px;height:15px;color:var(--ink-2);flex:none}
.labels-page .lr-note{border-top:1px solid var(--border);color:#6b7280;margin:0;padding:12px 18px;font-size:12.5px;font-weight:600}
.ss-page{--alice:#eef3fe;background:var(--bg);color:var(--ink);letter-spacing:-.01em;margin-top:0;line-height:1.55}
.ss-page *{box-sizing:border-box}
html[lang=ko] .ss-page :is(h1,h2,h3){word-break:keep-all}
html[lang=ja] .ss-page :is(h1,h2,h3){word-break:auto-phrase}
html[lang=ja] .ss-page h1.display{font-size:clamp(34px,3.7vw,46px)}
.ss-page h1,.ss-page h2,.ss-page h3,.ss-page h4{letter-spacing:-.03em;color:var(--ink);margin:0}
.ss-page p{margin:0}
.ss-page a{color:var(--brand);text-decoration:none}
.ss-page img{max-width:100%;display:block}
.ss-page .display{letter-spacing:-.045em;font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.04}
.ss-page .lead{max-width:52ch}
.ss-page .btn .arr{width:17px;height:17px}
.ss-page .blobwrap{isolation:isolate;position:relative;overflow-x:clip}
.ss-page .blobwrap:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 25% 20%,#ffd6dd 0,#0000 70%),radial-gradient(50% 50% at 85% 10%,#ffe6ec 0,#0000 70%);height:70%;position:absolute;inset:-10% -5% auto}
.ss-page .hero{padding:calc(clamp(58px, 7vw, 96px) + 8px) 0 clamp(60px, 7vw, 104px);background:var(--surface)}
.ss-page .hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(36px,4vw,56px);display:grid}
.ss-page .hero-grid>*{min-width:0}
.ss-page .hero .display{margin-top:18px}
.ss-page .hero .sub{max-width:46ch;margin-top:24px;font-size:clamp(18px,1.5vw,21px)}
.ss-page .hero .cta-row{margin-top:32px}
.ss-page .shc{min-width:0}
.ss-page .shc-stage{display:grid}
.ss-page .shc-slide{opacity:0;visibility:hidden;grid-area:1/1;align-self:center;min-width:0;transition:opacity .45s,visibility .45s}
.ss-page .shc-slide.on{opacity:1;visibility:visible}
.ss-page .shc-slide:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:12px}
.ss-page .shc-slide:not(.on) *{animation-play-state:paused!important}
.ss-page .shc-tabs{background:var(--border-soft);scrollbar-width:none;overscroll-behavior-x:contain;border-radius:14px;gap:2px;width:fit-content;max-width:100%;margin:16px auto 0;padding:4px;display:flex;position:relative;overflow-x:auto}
.ss-page .shc-tabs::-webkit-scrollbar{display:none}
.ss-page .shc-tab{letter-spacing:normal;color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:none;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:700;transition:color .15s;position:relative;overflow:hidden}
.ss-page .shc-tab:hover{color:var(--ink)}
.ss-page .shc-tab[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:var(--sh-xs)}
.ss-page .shc-tab:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.ss-page .shc-pg{background:var(--border);opacity:0;border-radius:2px;height:2px;position:absolute;bottom:3px;left:10px;right:10px;overflow:hidden}
.ss-page .shc-tab[aria-selected=true] .shc-pg{opacity:1}
.ss-page .shc-pg i{background:var(--brand);transform-origin:0;height:100%;display:block;transform:scaleX(0)}
.ss-page .shc-tab[aria-selected=true] .shc-pg i{animation:shcProg var(--shc-dur,7s) linear forwards}
.ss-page .shc.hold .shc-pg i{animation-play-state:paused}
.ss-page .shc-cap{min-height:44px;color:var(--ink-2);text-align:center;margin-top:12px;font-size:14.5px;line-height:1.5}
.ss-page .shc-cap b{color:var(--ink);font-weight:700}
.ss-page .sscard{color:var(--ink);flex-direction:column;align-items:flex-start;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}
.ss-page .sscard:hover{box-shadow:var(--sh-pop);border-color:var(--border-strong);transform:translateY(-3px)}
.ss-page .sscard .lead{font-size:15.5px}
.ss-page .sscard .ssmeta{color:var(--brand);background:var(--brand-soft);border-radius:var(--r-pill);align-items:center;gap:7px;margin-top:14px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}
.ss-page .sscard .ssmeta svg{flex:none;width:14px;height:14px}
.ss-page .sscard .more{color:var(--brand);align-items:center;gap:7px;margin-top:auto;padding-top:18px;font-size:14.5px;font-weight:700;display:inline-flex}
.ss-page .sscard .more .arr{width:16px;height:16px;transition:transform .15s}
.ss-page .sscard:hover .more .arr{transform:translate(3px)}
.ss-page .ssnote{color:var(--ink-3);text-align:center;justify-content:center;align-items:center;gap:9px;margin-top:clamp(28px,3vw,40px);font-size:14px;display:flex}
.ss-page .ssnote svg{width:18px;height:18px;color:var(--brand);flex:none}
.ss-page .sshd{align-items:center;gap:9px;display:flex}
.ss-page .ssic{color:#1b2333;background:#eaecf2;border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}
.ss-page .ssic svg{width:17px;height:17px}
.ss-page .sscard .sshd h3{margin:0}
.ss-page .ss-brandmark{background:#1b2333;border-radius:15px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;margin:0 0 18px;display:flex}
.ss-page .ss-brandmark svg{width:34px;height:34px}
.ss-page .ss-pic{background:var(--surface);border-radius:16px;align-items:center;width:100%;margin-bottom:18px;padding:8px;display:flex}
.ss-page .creditgrid{grid-template-columns:1.1fr .9fr;align-items:stretch}
.ss-page .credfacts{flex-direction:column;gap:18px;display:flex}
.ss-page .credfact{align-items:flex-start;gap:14px;display:flex}
.ss-page .credfact .cf-ic{color:#fff;background:#1b2333;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}
.ss-page .credfact .cf-ic svg{width:21px;height:21px}
.ss-page .credfact b{color:var(--ink);margin-bottom:2px;font-size:16px;font-weight:700;display:block}
.ss-page .credfact span{color:var(--ink-2);font-size:14.5px;display:block}
.ss-page .credlabel{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;font-size:13px;font-weight:800}
.ss-page .allow{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:6px;display:grid}
.ss-page .allow .a{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:16px 14px;display:flex}
.ss-page .allow .a .pl{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:800}
.ss-page .allow .a .cc{color:var(--ink);font-size:30px;font-weight:800;line-height:1}
.ss-page .allow .a .cl{color:var(--ink-3);font-size:11.5px}
.ss-page .allow .a.pop{background:var(--brand-soft);border-color:#ffccd4}
.ss-page .allow .a.pop .cc{color:var(--brand)}
.ss-page .allowcap{color:var(--ink-3);margin-top:14px;font-size:13px}
.ss-page .topups{flex-direction:column;display:flex}
.ss-page .topups .th{align-items:center;gap:9px;margin-bottom:4px;display:flex}
.ss-page .topups .th h3{font-size:18px}
.ss-page .topups .tnote{color:var(--ink-2);margin-bottom:18px;font-size:13.5px}
.ss-page .tu-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0;display:flex}
.ss-page .tu-row:last-of-type{border-bottom:0}
.ss-page .tu-row .tu-c{color:var(--ink);font-size:16px;font-weight:700}
.ss-page .tu-row .tu-c small{color:var(--ink-3);font-size:13px;font-weight:600}
.ss-page .tu-row .tu-p{color:var(--brand);font-size:16px;font-weight:800}
.ss-page .tu-foot{color:var(--good);background:var(--good-soft);border-radius:var(--r-pill);align-self:flex-start;align-items:center;gap:7px;margin-top:16px;padding:6px 13px;font-size:13px;font-weight:700;display:inline-flex}
.ss-page .tu-foot svg{flex:none;width:15px;height:15px}
.ss-page .whocard{flex-direction:column;align-items:flex-start;display:flex}
.ss-page .whocard .wt{align-items:center;gap:11px;display:flex}
.ss-page .whocard .wt .wi{color:#fff;background:#1b2333;border-radius:13px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex}
.ss-page .whocard .wt .wi svg{width:23px;height:23px}
.ss-page .whocard .wt h3{font-size:19px;font-weight:700}
.ss-page .whocard .wt .wk{color:var(--ink-3);font-size:12px;font-weight:700}
.ss-page .whocard p{color:var(--ink-2);margin-top:14px;font-size:15px}
.ss-page .moreband{background:linear-gradient(180deg, #fff, var(--alice));border:1px solid var(--border);text-align:center;border-radius:24px;padding:clamp(36px,5vw,60px);position:relative;overflow:hidden}
.ss-page .moreband .mk{background:#1b2333;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;display:flex}
.ss-page .moreband .mk svg{width:48px;height:48px}
.ss-page .moreband p{max-width:56ch;color:var(--ink-2);margin:14px auto 0;font-size:clamp(16px,1.3vw,18px)}
.ss-page .stars{color:var(--star,#f5a623);vertical-align:middle;gap:2px;line-height:1;display:inline-flex}
.ss-page .stars svg{fill:currentColor;filter:drop-shadow(0 1px 1px #b4780047);width:17px;height:17px}
.ss-page .revfeat{gap:var(--block-gap);margin-bottom:var(--grid-gap);grid-template-columns:.82fr 1.18fr;align-items:center;display:grid}
.ss-page .ratesum .big{letter-spacing:-.04em;font-size:clamp(56px,7vw,86px);font-weight:800;line-height:.95}
.ss-page .ratesum .big span{color:var(--ink-3);font-size:.4em;font-weight:700}
.ss-page .ratesum .stars{margin-top:10px}
.ss-page .ratesum .stars svg{width:25px;height:25px}
.ss-page .ratesum .src{color:var(--ink-2);margin-top:10px;font-size:14px}
.ss-page .ratesum .src b{color:var(--ink)}
.ss-page .ratesum .bars{flex-direction:column;gap:7px;max-width:300px;margin-top:16px;display:flex}
.ss-page .ratesum .bar{color:var(--ink-3);align-items:center;gap:9px;font-size:12px;display:flex}
.ss-page .ratesum .bar .tk{background:var(--surface-2,#eef1f6);border-radius:99px;flex:1;height:7px;overflow:hidden}
.ss-page .ratesum .bar .tk i{background:var(--star,#f5a623);border-radius:99px;height:100%;display:block}
.ss-page .bigquote{border:1px solid var(--border);border-radius:var(--r-card,18px);box-shadow:var(--sh-card);background:#fff;padding:clamp(28px,3vw,42px)}
.ss-page .bigquote .q{letter-spacing:-.02em;color:var(--ink-2);margin-top:16px;font-size:clamp(20px,2vw,27px);font-weight:400;line-height:1.42}
.ss-page .bigquote .q b{color:var(--ink);font-weight:700}
.ss-page .bigquote .who{align-items:center;gap:12px;margin-top:24px;display:flex}
.ss-page .bigquote .who b{font-size:15px}
.ss-page .bigquote .who span{color:var(--ink-3);font-size:13px;display:block}
.ss-page .revstrip{gap:var(--grid-gap,24px);margin-top:var(--grid-gap,24px);grid-template-columns:repeat(3,1fr);display:grid}
.ss-page .revmini{border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:16px;padding:18px 20px}
.ss-page .revmini p{color:var(--ink-2);margin-top:9px;font-size:13.5px}
.ss-page .revmini p b{color:var(--ink);font-weight:700}
.ss-page .revmini .who{color:var(--ink-3);margin-top:12px;font-size:12px}
.ss-page .revmini .who b{color:var(--ink);font-size:12.5px}
@media (max-width:960px){
  .descriptions-page .hero-grid{grid-template-columns:1fr}
  .labels-page .hero-grid{grid-template-columns:1fr}
  .ss-page .hero-grid{grid-template-columns:1fr}
}
@media (min-width:961px){
  .descriptions-page .hero-visual{margin-right:calc(-1 * clamp(0px, (100vw - var(--container)) / 2, 80px))}
  .labels-page .hero-visual{margin-right:calc(-1 * clamp(0px, (100vw - var(--container)) / 2, 80px))}
  .ss-page .hero-visual{margin-right:calc(-1 * clamp(0px, (100vw - var(--container)) / 2, 80px))}
}
@media (prefers-reduced-motion:reduce){
  .descriptions-page .steps2 .track:after,.descriptions-page .marquee__track{animation:none}
  .descriptions-page .da-panel.on .da-scroll>*{animation:none}
  .ss-page .shc-slide{transition:none}
  .ss-page .shc-pg{display:none}
}
@media (prefers-reduced-motion:no-preference){
  .descriptions-page .detailmock.in .dm2-row{animation:.45s cubic-bezier(.22,.9,.3,1.15) both dmReveal}
  .descriptions-page .detailmock.in .dm2-row:nth-child(2){animation-delay:80ms}
  .descriptions-page .detailmock.in .dm2-row:nth-child(3){animation-delay:.16s}
  .descriptions-page .detailmock.in .dm2-row:nth-child(4){animation-delay:.24s}
  .descriptions-page .detailmock.in .dm2-row:nth-child(5){animation-delay:.32s}
  .descriptions-page .detailmock .dm2-line{stroke-dasharray:1600}
  .descriptions-page .detailmock.in .dm2-line{animation:.75s .25s both dmDraw}
  .descriptions-page .accmock.in .ar{animation:.45s cubic-bezier(.22,.9,.3,1.15) both dmReveal}
  .descriptions-page .accmock.in .ar:nth-child(2){animation-delay:.12s}
  .descriptions-page .accmock.in .ar:nth-child(3){animation-delay:.24s}
  .labels-page #fields .recordcard .rc-line{opacity:0;transform:translateY(7px)}
  .labels-page #fields .recordcard.in .rc-line{opacity:1;transition:opacity .4s,transform .42s cubic-bezier(.22,.9,.3,1.15);transform:none}
  .labels-page #fields .recordcard.in .rc-line:nth-child(2){transition-delay:70ms}
  .labels-page #fields .recordcard.in .rc-line:nth-child(3){transition-delay:.14s}
  .labels-page #fields .recordcard.in .rc-line:nth-child(4){transition-delay:.21s}
  .labels-page #fields .recordcard.in .rc-line:nth-child(5){transition-delay:.28s}
  .labels-page #fields .recordcard.in .rc-line:nth-child(6){transition-delay:.35s}
  .labels-page #fields .fieldgrid .fieldcell{opacity:0;transform:translateY(9px)}
  .labels-page #fields .fieldgrid.in .fieldcell{opacity:1;transition:opacity .45s,transform .45s;transform:none}
  .labels-page #fields .fieldgrid.in .fieldcell:nth-child(3n+2){transition-delay:60ms}
  .labels-page #fields .fieldgrid.in .fieldcell:nth-child(3n){transition-delay:.12s}
  .labels-page #fields .stretchcard .pips b{opacity:.25;transform:scale(.35)}
  .labels-page #fields .stretchcard.in .pips b{opacity:1;transition:transform .4s cubic-bezier(.22,.9,.3,1.15),opacity .4s;transform:none}
  .labels-page #fields .stretchcard.in .pips b:nth-child(2){transition-delay:.12s}
  .labels-page #fields .stretchcard.in .pips b:nth-child(3){transition-delay:.24s}
  .labels-page #fields .stretchcard.in .pips b:nth-child(4){transition-delay:.36s}
  .labels-page #fields .stretchcard.in .pips b:nth-child(5){transition-delay:.48s}
  .labels-page .lr-rec .lr-fields>div,.labels-page .lr-rec .lr-syms span,.labels-page .lr-rec .lr-note{opacity:0;transform:translateY(7px)}
  .labels-page .lr-rec.in .lr-fields>div,.labels-page .lr-rec.in .lr-syms span,.labels-page .lr-rec.in .lr-note{opacity:1;transition:opacity .45s,transform .45s cubic-bezier(.22,.9,.3,1.15);transform:none}
  .labels-page .lr-rec.in .lr-fields>div:nth-child(2){transition-delay:70ms}
  .labels-page .lr-rec.in .lr-fields>div:nth-child(3){transition-delay:.14s}
  .labels-page .lr-rec.in .lr-fields>div:nth-child(4){transition-delay:.21s}
  .labels-page .lr-rec.in .lr-syms span:nth-child(n+2){transition-delay:.3s}
  .labels-page .lr-rec.in .lr-syms span:nth-child(n+4){transition-delay:.38s}
  .labels-page .lr-rec.in .lr-note{transition-delay:.46s}
}
@media (max-width:560px){
  .descriptions-page .ctrlpanel .cp-h .cp-sub{display:none}
  .descriptions-page .metrics,.descriptions-page .painrow,.descriptions-page .mpgrid,.descriptions-page .revstrip,.descriptions-page .detailmock .dm2-body{grid-template-columns:1fr}
  .descriptions-page .detailmock .dm2-dia{max-width:160px;margin:0 auto}
  .descriptions-page .cspan4,.descriptions-page .cspan6,.descriptions-page .cspan8{grid-column:span 12}
  .labels-page .rgrid,.labels-page .whofor,.labels-page .allow,.labels-page .symcats,.labels-page .fieldgrid{grid-template-columns:1fr}
  .labels-page .mergeviz{flex-direction:column}
  .labels-page .lr-cmp{grid-template-columns:1fr}
}
@media (max-width:980px){
  .descriptions-page .mpgrid{grid-template-columns:repeat(2,1fr)}
  .descriptions-page .cspan4,.descriptions-page .cspan6,.descriptions-page .cspan8{grid-column:span 6}
}
@media (max-width:900px){
  .descriptions-page .feat,.descriptions-page .feat.flip .feat-copy,.descriptions-page .revfeat,.descriptions-page .credband{grid-template-columns:1fr}
  .descriptions-page .feat.flip .feat-copy{order:0}
  .descriptions-page .painrow,.descriptions-page .metrics,.descriptions-page .revstrip{grid-template-columns:1fr 1fr}
  .descriptions-page .steps2 .track{grid-template-columns:1fr}
  .descriptions-page .steps2 .track:before,.descriptions-page .steps2 .track:after{display:none}
  .labels-page .feat,.labels-page .feat.flip .feat-copy,.labels-page .credband,.labels-page .whofor{grid-template-columns:1fr}
  .labels-page .feat.flip .feat-copy{order:0}
  .labels-page .rgrid,.labels-page .symcats{grid-template-columns:1fr 1fr}
  .labels-page .fieldgrid{grid-template-columns:repeat(2,1fr)}
  .labels-page .steps2 .track{grid-template-columns:1fr}
  .labels-page .steps2 .track:before,.labels-page .steps2 .track:after{display:none}
  .ss-page .creditgrid{grid-template-columns:1fr}
  .ss-page .allow{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .descriptions-page .da-cmp{grid-template-columns:1fr}
}
@media (max-width:520px){
  .labels-page .hero .trust{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .labels-page .revstrip{grid-template-columns:1fr}
  .ss-page .revfeat,.ss-page .revstrip{grid-template-columns:1fr}
}
@keyframes zp-lb-slScan{0%{transform: translateY(6%);opacity: 0;}4%{opacity: 1;}36%{transform: translateY(92%);opacity: 1;}40%,100%{transform: translateY(92%);opacity: 0;}}
@keyframes zp-lb-slRow{0%,34%{opacity: 0;transform: translateY(4px);}42%,94%{opacity: 1;transform: none;}100%{opacity: 0;}}
@keyframes zp-ds-sgX1{0%{opacity: 0;}2%,31%{opacity: 1;}33%,100%{opacity: 0;}}
@keyframes zp-ds-sgX2{0%,34%{opacity: 0;}36%,64%{opacity: 1;}66%,100%{opacity: 0;}}
@keyframes zp-ds-sgX3{0%,67%{opacity: 0;}69%,97%{opacity: 1;}99%,100%{opacity: 0;}}
@keyframes shcProg{0%{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Round 18：home 整页原站规则（实抓移植，品牌红映射；cl-* 已加 #sz-home 作用域） */
.sz-field-wrap:focus-within{border-color:var(--color-brand);background-color:var(--color-field-focus-wash);box-shadow:0 0 0 2px #F935491a}
.mk-page .section{padding:var(--section-y) 0}
.mk-page .section.sm{padding:var(--section-y-sm) 0}
.mk-page .section.surface{background:var(--surface)}
.mk-page .wrap{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}
.mk-page .center{text-align:center}
.mk-page .center .sub,.mk-page .center .lead{margin-left:auto;margin-right:auto}
.mk-page .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:13px;font-weight:700}
.mk-page .display{letter-spacing:-.045em;font-size:clamp(2.6rem,5.2vw,4.4rem);font-weight:800;line-height:1.03}
.mk-page .h2{letter-spacing:-.04em;font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1.08}
.mk-page .h3{letter-spacing:-.02em;font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:700;line-height:1.2}
.mk-page .lead{color:var(--ink-2);max-width:50ch;font-size:clamp(18px,1.4vw,21px)}
.mk-page .sub{color:var(--ink-2);max-width:54ch;font-size:18px}
.mk-page .feat{gap:var(--block-gap);grid-template-columns:1fr 1fr;align-items:center;display:grid}
.mk-page .feat+.feat{margin-top:clamp(64px,7vw,108px)}
.mk-page .feat.flip .feat-copy{order:2}
.mk-page .feat-copy .lead{margin-top:18px}
.mk-page .feat-copy ul{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}
.mk-page .feat-copy li{color:var(--ink);gap:10px;font-size:15.5px;display:flex}
.mk-page .feat-copy li svg{width:20px;height:20px;color:var(--good);flex:none;margin-top:2px}
.mk-page .feat-visual{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);justify-content:center;align-items:center;min-height:280px;padding:clamp(20px,2.5vw,36px);display:flex}
.mk-page .feat-visual.bare{background:0 0;border:0;min-height:0;padding:0}
.mk-page .shead{gap:var(--head-gap);flex-direction:column;margin-bottom:clamp(40px,5vw,64px);display:flex}
.mk-page .shead .eyebrow+*{margin-top:-8px}
.mk-page .btn{border-radius:var(--r-btn);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 22px;font-size:15.5px;font-weight:700;transition:all .15s;display:inline-flex}
.mk-page .btn-primary{background:var(--brand);color:#fff;box-shadow:var(--sh-xs)}
.mk-page .btn-primary:hover{background:var(--brand-press)}
.mk-page .btn-secondary{color:var(--ink);border-color:var(--border-strong);background:#fff}
.mk-page .btn-secondary:hover{background:var(--surface)}
.mk-page .btn-ghost-light{color:#fff;background:#ffffff0f;border-color:#ffffff47}
.mk-page .btn-ghost-light:hover{background:#ffffff1f;border-color:#ffffff80}
.mk-page .btn .arr{transition:transform .15s}
.mk-page .btn:hover .arr{transform:translate(3px)}
.mk-page .cta-row{flex-wrap:wrap;gap:14px;display:flex}
.mk-page .center .cta-row{justify-content:center}
.mk-page .card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:clamp(24px,2.4vw,32px)}
.mk-page .grid{gap:var(--grid-gap);display:grid}
.mk-page .g3{grid-template-columns:repeat(3,1fr)}
.mk-page .g2{grid-template-columns:repeat(2,1fr)}
.mk-page .ctaband{background:radial-gradient(120% 120% at 50% -20%, #27324a, var(--ink) 62%);text-align:center;color:#fff;box-shadow:var(--sh-pop);border:1px solid #ffffff14;border-radius:28px;padding:clamp(56px,7vw,88px) clamp(28px,4vw,56px);position:relative;overflow:hidden}
.mk-page .ctaband:before{content:"";pointer-events:none;background:radial-gradient(50% 50%,#F935496b,#0000 72%);width:min(680px,90%);height:340px;position:absolute;top:0;left:50%;transform:translate(-50%,-45%)}
.mk-page .ctaband>*{position:relative}
.mk-page .ctaband h2{color:#fff}
.mk-page .ctaband p{color:#c3c9d6;max-width:46ch;margin:16px auto 0}
.mk-page .ctaband .cta-row{justify-content:center;margin-top:32px}
.mk-page .faq-list{grid-template-columns:1fr 1fr;align-items:start;gap:14px;max-width:980px;margin:0 auto;display:grid}
.mk-page .faq-item{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-xs);overflow:hidden}
.mk-page .faq-item[open]{border-color:var(--border-strong);box-shadow:var(--sh-card)}
.mk-page .faq-item summary{cursor:pointer;color:var(--ink);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:16px;padding:clamp(18px,2vw,24px) clamp(20px,2.4vw,28px);font-size:clamp(16px,1.4vw,18px);font-weight:700;list-style:none;display:flex}
.mk-page .faq-item summary::-webkit-details-marker{display:none}
.mk-page .faq-item summary:hover{color:var(--brand)}
.mk-page .faq-item summary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:8px}
.mk-page .faq-item .fq-ic{width:22px;height:22px;color:var(--ink-3);flex:none;transition:transform .2s,color .2s}
.mk-page .faq-item[open] .fq-ic{color:var(--brand);transform:rotate(180deg)}
.mk-page .faq-item .fq-a{color:var(--ink-2);padding:0 clamp(20px,2.4vw,28px) clamp(20px,2.2vw,26px);font-size:15.5px;line-height:1.65}
.mk-page .faq-item .fq-a a{font-weight:600}
.mk-page .faq-item .fq-a b{color:var(--ink);font-weight:700}
.mk-page .faq-foot{text-align:center;color:var(--ink-3);margin-top:clamp(28px,3vw,40px);font-size:14.5px}
.mk-page .faq-foot a{font-weight:700}
.mk-page .plansband{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:clamp(24px,3vw,38px);display:grid}
.mk-page .plansband .h3{margin-bottom:6px}
.mk-page .plansband p{color:var(--ink-2);font-size:15px}
.mk-page .plansband p b{color:var(--ink)}
.mk-page .plansband .cta-row{margin-top:0}
.mk-page .brandband{background:radial-gradient(120% 120% at 50% -20%,#27324a,#12182a 62%);border-color:#0000}
.mk-page .brandband .h3{color:#fff;letter-spacing:-.02em;font-size:clamp(22px,2.6vw,30px)}
.mk-page .brandband p{color:#ffffffc7;max-width:560px;font-size:16px}
.mk-page .brandband .bb-trust{color:#fff9;max-width:560px;margin-top:10px;font-size:13.5px}
#sz-home .btn{font-family:var(--font)}
#vprops .card{flex-direction:column;display:flex}
#vprops .card h3{margin-top:18px}
#vprops .card .lead{margin-top:8px;font-size:15.5px}
.sscard{color:var(--ink);flex-direction:column;align-items:flex-start;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}
.sscard:hover{box-shadow:var(--sh-pop);border-color:var(--border-strong);transform:translateY(-3px)}
.sscard .lead{font-size:15.5px}
.sscard .more{color:var(--brand);align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-size:14.5px;font-weight:700;display:inline-flex}
.sscard .more .arr{transition:transform .15s}
.sscard:hover .more .arr{transform:translate(3px)}
.ssnote{color:var(--ink-3);text-align:center;justify-content:center;align-items:center;gap:9px;margin-top:clamp(28px,3vw,40px);font-size:14px;display:flex}
.ssnote svg{width:18px;height:18px;color:var(--brand);flex:none}
.sshd{align-items:center;gap:9px;display:flex}
.ssic{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}
.ssic svg{width:17px;height:17px}
#seller-studio .ssic{color:#1b2333;background:#eaecf2}
.ss-brandmark{background:#1b2333;border-radius:15px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto;display:flex}
.ss-brandmark svg{width:34px;height:34px}
.sscard .sshd h3{margin:0}
.blobwrap:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 25% 20%,#ffd6dd 0,#0000 70%),radial-gradient(50% 50% at 85% 10%,#ffe6ec 0,#0000 70%);height:70%;position:absolute;inset:-10% -5% auto}
.navbtn .arr{transition:transform .15s}
.navbtn:hover .arr{transform:translate(3px)}
.mega-foot a .arr{transition:transform .15s}
.mega-foot a:hover .arr{transform:translate(3px)}
.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(36px,4vw,56px);display:grid}
.hero-grid>*{min-width:0}
.hero .display{margin-top:18px}
.hero .sub{max-width:46ch;margin-top:26px;font-size:clamp(18px,1.5vw,21px)}
.hero .cta-row{margin-top:34px}
.hero .trust{flex-wrap:wrap;gap:30px;margin-top:30px;display:flex}
.hero .trust .t{flex-direction:column;display:flex}
.hero .trust .n{font-size:22px;font-weight:800}
.hero .trust .l{color:var(--ink-3);font-size:13px}
.hero-visual{position:relative}
html[lang=ja] #hero h1.display{font-size:clamp(34px,3.7vw,46px)}
html[lang=ko] #hero h1.display{font-size:clamp(34px,3.7vw,48px)}
.marquee{margin-top:28px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}
.marquee__track{gap:16px;width:max-content;animation:38s linear infinite marq;display:flex}
.marquee:hover .marquee__track{animation-play-state:paused}
.logo-tile{border:1px solid var(--border);width:150px;height:74px;box-shadow:var(--sh-xs);background:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;padding:0 22px;display:flex}
.logo-tile img{object-fit:contain;filter:grayscale();opacity:.7;width:auto;max-width:104px;height:auto;max-height:30px}
#sz-home .cl-stage{aspect-ratio:1;background:var(--surface);border:1.5px solid #e7f0ff;border-radius:14px;position:relative}
#sz-home .cl-imgbox{background:#fff;border-radius:11px;position:absolute;inset:9%;box-shadow:0 1px 2px #1b233312}
#sz-home .cl-imgbox:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(58% 54% at 50% 46%,#F935491f,#0000 72%);position:absolute;inset:0}
#sz-home .cl-imgbox svg{z-index:1;display:block;position:absolute;inset:0;overflow:visible}
#sz-home .cl-widget{border:1px solid var(--border);width:100%;box-shadow:var(--sh-card);background:#fff;border-radius:16px;overflow:hidden}
#sz-home .cl-whead{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:12px 15px;display:flex}
#sz-home .cl-wttl{font-size:13.5px;font-weight:800;line-height:1.2}
#sz-home .cl-wttl span{color:var(--ink-3);margin-top:2px;font-size:11px;font-weight:600;display:block}
#sz-home .cl-wsp{flex:1}
#sz-home .cl-unit{border:1px solid var(--border);background:#f2f4f7;border-radius:9px;flex:none;gap:2px;padding:3px;display:inline-flex}
#sz-home .cl-unit button{font-family:var(--font);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 11px;font-size:11.5px;font-weight:700}
#sz-home .cl-unit button.on{color:var(--brand);box-shadow:var(--sh-xs);background:#fff}
#sz-home .cl-wbody{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:13px 15px;display:flex}
#sz-home .cl-wbody .cl-stage{flex:none;width:180px}
#sz-home .cl-sztable .u-cm{display:none}
#sz-home .cl-sztable.cm .u-cm{display:inline}
#sz-home .cl-sztable.cm .u-in{display:none}
#sz-home .cl-sztable{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:10px;font-size:12px;overflow:hidden}
#sz-home .cl-sztable th,.cl-sztable td{text-align:center;padding:6px 9px}
#sz-home .cl-sztable thead th{background:var(--surface);border-bottom:1px solid var(--border);font-weight:800}
#sz-home .cl-sztable th.first,.cl-sztable td.first{text-align:left;color:var(--ink);padding-left:11px;font-weight:700}
#sz-home .cl-sztable tbody td{color:var(--ink-2);border-bottom:1px solid #eef1f6;font-weight:600;position:relative}
#sz-home .cl-sztable tbody tr:last-child td{border-bottom:0}
#sz-home .cl-sztable td .sk{background:linear-gradient(90deg,#e9edf6 25%,#dbe4f4 50%,#e9edf6 75%) 0 0/220% 100%;border-radius:5px;width:54%;height:9px;animation:1.15s linear infinite clShim;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#sz-home .cl-sztable td .cv{opacity:0}
#sz-home .cl-sztable.populate td .sk{opacity:0;transition:opacity .25s ease var(--d,0s)}
#sz-home .cl-sztable.populate td .cv{opacity:1;transition:opacity .3s ease var(--d,0s)}
.feat+.feat{margin-top:clamp(64px,7vw,108px)}
.feat.flip .feat-copy{order:2}
.feat-copy ul{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}
.feat-copy li{color:var(--ink);gap:10px;font-size:15.5px;display:flex}
.feat-copy li svg{width:20px;height:20px;color:var(--good);flex:none;margin-top:2px}
.feat-visual.bare{background:0 0;border:0;min-height:0;padding:0}
.miy-widget{width:100%;max-width:500px}
.miy-widget .cl-fill path{fill:#fff}
#sz-home .miy-widget .cl-imgbox:before{display:none}
#sz-home .miy-widget .cl-whead{padding:18px 24px}
#sz-home .miy-widget .cl-wttl{font-size:18px}
#sz-home .miy-widget .cl-wttl span{margin-top:3px;font-size:13px}
#sz-home .miy-widget .cl-unit button{padding:7px 18px;font-size:14px}
#sz-home .cl-widget.miy-widget .cl-wbody{flex-wrap:nowrap;align-items:center;gap:26px;padding:20px 24px}
#sz-home .cl-widget.miy-widget .cl-wbody .cl-stage{aspect-ratio:1071/1243;background:0 0;border:0;flex:0 0 clamp(140px,30%,178px);align-self:center;width:auto;height:auto}
#sz-home .cl-widget.miy-widget .cl-wbody .cl-imgbox{box-shadow:none;background:0 0;inset:0}
.miy-widget .cl-hide-sm{display:none}
#sz-home .miy-widget .cl-sztable{font-size:16px}
#sz-home .miy-widget .cl-sztable th,.miy-widget .cl-sztable td{padding:10px 12px}
.miy-widget .cl-tag{width:21px;height:21px;font-size:12px}
.miy-widget .cl-thn{margin-top:4px;font-size:12.5px}
#sz-home .cl-widget.themed{transition:border-radius .55s,box-shadow .55s,border-color .55s,background-color .55s}
#sz-home .cl-widget.themed,.cl-widget.themed *{transition:background-color .55s,color .55s,border-color .55s,box-shadow .55s,border-radius .55s}
#sz-home .cl-widget.themed .cl-line{transition:stroke-dashoffset .55s,stroke .55s}
#sz-home .cl-widget.themed .cl-mk circle,.cl-widget.themed .cl-mk text{transition:fill .55s}
#sz-home .cl-widget.themed{border-radius:var(--miy-r,16px)}
#sz-home .cl-widget.themed .cl-unit{border-radius:var(--miy-ir,9px)}
#sz-home .cl-widget.themed .cl-unit button{border-radius:max(4px,calc(var(--miy-ir,9px) - 4px))}
#sz-home .cl-widget.themed .cl-wbody .cl-stage,.cl-widget.themed .cl-sztable{border-radius:var(--miy-ir,9px)}
#sz-home .cl-widget.themed .cl-stage{background:var(--miy-surf,var(--surface));border-color:var(--miy-frame,#e7f0ff)}
#sz-home .cl-widget.themed .cl-imgbox{background:var(--miy-box,#fff)}
#sz-home .cl-widget.themed .cl-outline path{stroke:var(--miy-tx,#404040)}
#sz-home .cl-widget.themed .cl-whead{background:var(--miy-head,#fff);border-bottom-color:var(--miy-div,var(--border-soft))}
#sz-home .cl-widget.themed .cl-wttl,.cl-widget.themed .cl-wttl span{color:var(--miy-headtx,inherit)}
#sz-home .cl-widget.themed .cl-sztable{border-color:var(--miy-div,var(--border))}
#sz-home .cl-widget.themed .cl-sztable thead th{background:var(--miy-thbg,var(--surface));color:var(--miy-thtx,var(--ink));border-bottom-color:var(--miy-div,var(--border))}
#sz-home .cl-widget.themed .cl-sztable td.first{color:var(--miy-tx,var(--ink))}
#sz-home .cl-widget.themed .cl-sztable tbody td{color:var(--miy-tx2,var(--ink-2));border-bottom-color:var(--miy-rowdiv,#eef1f6)}
#sz-home .cl-widget.themed .cl-unit{background:var(--miy-toggle,#f2f4f7);border-color:var(--miy-div,var(--border))}
#sz-home .cl-widget.themed .cl-unit button.on{background:var(--miy-onbg,#fff);color:var(--miy-on,var(--brand))}
#sz-home .cl-widget.themed .cl-tag{background:var(--brand)}
#sz-home .cl-widget.ct-1{--brand:#F93549;--line:#F93549;--miy-r:18px;--miy-ir:11px;--miy-surf:#f3f7fe;--miy-frame:#ffd6dd;--miy-head:#e7f0ff;--miy-headtx:#1b2333;--miy-thbg:#e7f0ff;--miy-thtx:#1b2333;--miy-tx:#1b2333;--miy-tx2:#545b6b;--miy-rowdiv:#e3ebfb;--miy-div:#ffd6dd}
#sz-home .cl-widget.ct-2{--brand:#e2622e;--line:#e2622e;--miy-r:26px;--miy-ir:18px;--miy-surf:#fff3ec;--miy-frame:#f6c9af;--miy-head:#e2622e;--miy-headtx:#fff;--miy-box:#fffaf6;--miy-thbg:#fde6da;--miy-thtx:#7a3413;--miy-tx:#5c2a13;--miy-tx2:#9c6648;--miy-rowdiv:#f6dccb;--miy-div:#f3cdb6;--miy-toggle:#fbe0d2;--miy-onbg:#fff;--miy-on:#e2622e}
#sz-home .cl-widget.ct-3{--brand:#0a0a0a;--line:#0a0a0a;--miy-r:0px;--miy-ir:0px;--miy-surf:#fff;--miy-frame:#0a0a0a;--miy-head:#fff;--miy-headtx:#0a0a0a;--miy-box:#fff;--miy-thbg:#0a0a0a;--miy-thtx:#fff;--miy-tx:#0a0a0a;--miy-tx2:#0a0a0a;--miy-rowdiv:#0a0a0a;--miy-div:#0a0a0a;--miy-toggle:#fff;--miy-onbg:#0a0a0a;--miy-on:#fff;box-shadow:none;letter-spacing:.01em;border:1px solid #0a0a0a}
#sz-home .cl-widget.ct-3 .cl-whead{border-bottom:1px solid #0a0a0a}
#sz-home .cl-widget.ct-3 .cl-wttl{letter-spacing:.04em;text-transform:uppercase;font-size:15px;font-weight:700}
#sz-home .cl-widget.ct-3 .cl-wttl span{letter-spacing:.16em;text-transform:uppercase;font-weight:600}
#sz-home .cl-widget.ct-3 .cl-stage{border-width:1px}
#sz-home .cl-widget.ct-3 .cl-unit{border:1px solid #0a0a0a}
#sz-home .cl-widget.ct-3 .cl-tag{border-radius:0}
#sz-home .cl-widget.ct-3 .cl-sztable thead th{letter-spacing:.03em;text-transform:uppercase;font-weight:700}
#sz-home .cl-widget.ct-4{--brand:#0f9b8b;--line:#0f9b8b;--miy-r:14px;--miy-ir:9px;--miy-surf:#e8f6f3;--miy-frame:#a9ddd4;--miy-head:#0b2f2a;--miy-headtx:#eafbf7;--miy-box:#f4fbfa;--miy-thbg:#d4f0ea;--miy-thtx:#0b3a33;--miy-tx:#0b2f2a;--miy-tx2:#3f6f67;--miy-rowdiv:#cdeae3;--miy-div:#b6e0d8;--miy-toggle:#d4f0ea;--miy-onbg:#fff;--miy-on:#0f9b8b}
.steps2{position:relative}
.steps2 .track{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid;position:relative}
.steps2 .track:before{content:"";z-index:0;background:repeating-linear-gradient(90deg,var(--border-strong) 0 7px,transparent 7px 14px);height:2px;position:absolute;top:42px;left:9%;right:9%}
.steps2 .track:after{content:"";z-index:0;background:radial-gradient(closest-side,#F9354999,#0000);border-radius:99px;width:48px;height:14px;animation:4.5s linear infinite stepflow;position:absolute;top:36px;left:9%}
.scard{z-index:1;border:1px solid var(--border);border-radius:var(--r-card);min-width:0;box-shadow:var(--sh-card);background:#fff;flex-direction:column;padding:24px 24px 26px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}
.scard:hover{box-shadow:var(--sh-pop);transform:translateY(-4px)}
.scard .sn{align-items:center;gap:11px;display:inline-flex}
.scard .sn .b{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex;box-shadow:0 6px 14px -4px #F93549b3}
.scard .sn .lbl{letter-spacing:.13em;text-transform:uppercase;color:var(--brand);font-size:12px;font-weight:800}
.scard h3{margin-top:0;font-size:19px;font-weight:700}
.scard .stxt{color:var(--ink-2);margin-top:8px;font-size:15px}
.stage{background:radial-gradient(130% 120% at 50% 0,#fff 0,var(--surface) 100%);border:1px solid var(--border-soft);border-radius:14px;height:200px;margin:16px 0 18px;position:relative;overflow:hidden}
.tray-track{align-items:center;gap:10px;width:max-content;height:100%;padding:0 12px;animation:22s linear infinite trayscroll;display:flex}
.stage:hover .tray-track{animation-play-state:paused}
.tray-tpl{border:1px solid var(--border);width:74px;height:100px;box-shadow:var(--sh-xs);background:#fff;border-radius:11px;flex:none;justify-content:center;align-items:center;padding:8px;display:flex}
.tray-tpl img{max-width:100%;max-height:100%}
.tray-ring{border:2.5px solid var(--brand);width:88px;height:114px;box-shadow:0 0 0 5px var(--brand-soft),var(--sh-card);pointer-events:none;border-radius:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.tray-pill{background:var(--brand);color:#fff;box-shadow:var(--sh-card);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 11px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:calc(50% + 68px);left:50%;transform:translate(-50%)}
.tray-pill svg{width:12px;height:12px}
.s2stage{position:relative}
.s2-frame{width:min(250px,94%);height:136px;margin:16px auto 0;position:relative}
.s2-svg{height:134px;margin:0 auto;display:block}
.s2-fill path{fill:#fff}
.s2-outline path{fill:none;stroke:#404040;stroke-width:7px;stroke-linejoin:round;stroke-linecap:round}
.s2-line{stroke:var(--line);stroke-width:13px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:1;stroke-dashoffset:1px}
.s2-line.s-a{animation:6s ease-in-out infinite s2draw}
.s2-line.s-b{animation:6s ease-in-out .12s infinite s2draw}
.s2-line.s-c{animation:6s ease-in-out infinite s2draw2}
.s2b{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;opacity:0;background:#fffc;border:1px solid #1b23331f;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;display:inline-flex;position:absolute;box-shadow:0 1px 3px #1b233324}
.s2b .nm{color:var(--ink-2);font-size:9.5px;font-weight:700}
.s2b .vbox{min-width:38px;height:16px;display:inline-block;position:relative}
.s2b .vv{color:var(--ink-3);opacity:0;align-items:baseline;gap:2px;font-size:9px;font-weight:600;line-height:16px;display:inline-flex;position:absolute;top:0;left:0}
.s2b .vv b{color:var(--ink);font-size:13.5px;font-weight:800;line-height:16px}
.s2b .vv.v-in{opacity:1}
.s2b.b-chest{animation:6s ease-in-out infinite s2pop;top:46%;left:1%}
.s2b.b-length{animation:6s ease-in-out infinite s2pop2;top:38%;right:1%}
.s2-unit{background:var(--surface-2);border-radius:99px;gap:2px;padding:2px;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}
.s2-unit span{color:var(--ink-3);border-radius:99px;padding:2px 9px;font-size:9px;font-weight:700}
.s2-unit span:first-child{color:var(--brand);box-shadow:var(--sh-xs);background:#fff}
.s2b .vv.v-in{animation:6s ease-in-out infinite s2vIn}
.s2b .vv.v-cm{animation:6s ease-in-out infinite s2vCm}
.s2b .vv.v-both{animation:6s ease-in-out infinite s2vBoth}
.s2-unit span:first-child{animation:6s ease-in-out infinite s2uIn}
.s2-unit span:nth-child(2){animation:6s ease-in-out infinite s2uCm}
.s2-unit span:nth-child(3){animation:6s ease-in-out infinite s2uBoth}
.s3-wrap{justify-content:center;align-items:center;gap:13px;height:100%;padding:8px;display:flex}
.s3-out{flex-direction:column;flex:none;gap:9px;display:flex}
.s3-o{flex-direction:column;align-items:center;gap:4px;display:flex}
.s3-cap{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-size:8px;font-weight:800}
.s3-item{width:66px;height:74px;box-shadow:var(--sh-xs);background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}
.s3-item:before{content:none}
.s3-item svg{z-index:1;position:relative}
.s3-cv{width:100%;height:100%;display:block}
.s3-outline path{fill:none;stroke:#404040;stroke-width:9px;stroke-linejoin:round;stroke-linecap:round}
.s3-fill path{fill:none;stroke:none}
.s3-line{stroke:var(--line);stroke-width:17px;stroke-linecap:round;fill:none}
.s3-item .s3-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:5.4s ease-in-out infinite s3draw}
.s3-item .sl-b{animation-delay:.45s}
.s3-item .sl-c{animation-delay:.9s}
.s3-lt circle{fill:var(--brand)}
.s3-lt text{fill:#fff;text-anchor:middle;dominant-baseline:central;font-family:inherit;font-size:140px;font-weight:800}
.s3-size{border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:9px;align-items:center;gap:8px;padding:7px 9px;display:flex}
.s3-sz-dia{flex:none;width:50px}
.s3-sz-dia svg{width:100%;height:auto;display:block}
.s3-sz-tbl{border-collapse:separate;border-spacing:0}
.s3-sz-tbl th,.s3-sz-tbl td{color:var(--ink);text-align:center;padding:2.5px 5px;font-size:7px;font-weight:700}
.s3-sz-tbl th:first-child,.s3-sz-tbl td:first-child{text-align:left;color:var(--ink-3)}
.s3-sz-head th{background:var(--brand-soft);color:var(--brand);font-weight:800}
.s3-sz-head i{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:9px;height:9px;font-size:6px;font-style:normal;font-weight:800;line-height:1;display:inline-flex}
.s3-sz-tbl tr+tr td{border-top:1px solid var(--border-soft)}
.s3-arrow{color:var(--ink-3);flex:none;align-items:center;display:flex}
.s3-arrow svg{width:22px;height:22px;animation:2.4s ease-in-out infinite s3nudge}
.s3-vmarq{height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}
.s3-vtrack{flex-direction:column;gap:8px;animation:13s linear infinite s3vscroll;display:flex}
.s3-vmarq:hover .s3-vtrack{animation-play-state:paused}
.s3-vlogo{border:1px solid var(--border);height:30px;box-shadow:var(--sh-xs);background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 14px;display:flex}
.s3-vlogo img{object-fit:contain;filter:grayscale();opacity:.75;max-width:56px;height:13px}
.twall{flex-direction:column;gap:14px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}
.twall-row{gap:14px;width:max-content;display:flex}
.twall-row.r1{animation:48s linear infinite wallL}
.twall-row.r2{animation:56s linear infinite wallR}
.twall-row.r3{animation:64s linear infinite wallL}
.twall:hover .twall-row{animation-play-state:paused}
.twall .t{background:radial-gradient(130% 120% at 50% 0,#fff 0,var(--surface) 100%);width:116px;height:116px;box-shadow:var(--sh-xs);border-radius:16px;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}
.twall .t:before{content:"";border-radius:inherit;pointer-events:none;background:0 0;position:absolute;inset:0}
.twall .t:hover{box-shadow:var(--sh-card);transform:translateY(-3px)}
.twall .t img{z-index:1;object-fit:contain;mix-blend-mode:multiply;max-width:100%;max-height:100%;position:relative}
.stars{color:var(--star);vertical-align:middle;gap:2px;line-height:1;display:inline-flex}
.stars svg{fill:currentColor;filter:drop-shadow(0 1px 1px #b4780047);width:17px;height:17px}
.revfeat{gap:var(--block-gap);grid-template-columns:.82fr 1.18fr;align-items:center;display:grid}
.ratesum .big{letter-spacing:-.04em;font-size:clamp(56px,7vw,86px);font-weight:800;line-height:.95}
.ratesum .big span{color:var(--ink-3);font-size:.4em;font-weight:700}
.ratesum .stars{margin-top:10px}
.ratesum .stars svg{width:25px;height:25px}
.ratesum .src{color:var(--ink-2);margin-top:10px;font-size:14px}
.ratesum .src b{color:var(--ink)}
.ratesum .bars{flex-direction:column;gap:7px;max-width:300px;margin-top:16px;display:flex}
.ratesum .bar{color:var(--ink-3);align-items:center;gap:9px;font-size:12px;display:flex}
.ratesum .bar .tk{background:var(--surface-2);border-radius:99px;flex:1;height:7px;overflow:hidden}
.ratesum .bar .tk i{background:var(--star);border-radius:99px;height:100%;display:block}
.bigquote{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;padding:clamp(28px,3vw,42px)}
.bigquote .q{letter-spacing:-.02em;color:var(--ink-2);margin-top:16px;font-size:clamp(20px,2vw,27px);font-weight:400;line-height:1.42}
.bigquote .q b{color:var(--ink);font-weight:700}
.bigquote .who{align-items:center;gap:12px;margin-top:24px;display:flex}
.bigquote .who b{font-size:15px}
.bigquote .who span{color:var(--ink-3);font-size:13px;display:block}
.revstrip{gap:var(--grid-gap);margin-top:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}
.revmini{border:1px solid var(--border);box-shadow:var(--sh-xs);background:#fff;border-radius:16px;padding:18px 20px}
.revmini p{color:var(--ink-2);margin-top:9px;font-size:13.5px}
.revmini p b{color:var(--ink);font-weight:700}
.revmini .who{align-items:center;gap:10px;margin-top:14px;display:flex}
.revmini .who .nm{color:var(--ink-3);font-size:12px;line-height:1.3}
.revmini .who .nm b{color:var(--ink);font-size:12.5px;display:block}
.dtrigger-row{justify-content:center;margin-top:26px;display:flex}
.dtrigger{border:1px solid var(--border-strong);color:var(--ink);cursor:pointer;box-shadow:var(--sh-xs);background:#fff;border-radius:13px;align-items:center;gap:11px;padding:12px 18px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}
.dtrigger:hover{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.dtrigger b{font-weight:800}
.dtrigger .dtg-ic{color:var(--brand);flex:none;width:18px;height:18px}
.dtrigger .arr{color:var(--ink-3);flex:none;transition:all .15s}
.dtrigger:hover .arr{color:var(--brand);transform:translate(2px)}
.dlnk{font:inherit;color:inherit;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--border-strong);-webkit-text-decoration-color:var(--border-strong);-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600}
.dlnk:hover{color:var(--brand);-webkit-text-decoration-color:var(--brand);-webkit-text-decoration-color:var(--brand);-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}
.cmp{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);background:#fff;margin-top:48px;overflow:hidden}
.cmpscroll{overflow-x:auto}
.cmp table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}
.cmp thead th{text-align:center;border-bottom:1px solid var(--border);color:var(--ink);z-index:1;background:#fff;padding:16px 12px;font-size:15px;font-weight:800;position:sticky;top:0}
.cmp thead th.first{text-align:left;padding-left:24px}
.cmp thead th .cnt{color:var(--ink-3);margin-top:3px;font-size:12px;font-weight:600;display:block}
.cmp thead th.pop{background:var(--brand-soft)}
.cmp thead th.pop .cnt{color:var(--brand)}
.cmp tbody td{text-align:center;border-bottom:1px solid var(--border-soft);color:var(--ink-2);padding:13px 12px;font-weight:600}
.cmp tbody td.first{text-align:left;color:var(--ink);padding-left:24px;font-weight:500}
.cmp tbody td.pop{background:#F935490b}
.cmp .grp td{background:var(--surface);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding-left:24px;font-size:11px;font-weight:800}
.cmp .grp.studio td{background:var(--brand-soft);color:var(--brand)}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp .ck{color:var(--good);display:inline-flex}
.cmp .ck svg{width:18px;height:18px}
.cmp .xk{color:var(--muted)}
.cmp .cr{background:var(--brand-soft);color:var(--brand);border-radius:99px;padding:2px 9px;font-size:12px;font-weight:800;display:inline-block}
.cmp .soon{background:var(--brand-soft);color:var(--brand);letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}
.cmp-fineprint{text-align:center;color:var(--ink-3);border-top:1px solid var(--border);background:var(--surface);padding:24px 24px 26px;font-size:13px}
.grp-ic{vertical-align:middle;width:16px;height:16px;color:var(--ink-2);margin-top:-2px;margin-right:7px}
.cmp .grp.studio .grp-ic{color:var(--brand);box-sizing:content-box;background:#1b2333;border-radius:5px;width:12px;height:12px;margin-right:8px;padding:3px}
.cmp td.first{position:relative}
.ttip{vertical-align:middle;cursor:help;color:var(--ink-3);outline:none;justify-content:center;align-items:center;margin:-15px -15px -15px -9px;padding:15px;display:inline-flex}
.ttip:hover,.ttip:focus{color:var(--brand)}
.ttip-ic{width:14px;height:14px;display:block}
.ttip-box{z-index:40;background:var(--paper);width:250px;max-width:min(250px,100vw - 80px);color:var(--ink);text-align:left;letter-spacing:0;text-transform:none;border:1px solid var(--border);box-shadow:var(--sh-pop);opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;font-weight:500;line-height:1.45;transition:opacity .14s,transform .14s,visibility .14s;display:flex;position:absolute;top:calc(100% + 3px);left:24px;transform:translateY(-3px)}
.ttip-box:before{content:"";background:var(--paper);border:1px solid var(--border);border-bottom:0;border-right:0;border-radius:3px 0 0;width:11px;height:11px;position:absolute;top:-6px;left:14px;transform:rotate(45deg)}
.ttip-box .tip-ic{background:var(--brand-soft);width:28px;height:28px;color:var(--brand);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}
.ttip-box .tip-ic svg{width:16px;height:16px;display:block}
.ttip-box .tip-tx{min-width:0;color:var(--ink-2);flex:1;padding-top:1px}
.ttip-box .tip-tx b{color:var(--ink);font-weight:700}
.ttip:hover .ttip-box,.ttip:focus .ttip-box,.ttip:focus-within .ttip-box{opacity:1;visibility:visible;transform:translateY(0)}
.cmpscroll{margin-bottom:-48px;padding-bottom:66px}
.cmp:not(.show-all) .cmp-more{display:none}
.cmp-togglewrap{text-align:center;padding:18px 0 2px}
.cmp-toggle{min-height:44px;color:var(--brand);font-family:var(--font);cursor:pointer;background:0 0;border:0;border-radius:99px;align-items:center;gap:7px;padding:9px 16px;font-size:14.5px;font-weight:700;display:inline-flex}
.cmp-toggle:hover{background:var(--brand-soft)}
.cmp-toggle svg{width:16px;height:16px;transition:transform .2s}
.cmp.show-all .cmp-toggle svg{transform:rotate(180deg)}
.cmpnote{color:var(--ink-3);margin:14px 2px 0;font-size:12px;line-height:1.5}
.cmpnote b{color:var(--ink-2)}
.cmp-pick{border-bottom:1px solid var(--border);z-index:2;background:#fff;gap:6px;padding:12px;display:none;position:sticky;top:0}
.cmp-pick button{border:1.5px solid var(--border-strong);background:var(--surface);min-width:0;min-height:44px;font-family:var(--font);color:var(--ink-2);cursor:pointer;border-radius:10px;flex:1;padding:10px 4px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.cmp-pick button:hover{border-color:var(--brand);color:var(--brand)}
.cmp-pick button.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 12px -4px #F9354980}
.dbpx{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:clamp(56px,6vw,84px);display:flex}
.dbpx .h2{margin-top:-2px}
.dbpx .lead{max-width:54ch}
.dbpx .lead b{color:var(--ink);font-weight:800}
.dbpx-cta{margin-top:14px}
.dscrim{opacity:0;pointer-events:none;z-index:90;background:#1b233380;transition:all .2s;position:fixed;inset:0}
.dscrim.show{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.dsheet{background:var(--paper);border-radius:var(--r-card);width:min(1080px,95vw);height:min(86vh,840px);box-shadow:var(--sh-pop);opacity:0;pointer-events:none;z-index:91;flex-direction:column;transition:all .2s;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-47%)}
.dsheet.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
.dshead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 15px;display:flex}
.dshead .eyebrow{margin-bottom:5px;display:block}
.dshead h2{letter-spacing:-.02em;margin:0 0 3px;font-size:20px;font-weight:800}
.dshead .dssub{color:var(--ink-3);font-size:13px;line-height:1.4}
.dshead .dssub b{color:var(--ink-2);font-weight:800}
.dsx{border:1px solid var(--border);width:36px;height:36px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}
.dsx:hover{background:var(--surface);color:var(--ink)}
.dsx svg{width:18px;height:18px}
.dsfilters{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 24px 4px;display:flex}
.dseg{border:1px solid var(--border);background:#f2f4f7;border-radius:11px;gap:2px;padding:4px;display:inline-flex}
.dseg button{font-family:var(--font);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}
.dseg button.on{color:var(--brand);box-shadow:var(--sh-xs);background:#fff}
.dseg small{opacity:.65;font-size:11px;font-weight:800}
.dssearch{border:1px solid var(--border-strong);background:#fff;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:170px;max-width:290px;height:38px;margin-left:auto;padding:0 12px;display:flex}
.dssearch svg{width:16px;height:16px;color:var(--ink-3);flex:none}
.dssearch input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:14px}
.dfacets{flex-direction:column;gap:6px;padding:10px 24px 2px;display:flex}
.dfrow{scrollbar-width:none;align-items:center;gap:7px;display:flex;overflow-x:auto}
.dfrow::-webkit-scrollbar{display:none}
.dflabel{text-transform:uppercase;letter-spacing:.04em;width:40px;color:var(--ink-3);flex:none;font-size:10px;font-weight:800}
.dchip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.dchip.on small{opacity:.75}
.dsbody{overscroll-behavior:contain;flex:1;padding:13px 24px 22px;overflow-y:auto}
.dsfoot{border-top:1px solid var(--border);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:13px 24px;display:flex}
.dscount{color:var(--ink-2);font-size:13px;font-weight:600}
.dscount b{color:var(--ink);font-weight:800}
.dslegend{color:var(--ink-3);align-items:center;gap:14px;font-size:11.5px;display:flex}
.dslegend span{align-items:center;gap:5px;display:inline-flex}
.dslegend i{border-radius:3px;width:11px;height:11px;display:inline-block}
.navbtn:focus-visible,.applink:focus-visible,.searchpill:focus-visible,.mega-trigger:focus-visible,.nav .lnks>a:focus-visible,.burger:focus-visible,.cmp-pick button:focus-visible,.cmp-toggle:focus-visible,.ttip:focus-visible,.dlnk:focus-visible,.cl-unit button:focus-visible,.dsx:focus-visible,.dseg button:focus-visible,.dchip:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}
.hc{min-width:0}
.hc-stage{display:grid}
.hc-slide{opacity:0;visibility:hidden;grid-area:1/1;min-width:0;transition:opacity .45s,visibility .45s}
.hc-slide.on{opacity:1;visibility:visible}
.hc-slide:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:12px}
.hc-slide:not(.on) *{animation-play-state:paused!important}
.hc-tabs{background:var(--border-soft);scrollbar-width:none;overscroll-behavior-x:contain;border-radius:14px;gap:2px;width:fit-content;max-width:100%;margin:16px auto 0;padding:4px;display:flex;position:relative;overflow-x:auto}
.hc-tabs::-webkit-scrollbar{display:none}
.hc-tab{font-family:var(--font);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:none;padding:9px 12px;font-size:13px;font-weight:700;transition:color .15s;position:relative;overflow:hidden}
.hc-tab:hover{color:var(--ink)}
.hc-tab[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:var(--sh-xs)}
.hc-tab:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.hc-pg{background:var(--border);opacity:0;border-radius:2px;height:2px;position:absolute;bottom:3px;left:10px;right:10px;overflow:hidden}
.hc-tab[aria-selected=true] .hc-pg{opacity:1}
.hc-pg i{background:var(--brand);transform-origin:0;height:100%;display:block;transform:scaleX(0)}
.hc-tab[aria-selected=true] .hc-pg i{animation:hcProg var(--hc-dur,7s) linear forwards}
.hc.hold .hc-pg i{animation-play-state:paused}
.hc-cap{min-height:44px;color:var(--ink-2);text-align:center;margin-top:12px;font-size:14.5px;line-height:1.5}
.hc-cap b{color:var(--ink);font-weight:700}
.hp-paths{grid-template-columns:1fr 1fr;gap:14px;max-width:820px;margin:32px auto 26px;display:grid}
.hp-path{text-align:left;font-family:var(--font);color:var(--ink);cursor:pointer;background:var(--paper);border:1.5px solid var(--border);box-shadow:var(--sh-xs);border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}
.hp-path:hover{border-color:var(--border-strong)}
.hp-path[aria-pressed=true]{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px var(--brand-soft)}
.hp-path:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.hp-ic{background:var(--border-soft);width:42px;height:42px;color:var(--ink-2);border-radius:12px;flex:none;place-items:center;display:grid}
.hp-ic svg{width:22px;height:22px}
.hp-path[aria-pressed=true] .hp-ic{background:var(--brand);color:var(--paper)}
.hp-path b{font-size:16px;font-weight:800;line-height:1.3;display:block}
.hp-path small{color:var(--ink-3);margin-top:2px;font-size:12.5px;line-height:1.4;display:block}
.hp-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:18px;display:grid}
.hp-grid-store{grid-auto-rows:1fr}
.hp-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);min-width:0;box-shadow:var(--sh-card);flex-direction:column;padding:14px;display:flex}
.hp-bd{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:18px 8px 6px;display:flex}
.hp-who{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-size:11.5px;font-weight:800}
.hp-bd h3{letter-spacing:-.02em;font-size:20px;font-weight:800}
.hp-bd p{color:var(--ink-2);font-size:15.5px;line-height:1.55}
.hp-pts{gap:7px;margin:2px 0 4px;padding:0;list-style:none;display:grid}
.hp-pts li{color:var(--ink);gap:9px;font-size:14.5px;line-height:1.45;display:flex}
.hp-ck{background:var(--brand-soft);width:18px;height:18px;color:var(--brand);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}
.hp-ck svg{width:11px;height:11px}
.hp-logos{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}
.hp-logos img{object-fit:contain;filter:grayscale();opacity:.65;width:auto;max-width:80px;height:15px}
.hp-custom{color:var(--ink-3);border:1px solid var(--border-strong);border-radius:6px;padding:0 6px;font-size:11.5px;font-weight:800;line-height:1.5}
.hp-act{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:12px;display:flex}
.hp-lnk{color:var(--brand);align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}
.hp-lnk .arr{transition:transform .15s}
.hp-lnk:hover .arr{transform:translate(3px)}
.hp-lnk:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}
.hp-foot{text-align:center;color:var(--ink-3);margin-top:28px;font-size:15px}
.vp-scene{background:var(--surface);border-radius:14px;justify-content:center;align-items:center;height:184px;display:flex;overflow:hidden}
.vp-ret{background:var(--paper);border:1px solid var(--border);width:max-content;min-width:208px;max-width:calc(100% - 24px);box-shadow:var(--sh-card);border-radius:12px;padding:12px}
.vp-ret-k{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:800}
.vp-ret-sel{border:1px solid var(--border);color:var(--ink-2);border-radius:8px;margin:6px 0 10px;padding:7px 9px;font-size:13px;font-weight:700;position:relative}
.vp-ret-sel:after{content:"";background:var(--ink-2);transform-origin:0;border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:8px;right:8px}
.vp-ret-ok{color:var(--good);background:var(--good-soft);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:800;display:inline-flex}
.vp-ret-ok svg{flex:none;width:12px;height:12px}
.vp-tap{width:146px;margin-right:40px;position:relative}
.vp-tip{background:var(--paper);border:1px solid var(--border);width:max-content;max-width:168px;color:var(--ink);box-shadow:var(--sh-card);word-break:keep-all;border-radius:10px;padding:5px 9px;font-size:11.5px;font-weight:700;line-height:1.35;position:absolute;top:40px;left:64px}
.vp-tip b{color:var(--good)}
.vp-buy{background:var(--ink);height:26px;color:var(--paper);white-space:nowrap;border-radius:8px;place-items:center;padding:0 12px;font-size:11.5px;font-weight:700;display:grid;position:absolute;bottom:-4px;right:-30px}
.vp-list{width:86%}
.tvm-fig{flex-direction:column;margin:0}
.tvm{justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex}
.tvm-tag{z-index:2;background:var(--paper);border:1px solid var(--border);text-align:center;width:128px;box-shadow:var(--sh-pop);border-radius:10px 10px 14px 14px;flex:none;margin-right:-22px;padding:28px 12px 14px;position:relative;transform:rotate(-7deg)}
.tvm-tag:before{content:"";border:2px solid var(--border-strong);border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:9px;left:50%}
.tvm-tag b{letter-spacing:-.03em;color:var(--ink);font-size:42px;font-weight:900;line-height:1;display:block}
.tvm-tag small{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-size:10.5px;font-weight:700;display:block}
.tvm-pic{width:62%;max-width:340px}
.tvm-cap{text-align:center;color:var(--ink-2);margin-top:6px;padding-left:106px;font-size:14px}
.ss-pic{background:var(--surface);border-radius:16px;align-items:center;width:100%;margin-bottom:18px;padding:8px;display:flex}
[data-motion] .mm-cnt{display:inline-block;position:relative}
.pc-sr,.pc-rows .pc-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.mk-page .shead:has(+.pc){margin-bottom:var(--head-gap)}
.pc .pc-bar{flex-direction:column;align-items:center;margin:4px 0 36px;display:flex}
.pc .pc-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;gap:2px;padding:4px;display:inline-flex}
.pc .pc-toggle button{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 18px;font-size:13.5px;font-weight:700}
.pc .pc-toggle button[aria-pressed=true]{background:var(--paper);color:var(--brand);box-shadow:var(--sh-xs)}
.pc .pc-toggle button:focus-visible,.pc .pc-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.pc .pc-trust{text-align:center;color:var(--ink-2);margin:10px auto 0;font-size:13px;font-weight:600}
.pc .pc-tabs{display:none}
.pc .pc-grid{column-gap:var(--grid-gap);grid-template-rows:repeat(15,auto);grid-template-columns:repeat(4,minmax(0,1fr));row-gap:0;display:grid}
.pc .pc-grid[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin:0 auto}
.pc .pc-card{grid-template-rows:subgrid;background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);grid-row:span 15;min-width:0;padding:26px 22px 22px;display:grid;position:relative}
.pc .pc-card.pop{box-shadow:0 0 0 2px var(--brand), var(--sh-card);border-color:#0000}
.pc .pc-badge{background:var(--brand);color:var(--paper);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:4px 13px;font-size:11px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}
.pc .pc-name{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin:0;font-size:13px;font-weight:800}
.pc .pc-for{color:var(--ink);margin:6px 0 0;font-size:14px;font-weight:700;line-height:1.35}
.pc .pc-tag{color:var(--ink-2);margin:3px 0 0;font-size:13.5px;font-weight:400;line-height:1.4}
.pc .pc-money{margin-top:16px}
.pc .pc-price{align-items:baseline;gap:3px;line-height:1;display:flex}
.pc .pc-price .cur{color:var(--ink);align-self:flex-start;margin-top:6px;font-size:20px;font-weight:800}
.pc .pc-price .amt{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:48px;font-weight:800}
.pc .pc-price .per{color:var(--ink-2);font-size:14px;font-weight:700}
.pc .pc-grid:has(.was) .pc-money{margin-top:40px}
.pc .pc-price:has(>.was){position:relative}
.pc .pc-price .was{color:var(--ink-3);font-size:18px;font-weight:700;line-height:1;position:absolute;bottom:calc(100% + 6px);left:0}
.pc .pc-billed{min-height:20px;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;font-size:13px;font-weight:600;display:flex}
.pc .pc-save{background:var(--good-soft);color:var(--ink);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:800;display:inline-block}
.pc .pc-cta{margin-top:16px}
.pc .pc-cta .btn{width:100%;height:46px;font-size:14.5px}
.pc-rows{border-top:1px solid var(--border-soft);letter-spacing:-.01em;flex-direction:column;margin:18px 0 0;padding:18px 0 0;font-family:inherit;list-style:none;display:flex}
.pc .pc-card>.pc-rows{grid-template-rows:subgrid;grid-row:span 12;display:grid}
.pc-rows .pc-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:7px 0;display:flex}
.pc-rows .pc-row:last-child{border-bottom:0}
.pc-rows .pc-row-l{min-width:0;color:var(--ink-2);flex:1;font-size:13.5px;font-weight:500;line-height:1.3}
.pc-rows .pc-row-v{text-align:right;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums;flex:none;justify-content:flex-end;align-items:center;font-size:14.5px;font-weight:800;line-height:1.3;display:inline-flex}
.pc-rows .pc-ck{width:16px;height:16px;color:var(--good);display:block}
.pc-rows .pc-dash{width:16px;height:16px;color:var(--muted);display:block}
.pc-rows .pc-group{border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;min-height:0;padding:16px 0 4px}
.pc-rows .pc-group:first-child{padding-top:0}
.pc-rows .pc-group .pc-row-l{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);flex:none;font-size:11.5px;font-weight:800;line-height:1.2}
.pc-rows .pc-per{color:var(--ink-2);margin-left:1px;font-size:11.5px;font-weight:700}
.pc-rows .pc-row.band{background:var(--surface);border-bottom-color:var(--border);margin:0 -10px;padding-left:10px;padding-right:10px}
.pc-rows .pc-group.band{border-radius:12px 12px 0 0;padding-top:12px}
.pc-rows .pc-row.band:last-child{border-bottom:0;border-radius:0 0 12px 12px;padding-bottom:9px}
.pc-rows .pc-row.band:has(+.pc-row:not(.band)){border-bottom:0;border-radius:0 0 12px 12px;padding-bottom:9px}
.pc-rows .pc-note{color:var(--ink-2);margin-top:3px;font-size:12.5px;font-weight:500;line-height:1.35;display:block}
.pc-rows[data-lit] .pc-row.band{background:var(--brand-soft);border-bottom-color:color-mix(in srgb, var(--brand) 14%, transparent)}
.pc-rows[data-lit] .pc-group.band .pc-row-l{color:var(--brand)}
.pc-rows[data-lit] .pc-note{color:var(--ink)}
.pc-rows[data-first=listings]:not([data-lit]) .pc-group.band{border-radius:12px;padding-bottom:10px}
.pc-rows .pc-i{vertical-align:middle;width:20px;height:20px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:99px;place-items:center;margin:-3px 0 -1px 2px;padding:0;display:inline-grid}
.pc-rows .pc-i svg{width:14px;height:14px;display:block}
.pc-rows .pc-i:hover,.pc-rows .pc-i[aria-expanded=true]{color:var(--brand);background:var(--brand-soft)}
.pc-rows .pc-i:focus-visible{outline:2px solid var(--brand);outline-offset:1px;color:var(--brand)}
.pc .pc-ask{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin:-10px 0 30px;display:flex}
.pc .pc-ask-q{color:var(--ink);margin-right:6px;font-size:14px;font-weight:700}
.pc .pc-ask label{border:1.5px solid var(--border-strong);border-radius:var(--r-btn);background:var(--paper);min-height:40px;color:var(--ink-2);cursor:pointer;justify-content:center;align-items:center;padding:0 16px;font-size:13.5px;font-weight:700;display:inline-flex;position:relative}
.pc .pc-ask input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}
.pc .pc-ask label[data-on]{background:var(--brand);border-color:var(--brand);color:var(--paper);box-shadow:var(--sh-xs)}
.pc .pc-ask label:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}
.pc .pc-growth{text-align:center;color:var(--ink-2);margin:22px 0 0;font-size:13.5px;line-height:1.5}
.pc .pc-ent{background:var(--paper);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:14px;padding:16px 22px;display:flex;position:relative}
.pc .pc-ent[data-hl]{box-shadow:0 0 0 2px var(--brand), var(--sh-card);border-color:#0000}
.pc .pc-ent .pc-badge{left:22px;transform:none}
.pc .pc-ent p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.4}
.pc .pc-ent b{color:var(--ink);margin-right:10px;font-weight:800}
.pc .pc-ent .btn{height:44px;padding:0 18px;font-size:14px}
.zp-ph-root{position: absolute;inset: 0;color: var(--zp-ink-app);}
.zp-ph-card{position: absolute;left: 70px;top: 60px;width: 560px;height: 292px;display: flex;align-items: center;padding: 16px;background: var(--zp-white);border: 1px solid var(--zp-card-line);border-radius: 22px;box-shadow: 0 1px 2px rgba(27,35,51,0.04),0 10px 30px rgba(249,53,73,0.06);}
.zp-ph-rv{position: relative;flex: none;width: 200px;height: 258px;border-radius: 14px;overflow: hidden;background: var(--zp-photo);border: 1px solid var(--zp-glow-line);box-shadow: var(--zp-glow);}
.zp-ph-rv img{position: absolute;inset: 0;display: block;width: 100%;height: 100%;max-width: none;object-fit: cover;}
.zp-ph-win{position: absolute;inset: 0;overflow: hidden;transform: translateX(50%);}
.zp-ph-top{transform: translateX(-50%);background: var(--zp-white);}
.zp-ph-tg{position: absolute;z-index: 3;font-size: 9px;font-weight: 800;line-height: 11px;letter-spacing: 0.06em;text-transform: uppercase;white-space: nowrap;max-width: calc(100% - 16px);overflow: hidden;text-overflow: ellipsis;padding: 3px 7px;border-radius: 999px;background: rgba(255,255,255,0.92);color: var(--zp-ink-app);box-shadow: 0 1px 3px rgba(27,35,51,0.14);}
.zp-ph-tl{left: 8px;top: 8px;}
.zp-ph-tr{right: 8px;bottom: 8px;}
.zp-ph-div{position: absolute;inset: 0;z-index: 2;transform: translateX(50%);pointer-events: none;}
.zp-ph-ln{position: absolute;top: 0;bottom: 0;left: 0;width: 2px;margin-left: -1px;background: var(--zp-white);box-shadow: 0 0 6px rgba(0,0,0,0.25);}
.zp-ph-hd{position: absolute;top: 50%;left: 0;width: 28px;height: 28px;margin: -14px 0 0 -14px;border-radius: 50%;background: var(--zp-white);color: var(--zp-ink-app);box-shadow: 0 2px 8px rgba(0,0,0,0.25);display: grid;place-items: center;}
.zp-ph-hd svg{width: 14px;height: 14px;}
.zp-ph-shots{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 8px;padding-left: 16px;}
.zp-ph-hd3{font-size: 12.5px;font-weight: 800;line-height: 16px;color: var(--zp-ink);}
.zp-ph-hd3 small{display: block;margin-top: 1px;font-size: 10.5px;line-height: 14px;font-weight: 600;color: var(--zp-ink3);}
.zp-ph-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;}
.zp-ph-grid figure{position: relative;margin: 0;height: 96px;border-radius: 10px;overflow: hidden;border: 1px solid var(--zp-line);background: var(--zp-soft);}
.zp-ph-grid img{display: block;width: 100%;height: 100%;max-width: none;object-fit: cover;object-position: 50% 20%;}
.zp-ph-grid figcaption{position: absolute;left: 6px;bottom: 6px;max-width: calc(100% - 12px);font-size: 9px;font-weight: 800;line-height: 11px;padding: 2px 6px;border-radius: 999px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: rgba(255,255,255,0.92);color: var(--zp-ink-app);}
[data-mv] .zp-ph-win,[data-mv] .zp-ph-div{animation: zp-ph-rvWin 9s cubic-bezier(0.45,0,0.2,1) infinite;}
[data-mv] .zp-ph-top{animation: zp-ph-rvImg 9s cubic-bezier(0.45,0,0.2,1) infinite;}
.zp-ph-root[data-moment="before"] .zp-ph-win,.zp-ph-root[data-moment="before"] .zp-ph-div{transform: translateX(92%);}
.zp-ph-root[data-moment="before"] .zp-ph-top{transform: translateX(-92%);}
.zp-ph-root[data-moment="after"] .zp-ph-win,.zp-ph-root[data-moment="after"] .zp-ph-div{transform: translateX(8%);}
.zp-ph-root[data-moment="after"] .zp-ph-top{transform: translateX(-8%);}
@media (max-width:900px){
  .mk-page .g3{grid-template-columns:1fr 1fr}
  .hero-grid,.revfeat,.feat,.feat.flip .feat-copy{grid-template-columns:1fr}
  .feat.flip .feat-copy{order:0}
  .hero-copy{order:1}
  .hero-visual{order:2}
  .steps2 .track{grid-template-columns:1fr}
  .steps2 .track:before,.steps2 .track:after{display:none}
}
@media (max-width:560px){
  .mk-page .g3,.mk-page .g2{grid-template-columns:1fr}
  #sz-home .miy-widget .cl-wbody{gap:14px;padding:16px}
  #sz-home .miy-widget .cl-sztable{font-size:13px}
  #sz-home .miy-widget .cl-sztable th,.miy-widget .cl-sztable td{padding:8px 10px}
  .miy-widget .cl-hide-sm{display:none}
  .revstrip{grid-template-columns:1fr}
  .twall .t{background:#fff;width:96px;height:96px;padding:0}
  .tvm-tag{width:96px;margin-right:-10px;padding:22px 8px 11px}
  .tvm-tag b{font-size:32px}
  .tvm-tag small{margin-top:4px;font-size:9px}
  .tvm-pic{flex:1;width:auto;max-width:260px}
  .tvm-cap{padding-left:86px}
}
@media (max-width:720px){
  .mk-page .faq-list{max-width:var(--container-narrow);grid-template-columns:1fr}
}
@media (max-width:820px){
  .mk-page .plansband{grid-template-columns:1fr}
}
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr}
}
@media (min-width:961px){
  .hero-visual{margin-right:calc(-1 * clamp(0px, (100vw - var(--container)) / 2, 80px))}
}
@media (prefers-reduced-motion:reduce){
  .cl-line,.cl-mk,.cl-sztable td .cv,.cl-sztable td .sk{transition:none}
  .cl-mk,.cl-sztable td .cv{opacity:1}
  #sz-home .cl-sztable td .sk{display:none}
  #sz-home .cl-widget.themed,.cl-widget.themed *{transition:none}
  .tray-track,.s2-line,.s2b,.s2b .vv,.s2-unit span,.s3-arrow svg,.s3-item .s3-line,.steps2 .track:after,.twall-row,.marquee__track,.s3-vtrack{animation:none!important}
  .s2-line{stroke-dashoffset:0}
  .s2b{opacity:1}
  .s3-item .s3-line{stroke-dashoffset:0}
  .hc-slide{transition:none}
  .hc-pg{display:none}
}
@media (max-width:620px){
  .dsheet{border-radius:0;width:100vw;height:100dvh;max-height:none;top:0;left:0;transform:none}
  .dsheet.show{transform:none}
  .dshead{padding:16px}
  .dsfilters,.dfacets,.dsbody,.dsfoot{padding-left:16px;padding-right:16px}
  .dssearch{order:3;width:100%;max-width:none;margin-left:0}
  .dflabel{width:34px}
  .dslegend{display:none}
}
@media (max-width:760px){
  .cmp-pick{display:flex}
  .cmp table{min-width:0}
  .cmpscroll{overflow-x:visible}
  .cmp thead th:nth-child(n+2),.cmp tbody td:nth-child(n+2){display:none}
  .cmp.p-free thead th:nth-child(2),.cmp.p-free tbody td:nth-child(2),.cmp.p-pro thead th:nth-child(3),.cmp.p-pro tbody td:nth-child(3),.cmp.p-store thead th:nth-child(4),.cmp.p-store tbody td:nth-child(4),.cmp.p-brand thead th:nth-child(5),.cmp.p-brand tbody td:nth-child(5),.cmp .grp td{display:table-cell}
  .cmp tbody td.pop{background:0 0}
  .hp-paths,.hp-grid{grid-template-columns:1fr}
  .hp-grid-store{grid-auto-rows:auto}
}
@media (prefers-reduced-motion:no-preference){
  .vp-ret-sel:after{animation:5s infinite vpStrike}
  .mm-motion .mm-cnt[data-run] .mm-cnt-v{opacity:0}
}
@media (max-width:1100px){
  .vp-tip{max-width:150px;left:48px}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  [data-motion] :is(.btn-primary,.mm-cta):hover{translate:0 -2px;box-shadow:0 10px 22px -10px #F9354999}
}
@media (prefers-reduced-motion:reduce),print{
  .mm-motion .mm-rv:not(.in),.mm-motion .mm-rvg:not(.in)>*,.mm-motion .mm-cnt[data-run] .mm-cnt-v{opacity:1!important}
}
@media (min-width:1041px) and (max-width:1119.98px){
  .pc .pc-grid:has(.was) .pc-price .amt{font-size:42px}
}
@media (min-width:620px){
  [data-pc-app-grid]>[data-plan-card]>.pc-rows{grid-template-rows:subgrid;grid-row:span 12;display:grid}
}
@media (max-width:1040px){
  .pc .pc-grid{grid-template-rows:repeat(30,auto);grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc .pc-card{padding:20px}
  .pc .pc-card:nth-child(-n+2){margin-bottom:var(--grid-gap)}
  .pc .pc-grid[data-n="3"]{gap:var(--grid-gap);flex-direction:column;max-width:520px;display:flex}
  .pc .pc-grid[data-n="3"] .pc-card{flex-direction:column;margin:0;display:flex}
  .pc .pc-grid[data-n="3"] .pc-rows{flex-direction:column;display:flex}
}
@media (max-width:640px){
  .pc .pc-bar{margin-bottom:24px}
  .pc .pc-tabs{top:var(--header-h);z-index:2;background:var(--paper);border-bottom:1px solid var(--border);gap:6px;margin:0 0 18px;padding:8px;display:flex;position:sticky}
  .pc .pc-tabs button{border:1.5px solid var(--border-strong);background:var(--surface);min-width:0;min-height:44px;color:var(--ink-2);cursor:pointer;border-radius:10px;flex:1;padding:6px 4px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.2}
  .pc .pc-tabs button .pr{margin-top:2px;font-size:12px;font-weight:600;display:block}
  .pc .pc-tabs button .cap{letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:800;display:block}
  .pc .pc-tabs button[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:var(--paper);box-shadow:var(--sh-xs)}
  .pc .pc-grid,.pc .pc-grid[data-n="3"]{max-width:none;display:block}
  .pc .pc-card,.pc .pc-grid[data-n="3"] .pc-card{flex-direction:column;margin:0;padding:22px 20px 20px;display:flex}
  .pc[data-js] .pc-card:not([data-active]){display:none}
  .pc .pc-card>.pc-rows{flex-direction:column;display:flex}
  .pc .pc-ask{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;margin:-4px 0 22px;display:grid}
  .pc .pc-ask-q{text-align:center;grid-column:1/-1;margin:0 0 2px}
  .pc .pc-ask label{text-align:center;min-height:54px;padding:6px 8px;font-size:13px;line-height:1.25}
  .pc .pc-ent{padding:14px 16px}
  .pc .pc-ent .pc-badge{left:16px}
  .pc .pc-ent .btn{width:100%}
}
@keyframes marq{0%{transform:translate(0)}to{transform:translate(calc(-50% - 8px))}}
@keyframes clShim{0%{background-position:200% 0}to{background-position:-200% 0}}
@keyframes stepflow{0%{opacity:0;left:9%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:87%}}
@keyframes trayscroll{to{transform:translate(-50%)}}
@keyframes s2pop{0%,12%{opacity:0;transform:translateY(5px)scale(.92)}24%,92%{opacity:1;transform:none}97%,to{opacity:0}}
@keyframes s2pop2{0%,26%{opacity:0;transform:translateY(5px)scale(.92)}38%,92%{opacity:1;transform:none}97%,to{opacity:0}}
@keyframes s2draw{0%,6%{stroke-dashoffset:1px}20%,90%{stroke-dashoffset:0}97%,to{stroke-dashoffset:1px}}
@keyframes s2draw2{0%,22%{stroke-dashoffset:1px}34%,90%{stroke-dashoffset:0}97%,to{stroke-dashoffset:1px}}
@keyframes s2vIn{0%,48%{opacity:1}53%,to{opacity:0}}
@keyframes s2vCm{0%,50%{opacity:0}55%,66%{opacity:1}71%,to{opacity:0}}
@keyframes s2vBoth{0%,68%{opacity:0}73%,88%{opacity:1}93%,to{opacity:0}}
@keyframes s2uIn{0%,48%{color:var(--brand);box-shadow:var(--sh-xs);background:#fff}53%,to{color:var(--ink-3);box-shadow:none;background:0 0}}
@keyframes s2uCm{0%,50%{color:var(--ink-3);box-shadow:none;background:0 0}55%,66%{color:var(--brand);box-shadow:var(--sh-xs);background:#fff}71%,to{color:var(--ink-3);box-shadow:none;background:0 0}}
@keyframes s2uBoth{0%,68%{color:var(--ink-3);box-shadow:none;background:0 0}73%,88%{color:var(--brand);box-shadow:var(--sh-xs);background:#fff}93%,to{color:var(--ink-3);box-shadow:none;background:0 0}}
@keyframes s3draw{0%,9%{stroke-dashoffset:1px}26%,90%{stroke-dashoffset:0}97%,to{stroke-dashoffset:1px}}
@keyframes s3nudge{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}
@keyframes s3vscroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes wallL{to{transform:translate(-50%)}}
@keyframes wallR{0%{transform:translate(-50%)}to{transform:translate(0)}}
@keyframes hcProg{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes vpStrike{0%,15%{transform:scaleX(0)}30%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes marq{0%{transform:translate(0)}to{transform:translate(calc(-50% - 8px))}}
@keyframes clShim{0%{background-position:200% 0}to{background-position:-200% 0}}
@keyframes stepflow{0%{opacity:0;left:9%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:87%}}
@keyframes trayscroll{to{transform:translate(-50%)}}
@keyframes s2pop{0%,12%{opacity:0;transform:translateY(5px)scale(.92)}24%,92%{opacity:1;transform:none}97%,to{opacity:0}}
@keyframes s2pop2{0%,26%{opacity:0;transform:translateY(5px)scale(.92)}38%,92%{opacity:1;transform:none}97%,to{opacity:0}}
@keyframes s2draw{0%,6%{stroke-dashoffset:1px}20%,90%{stroke-dashoffset:0}97%,to{stroke-dashoffset:1px}}
@keyframes s2draw2{0%,22%{stroke-dashoffset:1px}34%,90%{stroke-dashoffset:0}97%,to{stroke-dashoffset:1px}}
@keyframes s2vIn{0%,48%{opacity:1}53%,to{opacity:0}}
@keyframes s2vCm{0%,50%{opacity:0}55%,66%{opacity:1}71%,to{opacity:0}}
@keyframes s2vBoth{0%,68%{opacity:0}73%,88%{opacity:1}93%,to{opacity:0}}
@keyframes s2uIn{0%,48%{color:var(--brand);box-shadow:var(--sh-xs);background:#fff}53%,to{color:var(--ink-3);box-shadow:none;background:0 0}}
@keyframes s2uCm{0%,50%{color:var(--ink-3);box-shadow:none;background:0 0}55%,66%{color:var(--brand);box-shadow:var(--sh-xs);background:#fff}71%,to{color:var(--ink-3);box-shadow:none;background:0 0}}
@keyframes s2uBoth{0%,68%{color:var(--ink-3);box-shadow:none;background:0 0}73%,88%{color:var(--brand);box-shadow:var(--sh-xs);background:#fff}93%,to{color:var(--ink-3);box-shadow:none;background:0 0}}
@keyframes s3draw{0%,9%{stroke-dashoffset:1px}26%,90%{stroke-dashoffset:0}97%,to{stroke-dashoffset:1px}}
@keyframes s3nudge{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}
@keyframes s3vscroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes wallL{to{transform:translate(-50%)}}
@keyframes wallR{0%{transform:translate(-50%)}to{transform:translate(0)}}
@keyframes hcProg{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes vpStrike{0%,15%{transform:scaleX(0)}30%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}