/* [2026-09-01] v36 from Views/Mall/Valuation.cshtml inline <style>, moved into 2026814 dir */
/* ============================================================
   估价页 v3：极简表单 → 雷达扫描 → 估价结果（三段式）
   对齐真实站点 www.letaojiashop.com/valuation.html 简化流程
   ============================================================ */
  /* ---------- 页面背景科技网格 ---------- */
.phone{
  background:
    linear-gradient(rgba(241,85,0,.035) 0.010rem,transparent 0.010rem),
    linear-gradient(90deg,rgba(241,85,0,.035) 0.010rem,transparent 0.010rem),
    var(--bg);
  background-size:0.260rem 0.260rem,0.260rem 0.260rem,100% 100%;
}

/* ---------- 入场动画 ---------- */
@keyframes rise-in{from{opacity:0;transform:translateY(0.160rem)}to{opacity:1;transform:translateY(0)}}
.val-hero,.val-form,.val-proof{animation:rise-in .55s cubic-bezier(.33,1,.68,1) both}
.val-form{animation-delay:.12s}
.val-proof{animation-delay:.24s}

/* ---------- Hero ---------- */
 .val-hero{
  position:relative;overflow:hidden;
  margin:0.120rem 0.140rem 0;border-radius:0.140rem;color:#fff;
  background:linear-gradient(135deg,#ff8a3d 0%,#f15500 40%,#d93f00 70%,#b53400 100%);
  background-size:200% 200%;
  animation:hero-flow 6s ease-in-out infinite;
  box-shadow:0 0.060rem 0.200rem rgba(241,85,0,.28);
  padding:0.240rem 0.160rem 0.180rem;
}
@keyframes hero-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
 .val-hero::before{
  content:"";position:absolute;right:-0.260rem;top:-0.360rem;
  width:1.100rem;height:1.100rem;border-radius:50%;background:rgba(255,255,255,.14);
  animation:hero-glow 3s ease-in-out infinite;
}
@keyframes hero-glow{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.25);opacity:1}}
.val-hero::after{
  content:"";position:absolute;left:-0.200rem;bottom:-0.300rem;
  width:0.800rem;height:0.800rem;border-radius:50%;background:rgba(255,255,255,.08);
}
.val-hero h1{
  font-size:0.190rem;font-weight:800;letter-spacing:.0.050rem;
  display:flex;align-items:center;gap:0.080rem;position:relative;z-index:1;
}
 .val-hero p{font-size:0.140rem;color:rgba(255,255,255,.92);margin-top:0.080rem;line-height:1.6;position:relative;z-index:1}
 .val-float{
  position:absolute;font-size:0.170rem;color:rgba(255,255,255,.5);
  animation:float-y 3s ease-in-out infinite;pointer-events:none;z-index:1;
}
@keyframes float-y{0%,100%{transform:translateY(0)}50%{transform:translateY(-0.080rem)}}
/* HUD 四角框 */
.hud-corner{position:absolute;width:0.150rem;height:0.150rem;border:0.020rem solid rgba(255,255,255,.6);z-index:2;pointer-events:none}
.hc-tl{left:0.080rem;top:0.080rem;border-right:none;border-bottom:none}
.hc-tr{right:0.080rem;top:0.080rem;border-left:none;border-bottom:none}
.hc-bl{left:0.080rem;bottom:0.080rem;border-right:none;border-top:none}
.hc-br{right:0.080rem;bottom:0.080rem;border-left:none;border-top:none}
/* Hero 内扫描线 */
.hero-scan{
  position:absolute;left:0;right:0;height:0.020rem;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  animation:hero-scan 3.2s ease-in-out infinite;
}
@keyframes hero-scan{0%{top:10%}50%{top:88%}100%{top:10%}}
/* HUD 数据标签 */
.hero-hud{
  position:absolute;z-index:2;pointer-events:none;
  font-size:0.120rem;letter-spacing:0.022rem;color:rgba(255,255,255,.55);
  font-family:Consolas,Menlo,monospace;
  animation:hud-blink 2.4s ease-in-out infinite;
}
@keyframes hud-blink{0%,100%{opacity:.45}50%{opacity:1}}
.val-points{
  display:flex;margin-top:0.130rem;padding-top:0.120rem;
  border-top:0.010rem dashed rgba(255,255,255,.32);position:relative;z-index:1;
}
.val-points .vp{flex:1;text-align:center}
.val-points .vp + .vp{border-left:0.010rem solid rgba(255,255,255,.25)}
/* [2026-08-31] Hero 特性图标换 Phosphor Duotone 内嵌 SVG（fill=currentColor 继承白色，双色层有质感） */
.val-points .vp svg{width:0.200rem;height:0.200rem;display:block;margin:0 auto}
.val-points .vp b{display:block;font-size:0.130rem;font-weight:700;margin-top:0.050rem}
.val-points .vp span{font-size:0.120rem;color:rgba(255,255,255,.85);margin-top:0.020rem;display:block}

/* ---------- 极简表单 ---------- */
.val-form{margin:0.120rem 0.140rem 0}
.val-plat{display:flex;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:0.040rem;margin-bottom:0.100rem;border:0.010rem solid var(--line)}
.val-plat .vp2{
  flex:1;text-align:center;padding:0.090rem 0;border-radius:0.090rem;
  font-size:0.140rem;color:var(--ink-2);transition:all .2s;
  display:flex;align-items:center;justify-content:center;gap:0.040rem;
}
/* [2026-08-31] 平台 tab 图标换 Phosphor Duotone 内嵌 SVG（fill=currentColor，选中态自动继承品牌橙） */
.val-plat .vp2 svg{width:0.180rem;height:0.180rem;flex-shrink:0}
.val-plat .vp2.on{background:var(--brand-soft);color:var(--brand);font-weight:700}
.val-box{
  background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);
  padding:0.160rem 0.140rem;border:0.010rem solid var(--line);
}
 .val-input-wrap{
  position:relative;display:flex;align-items:center;gap:0.080rem;
  background:var(--bg);border-radius:0.100rem;padding:0 0.120rem;
  border:0.015rem solid var(--line);transition:border .2s,box-shadow .2s;
}
.val-input-wrap::after{
  content:"";position:absolute;left:0.080rem;right:0.080rem;bottom:-0.020rem;height:0.020rem;
  border-radius:0.010rem;
  background:linear-gradient(90deg,transparent,var(--brand),transparent);
  transform:scaleX(0);transition:transform .35s;
}
.val-input-wrap:focus-within::after{transform:scaleX(1)}
.val-input-wrap:focus-within{box-shadow:0 0 0 0.030rem rgba(241,85,0,.08)}
.val-input-wrap:focus-within{border-color:var(--brand)}
.val-input-wrap .ic{font-size:0.170rem;color:var(--ink-3)}
.val-input-wrap input{
  flex:1;height:0.440rem;border:none;background:transparent;outline:none;
  font-size:0.150rem;color:var(--ink);font-family:var(--font);
}
.val-input-wrap input::placeholder{color:var(--ink-3)}
.val-sub{
  width:100%;margin-top:0.120rem;display:flex;align-items:center;justify-content:center;gap:0.060rem;
  min-height:0.320rem;padding:0.140rem 0;border:none;border-radius:0.320rem;cursor:pointer;   /* [2026-09-01] v31 圆角 0.120→0.320（用户指定） */
  font-size:0.170rem;font-weight:800;color:#fff;letter-spacing:0.020rem;
  background:linear-gradient(135deg,#ff7a2e,var(--brand));
  box-shadow:0 0.060rem 0.160rem rgba(241,85,0,.3);
}
  .val-sub:active{transform:scale(.97);opacity:.9}
.val-sub{position:relative;overflow:hidden}
.val-sub::after{
  content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);
  animation:btn-sheen 2.6s ease-in-out infinite;
}
@keyframes btn-sheen{0%{left:-60%}60%,100%{left:135%}}
.val-sub{animation:btn-pulse 2.2s ease-in-out infinite}
@keyframes btn-pulse{
  0%,100%{box-shadow:0 0.060rem 0.160rem rgba(241,85,0,.3)}
  50%{box-shadow:0 0.060rem 0.260rem rgba(241,85,0,.55)}
}
.val-sub .ic{font-size:0.190rem}
.val-note{
  display:flex;align-items:center;justify-content:center;gap:0.050rem;
  font-size:0.130rem;color:var(--ink-3);margin-top:0.110rem;
}
.val-note .ic{font-size:0.140rem;color:var(--green)}

/* ---------- 社会证明：已估价人数 + 案例 ---------- */
.val-proof{
  margin:0.120rem 0.140rem 0;background:var(--card);border-radius:var(--r);
  box-shadow:var(--shadow);padding:0.130rem 0.140rem;border:0.010rem solid var(--line);
}
.val-proof-head{display:flex;align-items:center;gap:0.080rem}
.val-proof-head .pp-ic{
  width:0.280rem;height:0.280rem;border-radius:0.080rem;flex-shrink:0;
  background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:0.170rem;
}
.val-proof-head b{font-size:0.140rem;font-weight:800}
.val-proof-head b em{color:var(--brand);font-style:normal;font-size:0.170rem}
.val-proof-head span{font-size:0.120rem;color:var(--ink-3);margin-left:auto}
 .case-view{
  margin-top:0.080rem;border-top:0.010rem dashed var(--line);
  height:1.320rem;overflow:hidden;position:relative;
}
.case-view::after{
  content:"";position:absolute;left:0;right:0;top:0;height:0.160rem;
  background:linear-gradient(180deg,var(--card),transparent);z-index:2;pointer-events:none;
}
.case-track{display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.33,1,.68,1)}
.case-list{margin-top:0.100rem;border-top:0.010rem dashed var(--line);padding-top:0.040rem}
.case-item{
  display:flex;align-items:center;gap:0.080rem;padding:0.080rem 0;
  font-size:0.140rem;color:var(--ink-2);
}
.case-item + .case-item{border-top:0.010rem dashed var(--line)}
.case-item .c-name{width:0.760rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}
.case-item .c-cat{
  flex-shrink:0;font-size:0.120rem;color:var(--blue);
  background:var(--blue-soft);border-radius:0.040rem;padding:0.010rem 0.050rem;
}
.case-item .c-account{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-size:0.130rem}
.case-item .c-time{flex-shrink:0;color:var(--ink-3);font-size:0.120rem}
.case-item .c-price{
  flex-shrink:0;font-weight:800;color:var(--brand);font-size:0.140rem;
  font-variant-numeric:tabular-nums;
}

/* ============================================================
   雷达扫描（全屏覆盖层）
   ============================================================ */
  .scan-mask{
  position:fixed;inset:0;z-index:100;display:none;
  background:
    linear-gradient(rgba(241,85,0,.05) 0.010rem,transparent 0.010rem),
    linear-gradient(90deg,rgba(241,85,0,.05) 0.010rem,transparent 0.010rem),
    linear-gradient(180deg,#1a1c22,#14161b);
  background-size:0.280rem 0.280rem,0.280rem 0.280rem,100% 100%;
  overflow:hidden;
}
.scan-particle{
  position:absolute;width:0.030rem;height:0.030rem;border-radius:50%;
  background:rgba(255,138,61,.7);box-shadow:0 0 0.060rem rgba(255,138,61,.5);
  animation:part-up 2.8s linear infinite;pointer-events:none;z-index:1;
}
@keyframes part-up{
  0%{transform:translateY(0);opacity:0}
  15%{opacity:1}
  85%{opacity:1}
  100%{transform:translateY(-0.700rem);opacity:0}
}
.scan-mask.show{display:flex;flex-direction:column;align-items:center;justify-content:center}
/* 雷达主体 */
.radar-wrap{position:relative;width:1.900rem;height:1.900rem;margin-top:-0.400rem}
 .radar-wave{
  position:absolute;inset:0;border-radius:50%;
  border:0.010rem solid rgba(241,85,0,.45);
  animation:wave-out 2.4s ease-out infinite;
  pointer-events:none;
}
@keyframes wave-out{0%{transform:scale(.55);opacity:.95}100%{transform:scale(1);opacity:0}}
.radar-dot{
  position:absolute;width:0.050rem;height:0.050rem;border-radius:50%;
  background:#ff8a3d;box-shadow:0 0 0.080rem rgba(255,138,61,.9);
  animation:dot-blink 1.2s ease-in-out infinite;pointer-events:none;
}
@keyframes dot-blink{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.radar-core .ic{animation:core-spin 6s linear infinite}
@keyframes core-spin{to{transform:rotate(360deg)}}
.radar{
  position:absolute;inset:0;border-radius:50%;
  border:0.010rem solid rgba(241,85,0,.35);
  background:
    radial-gradient(circle,rgba(241,85,0,.08) 0 33.3%,transparent 33.4%),
    radial-gradient(circle,rgba(241,85,0,.08) 0 66.6%,transparent 66.7%);
}
/* 扫描扇形 */
.radar::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(241,85,0,.5),rgba(241,85,0,.08) 40deg,transparent 75deg);
  animation:radar-rot 1.5s linear infinite;
}
/* 扫描线 */
.radar::after{
  content:"";position:absolute;left:50%;top:50%;width:50%;height:0.015rem;
  background:linear-gradient(90deg,var(--brand),rgba(241,85,0,0));
  transform-origin:0 0;
  animation:radar-rot 1.5s linear infinite;
}
@keyframes radar-rot{to{transform:rotate(360deg)}}
/* 中心店铺图标 */
.radar-core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:0.560rem;height:0.560rem;border-radius:50%;z-index:2;
  background:#262a33;border:0.020rem solid rgba(241,85,0,.6);
  display:flex;align-items:center;justify-content:center;
  color:#ff9a5c;font-size:0.270rem;
  box-shadow:0 0 0.240rem rgba(241,85,0,.35);
}
.radar-core::before{
  content:"";position:absolute;inset:-0.120rem;border-radius:50%;
  border:0.010rem dashed rgba(241,85,0,.4);
  animation:core-pulse 1.5s ease-out infinite;
}
@keyframes core-pulse{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.35);opacity:0}}
/* 扫描状态文字 */
.scan-title{margin-top:0.270rem;font-size:0.170rem;font-weight:800;color:#fff;letter-spacing:.0.060rem}
 .scan-step{
  margin-top:0.110rem;height:0.210rem;font-size:0.140rem;color:rgba(255,255,255,.65);
  display:flex;align-items:center;gap:0.060rem;
}
.scan-step #scanStepTxt::after{content:"▍";margin-left:0.020rem;animation:caret-blink .8s step-end infinite;color:#ff8a3d}
@keyframes caret-blink{50%{opacity:0}}
.scan-step .ic{font-size:0.150rem;color:#ff9a5c}
.scan-dots{display:flex;gap:0.050rem;margin-top:0.220rem}
.scan-dots i{
  width:0.060rem;height:0.060rem;border-radius:50%;background:rgba(255,255,255,.25);
  transition:all .3s;
}
.scan-dots i.on{background:var(--brand);box-shadow:0 0 0.080rem rgba(241,85,0,.8)}
.scan-tip{margin-top:0.190rem;font-size:0.130rem;color:rgba(255,255,255,.4);letter-spacing:0.020rem}

/* ============================================================
   估价结果
   ============================================================ */
.result-wrap{display:none;margin:0.120rem 0.140rem 0}
/* 估价金额卡 */
.res-price{
  background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);
  padding:0.200rem 0.160rem;text-align:center;border:0.010rem solid var(--line);
  position:relative;overflow:hidden;
}
 .res-price::before{
  content:"";position:absolute;right:-0.300rem;top:-0.300rem;width:0.900rem;height:0.900rem;
  border-radius:50%;background:var(--brand-soft);
}
.res-price::after{
  content:"";position:absolute;left:-60%;top:0;width:45%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(241,85,0,.06),transparent);
  animation:sheen-sweep 3.2s ease-in-out infinite;pointer-events:none;
}
@keyframes sheen-sweep{0%{left:-60%}60%,100%{left:120%}}
.res-price .rp-label{font-size:0.140rem;color:var(--ink-3);letter-spacing:0.020rem}
.res-price .rp-num{
  margin-top:0.070rem;font-size:0.390rem;font-weight:900;color:var(--brand);
  font-variant-numeric:tabular-nums;line-height:1.2;
}
.res-price .rp-num small{font-size:0.170rem;font-weight:800;margin-right:0.030rem}
.res-price .rp-desc{font-size:0.130rem;color:var(--ink-2);margin-top:0.070rem}
.res-price .rp-tag{
  display:inline-flex;align-items:center;gap:0.040rem;margin-top:0.100rem;
  font-size:0.130rem;color:var(--green);background:var(--green-soft);
  border-radius:0.100rem;padding:0.030rem 0.100rem;font-weight:600;
}
.res-price .rp-tag .ic{font-size:0.140rem}
/* 维度评分 */
.res-dim{margin-top:0.100rem;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:0.140rem;border:0.010rem solid var(--line)}
.rd-title{display:flex;align-items:center;gap:0.080rem;font-size:0.150rem;font-weight:700;margin-bottom:0.130rem}
.rd-title .rd-ic{
  width:0.240rem;height:0.240rem;border-radius:0.070rem;
  background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:0.140rem;
}
.dim-item{padding:0.090rem 0}
.dim-item + .dim-item{border-top:0.010rem dashed var(--line)}
.dim-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.060rem}
.dim-top span{font-size:0.140rem;color:var(--ink-2)}
.dim-top b{font-size:0.140rem;font-weight:800}
.dim-bar{height:0.050rem;border-radius:0.030rem;background:var(--line);overflow:hidden}
.dim-bar i{display:block;height:100%;border-radius:0.030rem;background:linear-gradient(90deg,var(--brand-2),var(--brand))}
.dim-note{font-size:0.120rem;color:var(--ink-3);margin-top:0.060rem;display:flex;align-items:center;gap:0.040rem}
.dim-note .ic{font-size:0.130rem;color:var(--green)}
/* 因素 */
.res-factor{margin-top:0.100rem;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:0.140rem;border:0.010rem solid var(--line)}
.factor-item{display:flex;align-items:center;gap:0.090rem;padding:0.090rem 0;font-size:0.140rem;color:var(--ink-2)}
.factor-item + .factor-item{border-top:0.010rem dashed var(--line)}
.factor-item .fi-ic{
  width:0.240rem;height:0.240rem;border-radius:0.070rem;flex-shrink:0;
  background:var(--bg);display:flex;align-items:center;justify-content:center;
  font-size:0.140rem;color:var(--ink-2);
}
.factor-item b{color:var(--ink);font-weight:700}
.factor-item .fi-val{margin-left:auto;font-weight:800;color:var(--brand);font-size:0.140rem}
/* 顾问 CTA */
.res-kf{margin-top:0.100rem;background:linear-gradient(135deg,#ff8a3d,#f15500);border-radius:var(--r);padding:0.160rem;color:#fff;display:flex;align-items:center;gap:0.120rem}
.res-kf .rk-avatar{
  width:0.440rem;height:0.440rem;border-radius:50%;flex-shrink:0;
  background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;
  font-size:0.190rem;font-weight:800;border:0.020rem solid rgba(255,255,255,.4);
}
.res-kf .rk-txt{flex:1;min-width:0}
.res-kf .rk-txt b{font-size:0.140rem;font-weight:800;display:block}
.res-kf .rk-txt span{font-size:0.130rem;color:rgba(255,255,255,.9);display:block;margin-top:0.040rem}
.res-kf .rk-btn{
  flex-shrink:0;font-size:0.140rem;font-weight:800;color:var(--brand);
  background:#fff;border:none;border-radius:0.200rem;padding:0.090rem 0.160rem;cursor:pointer;
}
.res-kf .rk-btn:active{transform:scale(.95)}
.res-actions{display:flex;gap:0.100rem;margin-top:0.120rem}
.res-actions .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.060rem;font-size:0.140rem;font-weight:700;border-radius:0.130rem;padding:0.130rem 0;cursor:pointer}
.res-again{background:var(--card);color:var(--ink-2);border:0.010rem solid var(--line)}
.res-call{background:linear-gradient(135deg,#ff7a2e,var(--brand));color:#fff;box-shadow:0 0.040rem 0.120rem rgba(241,85,0,.25)}