@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=ZCOOL+XiaoWei&display=swap');

:root{
  --bg:#09080d;
  --bg2:#12101a;
  --panel:rgba(22,18,32,.92);
  --line:rgba(167,139,250,.16);
  --text:#f4f0fa;
  --muted:#9b93ad;
  --brand:#8b6ad4;
  --brand2:#6b4bb8;
  --brand-soft:rgba(139,106,212,.18);
  --ok:#3ecf8e;
  --danger:#f071a8;
  --radius:16px;
  --font-display:"ZCOOL XiaoWei","Noto Sans SC",serif;
  --font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --shadow:0 28px 80px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  overflow-x:hidden;
  max-width:100%;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;color:var(--text);font-family:var(--font-body);
  background:var(--bg);min-height:100vh;position:relative;
  overflow-x:hidden;max-width:100%;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(900px 520px at 12% -8%, rgba(139,106,212,.32), transparent 58%),
    radial-gradient(700px 480px at 92% 8%, rgba(80,60,140,.22), transparent 55%),
    radial-gradient(640px 420px at 70% 110%, rgba(62,207,142,.08), transparent 50%),
    linear-gradient(180deg,#09080d 0%, #0e0c14 48%, #09080d 100%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(1120px, calc(100% - 2rem));margin:0 auto;max-width:100%}
.muted{color:var(--muted)}

.site-top{
  position:sticky;top:0;z-index:50;
}
.site-header{
  position:relative;z-index:1;
  backdrop-filter:blur(16px) saturate(1.2);
  background:rgba(9,8,13,.78);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;min-width:0;max-width:calc(100% - 56px)}
.brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(139,106,212,.45));flex-shrink:0}
.brand span{font-family:var(--font-display);font-size:1.28rem;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-toggle{
  display:none;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);color:#fff;font-size:1.15rem;cursor:pointer;flex-shrink:0;
}
.nav-backdrop{display:none;position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.45)}
.nav-links{
  display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:flex-end;
  position:absolute;top:0;left:0;right:0;z-index:2;
  width:min(1120px, calc(100% - 2rem));height:100%;margin:0 auto;padding:14px 0;
  pointer-events:none;box-sizing:border-box;
}
.nav-links > *{pointer-events:auto}
.nav-links a{color:var(--muted);font-size:.92rem;transition:color .2s}
.nav-links a:hover,.nav-user{color:#fff}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 20px;border-radius:12px;border:1px solid transparent;
  font-weight:700;font-size:.95rem;line-height:1.2;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
  text-decoration:none;white-space:nowrap;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn-sm{padding:8px 14px;font-size:.84rem;border-radius:10px}
.btn-primary{
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  color:#fff;box-shadow:0 10px 28px rgba(107,75,184,.32);
}
.btn-primary:hover{box-shadow:0 14px 34px rgba(107,75,184,.42);color:#fff}
.btn-ghost{
  border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text);
}
.btn-ghost:hover{
  border-color:rgba(139,106,212,.45);background:rgba(139,106,212,.12);color:#fff;
}
.btn-buy{min-width:168px;padding:13px 22px;font-size:1rem}
button.btn,a.btn{appearance:none;-webkit-appearance:none}
/* —— 首页首屏：品牌为主 —— */
.hero{
  position:relative;min-height:100vh;display:flex;align-items:center;
  isolation:isolate;padding:48px 0 72px;overflow:hidden;
}
.hero-glow{
  position:absolute;inset:auto auto -20% -10%;width:min(70vw,720px);height:min(70vw,720px);max-width:100%;
  background:radial-gradient(circle, rgba(139,106,212,.28), transparent 68%);
  filter:blur(20px);z-index:-1;animation:pulseGlow 7s ease-in-out infinite;pointer-events:none;
}
.hero-glow.right{
  inset:10% -15% auto auto;width:min(55vw,560px);height:min(55vw,560px);max-width:100%;
  background:radial-gradient(circle, rgba(107,75,184,.2), transparent 70%);
  animation-delay:1.2s;
}
@keyframes pulseGlow{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.hero-inner{padding:40px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.hero-logo{
  width:min(220px,56vw);margin:0 auto;
  filter:drop-shadow(0 28px 60px rgba(139,106,212,.5));
  animation:rise .9s ease both;
}
.hero h1{
  margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.08;
  letter-spacing:.06em;color:#fff;animation:rise .9s .08s ease both;
}
.hero .hero-lead{
  margin:0;max-width:28em;color:var(--muted);font-size:1.08rem;line-height:1.85;
  animation:rise .9s .16s ease both;
}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;animation:rise .9s .24s ease both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.section{padding:88px 0;border-top:1px solid rgba(255,255,255,.05)}
.section-head{max-width:640px;margin:0 auto 40px;text-align:center}
.section-head h2{
  margin:0 0 12px;font-family:var(--font-display);font-size:clamp(1.7rem,3.2vw,2.3rem);
  letter-spacing:.08em;
}
.section-head p{margin:0;color:var(--muted);line-height:1.75}

.service-list{display:grid;gap:14px;max-width:820px;margin:0 auto}
.service-row{
  display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:start;
  padding:22px 8px;border-bottom:1px solid rgba(255,255,255,.06);
  opacity:0;transform:translateY(14px);transition:.55s ease;
}
.service-row.in{opacity:1;transform:none}
.service-row h3{margin:0;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.06em}
.service-row p{margin:0;color:var(--muted);line-height:1.8}

.product-list{display:grid;gap:0;max-width:860px;margin:0 auto}
.product{
  display:flex;justify-content:space-between;gap:20px;align-items:center;
  padding:24px 4px;border-bottom:1px solid rgba(255,255,255,.06);
}
.product.has-cover{align-items:stretch;gap:18px}
.product-thumb{
  flex:0 0 120px;width:120px;border-radius:14px;overflow:hidden;
  border:1px solid var(--line);background:#0c0a12;align-self:center;
}
.product-thumb img{display:block;width:100%;height:88px;object-fit:cover}
.product-body{flex:1;min-width:0}
.product h3{margin:0 0 8px;font-size:1.15rem;font-family:var(--font-display);letter-spacing:.04em}
.product p{margin:0;color:var(--muted);line-height:1.7;max-width:42em}
.product-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;align-items:center}
.product-cta-btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.product-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 22px;max-width:860px}
.product-filters a{
  padding:7px 12px;border-radius:999px;border:1px solid var(--line);font-size:.82rem;font-weight:600;
  color:var(--muted);background:rgba(12,10,18,.45);
}
.product-filters a.on,.product-filters a:hover{color:#efe8fa;border-color:rgba(139,106,212,.45);background:rgba(139,106,212,.12)}
.product-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.product-badges.compact{margin:0 0 8px}
.prod-badge{
  display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;
  border:1px solid var(--line);color:var(--muted);
}
.prod-badge.is-self{background:rgba(62,207,142,.12);border-color:rgba(62,207,142,.35);color:#8dffc4}
.prod-badge.is-resale{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.35);color:#93c5fd}
.prod-badge.is-cat{background:rgba(255,255,255,.04)}
.product-license{
  margin:0 0 22px;padding:14px 16px;border-radius:12px;border:1px solid rgba(96,165,250,.28);
  background:rgba(96,165,250,.08);
}
.product-license strong{display:block;margin-bottom:6px;color:#bfdbfe}
.product-license p{margin:0;color:var(--muted);line-height:1.65;font-size:.9rem}

.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:960px;margin:0 auto}
.flow-item{padding:8px 4px;text-align:center}
.flow-num{
  font-family:var(--font-display);color:var(--brand);font-size:1.4rem;margin-bottom:10px;
  letter-spacing:.08em;
}
.flow-item h3{margin:0 0 8px;font-size:1.05rem}
.flow-item p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}

.about-block{max-width:720px;margin:0 auto;text-align:center}
.about-body{margin:0 0 28px}
.about-block .about-text{
  color:var(--muted);line-height:1.95;font-size:1.05rem;margin:0 0 1.15em;text-align:left;
}
.about-block .about-text:last-child{margin-bottom:0}
.contact-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.contact-pill{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;
  border-radius:999px;border:1px solid var(--line);background:var(--brand-soft);
  font-size:.92rem;
}
.contact-pill b{font-weight:700;color:#d6c8f5}

.site-footer{padding:36px 0 100px;border-top:1px solid rgba(255,255,255,.05)}
.footer-row{display:block;max-width:640px}
.footer-row strong{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.04em}
.footer-copy{margin-top:14px;font-size:.82rem;color:var(--muted)}
.footer-links a{color:var(--muted)}
.footer-links a:hover{color:#efe8fa}

.auth-wrap{min-height:78vh;display:grid;place-items:center;padding:48px 0}
.auth-card{
  width:min(420px, calc(100% - 2rem));padding:32px 28px;border:1px solid var(--line);
  background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);
}
.auth-card h1{margin:0 0 8px;font-family:var(--font-display);font-size:1.7rem;letter-spacing:.08em}
.auth-card .lead{color:var(--muted);margin:0 0 22px;line-height:1.65}
.field{margin-bottom:14px}
.field label{display:block;margin-bottom:7px;color:#c9c0d8;font-size:.88rem}
.field input{
  width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);
  background:#0c0a12;color:#fff;font:inherit;
}
.field input::placeholder{color:#6a6278}
.field input:focus{outline:none;border-color:rgba(139,106,212,.55);box-shadow:0 0 0 3px rgba(139,106,212,.15)}
.code-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.alert{padding:11px 12px;border-radius:12px;margin-bottom:14px}
.alert-err{background:rgba(240,113,168,.1);border:1px solid rgba(240,113,168,.28);color:#ffc1d8}
.alert-ok{background:rgba(62,207,142,.08);border:1px solid rgba(62,207,142,.25);color:#b8f5d4}
.wx-btn{
  display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px;padding:12px;
  border:1px solid rgba(62,207,142,.4);background:rgba(62,207,142,.1);color:#8dffc4;
  font-weight:700;cursor:pointer;border-radius:999px;
}
/* 微信扫码：居中弹层（登录 / 绑定） */
.wx-qr-dialog{
  border:0;padding:0;margin:auto;max-width:min(360px, calc(100% - 32px));
  width:100%;background:transparent;color:inherit;
}
.wx-qr-dialog::backdrop{background:rgba(8,10,16,.66)}
.wx-qr-panel{
  padding:20px 20px 18px;border-radius:18px;text-align:center;
  background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);
}
.wx-qr-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:0 0 14px;text-align:left;
}
.wx-qr-head h2{margin:0;font-size:1.05rem;font-weight:700}
.wx-qr-panel img{
  display:block;margin:0 auto 12px;width:220px;height:220px;
  border-radius:14px;background:#fff;padding:10px;
  border:1px solid rgba(255,255,255,.08);
}
.wx-qr-tip{margin:0 0 6px;color:#8dffc4;font-weight:600;font-size:.95rem}
.wx-qr-status{margin:0 0 14px;color:var(--muted);font-size:.88rem;min-height:1.4em}
.wx-qr-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.wx-qr-actions .btn{min-width:110px}
html[data-theme="light"] .wx-qr-panel{background:#fff}
html[data-theme="light"] .wx-qr-tip{color:#0b8a52}
html[data-theme="light"] .wx-qr-panel img{border-color:rgba(28,24,40,.08)}
/* 兼容旧类名（若残留） */
.wx-qr-box{
  margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);
  background:#0c0a12;text-align:center;
}
button.linkish{border:0;background:none;color:var(--brand);cursor:pointer;padding:0;font:inherit;text-decoration:underline}
.member-card{
  width:min(860px, calc(100% - 2rem));margin:48px auto;padding:32px;border:1px solid var(--line);
  background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);
}
.member-card h1{font-family:var(--font-display);letter-spacing:.08em}
.member-card .lead{color:var(--muted);line-height:1.7;margin:0 0 18px}
.prose-page .prose,.member-card .prose{line-height:1.8;color:#ddd5f0}
.prose p{margin:0 0 14px}
.prose p:last-child{margin-bottom:0}
.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.member-block{
  padding:18px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(0,0,0,.18);
}
.member-block h2{margin:0 0 12px;font-size:1.05rem;font-family:var(--font-display);letter-spacing:.04em}
.member-block p{margin:0 0 8px;line-height:1.6}
.history-list{display:grid;gap:10px}
.history-item{
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;
  padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);
}
.product-detail{max-width:780px}
.breadcrumb{color:var(--muted);font-size:.9rem;margin:0 0 20px}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:#fff}
.product-cover{margin:0 0 24px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.product-cover img{width:100%;max-height:420px;object-fit:cover}
.product-title{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:.06em}
.product-summary{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.8}
.product-block{margin:36px 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.06)}
.product-block h2{margin:0 0 16px;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.06em}
.product h3 a:hover{color:#d6c8f5}

@media (max-width:900px){
  .member-grid{grid-template-columns:1fr}
  .service-row{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr 1fr}
  .nav{padding:10px 0;gap:10px}
  .brand span{font-size:1.05rem}
  .brand img{width:38px;height:38px}
  .nav-toggle{display:inline-grid;place-items:center;position:relative;z-index:3}
  .nav-backdrop{display:block}
  .nav-backdrop[hidden]{display:none !important}
  body.nav-open{overflow:hidden;touch-action:none}
  .nav-links{
    position:fixed;top:0;right:0;left:auto;z-index:45;
    width:min(300px, 86%);max-width:320px;height:100%;height:100dvh;
    margin:0;padding:72px 18px 24px;padding-top:max(72px, calc(env(safe-area-inset-top) + 56px));
    flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:4px;
    background:rgba(14,12,22,.98);border-left:1px solid var(--line);
    transform:translate3d(100%,0,0);transition:transform .22s ease, visibility .22s;
    box-shadow:-16px 0 48px rgba(0,0,0,.4);
    pointer-events:none;visibility:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;
  }
  body.nav-open .nav-links{
    transform:translate3d(0,0,0);pointer-events:auto;visibility:visible;
  }
  .nav-links a{
    display:block;padding:14px 12px;border-radius:12px;font-size:1rem;color:#ddd5f0;
    border:1px solid transparent;
  }
  .nav-links a:hover,.nav-links .nav-user{background:rgba(139,106,212,.12);border-color:rgba(139,106,212,.25)}
  .nav-links .btn{width:100%;justify-content:center;margin-top:8px}
  .product{flex-direction:column;align-items:flex-start}
  .section{padding:56px 0}
  .hero{min-height:100svh;padding:28px 0 56px}
  .hero-inner{padding:24px 0;gap:16px}
  .hero .hero-lead{font-size:.98rem}
  .hero h1{font-size:clamp(2.1rem,9vw,3.2rem);word-break:break-word}
  .member-card{margin:24px auto;padding:22px 16px}
  .auth-card{padding:24px 18px}
  .auth-wrap{padding:28px 0}
  .site-footer{padding:32px 0 100px}
  .history-item{flex-direction:column;align-items:stretch}
  .code-row{grid-template-columns:1fr;gap:8px}
  .code-row .btn,.code-row button{width:100%}
  .btn-buy{min-width:0;width:100%}
  .product-cta-row,.product-buy-panel,.hero-cta{width:100%}
  .product-buy-panel .btn,.hero-cta .btn{flex:1 1 auto}
  .catalog-actions-sec{grid-template-columns:1fr 1fr}
  .member-shell{width:calc(100% - 2rem)}
}
@media (max-width:520px){.flow{grid-template-columns:1fr}}

.consult-dock{
  position:fixed;right:20px;bottom:88px;z-index:80;width:min(300px, calc(100% - 40px));
  background:linear-gradient(165deg,rgba(32,28,46,.99),rgba(14,12,20,.98));
  border:1px solid rgba(203,182,255,.24);border-radius:20px;padding:0 14px 14px;
  box-shadow:0 22px 56px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.04) inset;
  backdrop-filter:blur(14px);overflow:hidden;max-height:min(70vh, 520px);overflow-y:auto;
  animation:rise .22s ease;
}
.sheet-accent{
  height:3px;margin:0 -14px 12px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,var(--brand),#a78bfa 45%,var(--brand2));
}
.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}
.sheet-brand{display:flex;align-items:center;gap:10px;min-width:0}
.sheet-brand img{width:32px;height:32px;border-radius:10px;object-fit:contain;background:#0c0a12;border:1px solid rgba(255,255,255,.1)}
.sheet-brand strong{display:block;font-size:1rem;letter-spacing:.02em}
.sheet-brand .muted{display:block;font-size:.72rem;margin-top:2px}
.sheet-head-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sheet-live{
  display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;
  font-size:.68rem;font-weight:700;color:#8dffc4;
  background:rgba(62,207,142,.12);border:1px solid rgba(62,207,142,.28);
}
.sheet-live::before{
  content:"";width:6px;height:6px;border-radius:50%;background:#3ecf8e;
  box-shadow:0 0 0 3px rgba(62,207,142,.2);animation:pulse-dot 1.6s ease infinite;
}
@keyframes pulse-dot{
  0%,100%{opacity:1;box-shadow:0 0 0 3px rgba(62,207,142,.2)}
  50%{opacity:.7;box-shadow:0 0 0 5px rgba(62,207,142,.08)}
}
.consult-actions{display:grid;gap:8px}
.consult-item{
  display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:12px 12px;border-radius:14px;
  border:1px solid rgba(255,255,255,.08);background:rgba(12,10,18,.85);color:#fff;cursor:pointer;
  text-decoration:none;transition:border-color .15s ease, background .15s ease, transform .15s ease;
}
.consult-item:hover{border-color:rgba(139,106,212,.5);background:rgba(139,106,212,.12);transform:translateY(-1px)}
.consult-item.is-primary{
  background:linear-gradient(135deg,rgba(139,106,212,.32),rgba(107,75,184,.16));
  border-color:rgba(203,182,255,.4);
  box-shadow:0 8px 20px rgba(107,75,184,.18);
}
.ci-ico{
  flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:0;font-weight:800;color:#d6c8f5;
}
.ci-ico svg{display:block}
.ci-ico.is-chat{background:rgba(139,106,212,.2);color:#cbb6ff}
.ci-ico.is-wx{background:rgba(7,193,96,.18);color:#07c160}
.ci-ico.is-qq{background:rgba(18,183,245,.16);color:#12b7f5}
.ci-ico.is-mail{background:rgba(139,106,212,.16);color:#c4b5fd}
.ci-text{flex:1;min-width:0}
.ci-title{display:block;font-weight:700;font-size:.92rem}
.ci-desc{display:block;color:var(--muted);font-size:.76rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-arrow{color:rgba(255,255,255,.35);font-size:.9rem}
.icon-btn{
  border:0;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;width:28px;height:28px;border-radius:8px;
  display:inline-grid;place-items:center;flex-shrink:0;
}
.icon-btn:hover{background:rgba(255,255,255,.12)}

.nav-user{display:inline-flex;align-items:center;gap:8px}
.nav-avatar,.member-avatar{
  width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.15);background:#0c0a12;
}
.member-profile{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.member-avatar{width:56px;height:56px}

.product-price{margin:12px 0 0;font-size:1.55rem;font-weight:800;color:#d6c8f5;letter-spacing:.02em}
.product-price-board{
  margin:18px 0 0;padding:16px 18px;border-radius:16px;
  border:1px solid rgba(139,106,212,.28);background:rgba(139,106,212,.08);
  display:grid;gap:10px;max-width:420px;
}
.ppb-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.ppb-label{font-size:.82rem;color:var(--muted);min-width:3em}
.ppb-sale{font-size:1.55rem;font-weight:800;color:#efe8fa;letter-spacing:.02em}
.ppb-row.is-vip .ppb-vip{font-size:1.25rem;font-weight:800;color:#d6c8f5}
.ppb-hint{width:100%;font-size:.75rem;color:var(--muted);margin-left:calc(3em + 10px)}
.ppb-you{margin:4px 0 0;font-size:.88rem}
.product-buy-panel{justify-content:flex-start;margin:20px 0 18px;flex-wrap:wrap;gap:12px}
.buy-card{max-width:100%}
.buy-summary{
  padding:16px;border-radius:14px;border:1px solid var(--line);
  background:rgba(12,10,18,.55);margin-bottom:8px;
}
.buy-title{display:block;font-size:1.15rem;margin-bottom:12px}
.buy-price-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px}
.buy-price-row.is-vip strong{color:#d6c8f5;font-size:1.25rem}
.buy-form{margin-top:8px}
.product-buy-again{justify-content:flex-start;margin:28px 0 8px;padding-top:18px;border-top:1px solid var(--line)}
.product-buy-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.buy-pay-label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--muted)}
.price-stack{display:flex;flex-direction:column;gap:2px;margin-right:auto;align-self:center}
.price-sale{font-size:1.15rem;font-weight:800;color:#d6c8f5}
.price-vip{font-size:.82rem;color:#c4b5fd;font-weight:600}
.product-price-origin{margin-left:10px;font-size:1rem;font-weight:500;color:var(--muted);text-decoration:line-through}
.product-vip-tag{
  display:inline-block;margin-left:10px;padding:3px 8px;border-radius:8px;font-size:.72rem;font-weight:700;
  background:rgba(139,106,212,.2);border:1px solid rgba(139,106,212,.4);color:#d6c8f5;vertical-align:middle;
}
.prod-badge.is-vip{background:rgba(139,106,212,.18);border-color:rgba(139,106,212,.4);color:#d6c8f5}
.setup-strip{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
  margin:8px 0 22px;padding:14px 16px;border-radius:14px;border:1px solid rgba(139,106,212,.28);
  background:linear-gradient(135deg,rgba(139,106,212,.1),rgba(16,14,24,.4));
}
.setup-strip strong{display:block;margin-bottom:4px}
.setup-strip-actions{display:flex;gap:8px;flex-wrap:wrap}
.setup-from{
  display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin:0 0 22px;padding:12px 14px;
  border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);
}
.setup-points{display:grid;gap:12px;margin-top:8px}
.setup-points article{
  padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(16,14,24,.45);
}
.setup-points h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.1rem}
.setup-points p{margin:0;color:var(--muted);line-height:1.7}
@media (min-width:720px){
  .setup-points{grid-template-columns:repeat(3,1fr)}
}
.buy-pay-select{
  appearance:none;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
  background:#0c0a12;color:#efe8fa;min-width:140px;
}
.catalog-meta{text-align:center;margin:0 0 18px;font-size:.85rem}
.product-catalog{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:1080px;margin:0 auto;
}
.catalog-card{
  display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  background:rgba(16,14,24,.55);
}
.catalog-cover{display:block;aspect-ratio:16/10;background:rgba(139,106,212,.08);overflow:hidden}
.catalog-cover img{width:100%;height:100%;object-fit:cover;display:block}
.catalog-cover.is-empty{display:grid;place-items:center;color:var(--muted);font-size:.85rem}
.catalog-body{padding:14px 14px 16px;display:flex;flex-direction:column;flex:1}
.catalog-body h3{margin:0 0 8px;font-size:1.05rem;font-family:var(--font-display);letter-spacing:.03em}
.catalog-body h3 a:hover{color:#d6c8f5}
.catalog-body p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.catalog-foot,
.product-actions.catalog-foot{
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
  gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);
}
.catalog-foot .foot-meta{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-height:1.4em;
}
.catalog-tag{
  display:inline-flex;align-items:center;padding:3px 9px;border-radius:8px;
  font-size:.78rem;font-weight:700;letter-spacing:.02em;
  color:#c4b5fd;background:rgba(139,106,212,.14);border:1px solid rgba(139,106,212,.32);
}
.catalog-actions{display:flex;flex-direction:column;gap:8px}
.catalog-actions > .btn{
  width:100%;justify-content:center;text-align:center;
}
.catalog-actions-sec{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;
}
.catalog-actions-sec .btn{
  width:100%;justify-content:center;text-align:center;padding-left:8px;padding-right:8px;
}
.catalog-price{color:#d6c8f5;font-size:1.05rem}
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:28px 0 0}
.pager a{
  min-width:36px;height:36px;padding:0 12px;display:inline-grid;place-items:center;border-radius:10px;
  border:1px solid rgba(255,255,255,.1);color:var(--muted);text-decoration:none;font-size:.88rem;
}
.pager a.on,.pager a:hover{color:#efe8fa;border-color:rgba(139,106,212,.45);background:rgba(139,106,212,.12)}

.chat-fab{
  position:fixed;right:20px;bottom:20px;z-index:85;min-width:56px;height:56px;padding:0 16px 0 14px;
  border-radius:999px;border:0;background:linear-gradient(135deg,var(--brand),var(--brand2));
  color:#fff;font-weight:800;box-shadow:0 12px 36px rgba(107,75,184,.42),0 0 0 1px rgba(255,255,255,.12) inset;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.chat-fab:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(107,75,184,.5)}
.chat-fab-ico{
  display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,.18);
}
.chat-fab-ico svg{display:block}
.chat-fab-label{font-size:.92rem;letter-spacing:.04em}
.chat-fab-badge{
  position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;
  border-radius:999px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;line-height:1;
  box-shadow:0 0 0 2px #100e18;
}
.chat-fab-badge[hidden]{display:none !important}
.chat-panel{
  position:fixed;right:20px;bottom:90px;z-index:90;width:min(360px, calc(100% - 2rem));height:500px;
  background:#100e18;border:1px solid var(--line);border-radius:var(--radius);
  display:none;flex-direction:column;overflow:hidden;box-shadow:var(--shadow);
}
.chat-panel[hidden]:not(.open),.consult-dock[hidden]{display:none !important}
.chat-panel.open{display:flex !important;animation:rise .22s ease}
.chat-head{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
.chat-actions{display:flex;gap:6px}
.chat-actions button{font-size:.75rem;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#1a1624;color:#ddd;cursor:pointer}
.chat-msgs{
  flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;
  padding:12px;display:flex;flex-direction:column;gap:8px;background:#0a0810;
}
.bubble{
  max-width:78%;padding:8px 10px;border-radius:12px;line-height:1.45;font-size:.88rem;
  white-space:pre-wrap;word-break:break-word;color:#efe8fa;
}
.bubble.user{align-self:flex-end;background:linear-gradient(135deg,rgba(139,106,212,.55),rgba(107,75,184,.4));border-bottom-right-radius:4px;color:#fff}
.bubble.bot,.bubble.system,.bubble.admin{align-self:flex-start;background:#1a1626;color:#ebe4f8;border-bottom-left-radius:4px}
.bubble.recalled{opacity:.55;font-style:italic}
.bubble img{max-width:160px;border-radius:8px;margin-top:4px}
.bubble-meta{margin-top:4px;font-size:.68rem;text-align:right;opacity:.9}
.chat-empty-tip{margin:auto;padding:20px 12px;text-align:center;color:var(--muted);font-size:.88rem;line-height:1.6}
.read-flag.is-read{color:#9de0bd}.read-flag.is-unread{color:#f0d08a}
.chat-composer{border-top:1px solid rgba(255,255,255,.06);background:#100e18;flex-shrink:0}
.chat-toolbar{display:flex;gap:2px;padding:6px 8px 0}
.tool-btn{width:32px;height:32px;display:inline-grid;place-items:center;border:0;background:transparent;cursor:pointer;font-size:1.05rem;border-radius:8px}
.tool-btn:hover{background:rgba(255,255,255,.06)}
.emoji-pop{display:none;padding:8px;flex-wrap:wrap;gap:3px;max-height:110px;overflow:auto;border-top:1px solid rgba(255,255,255,.06)}
.emoji-pop.is-open{display:flex}
.emoji-pop button{border:0;background:transparent;cursor:pointer;font-size:1.15rem;padding:2px}
.chat-input{display:flex;gap:8px;padding:8px 10px 10px}
.chat-input input{flex:1;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0c0a12;color:#fff;padding:10px}
.chat-input button{border:0;border-radius:999px;background:var(--brand);color:#fff;padding:0 16px;cursor:pointer;font-weight:700}

/* 订单 / 支付结果 / 产品转化 */
.order-hero{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-start;margin-bottom:18px}
.order-amount{text-align:right;min-width:120px}
.order-price{font-size:1.6rem;font-weight:800;letter-spacing:.02em;margin:4px 0 8px}
.order-status-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700;background:rgba(255,255,255,.06)}
.order-status-pill.status-pending_pay{background:rgba(245,158,11,.2);color:#fcd34d}
.order-status-pill.status-paid,.order-status-pill.status-delivering{background:rgba(59,130,246,.2);color:#93c5fd}
.order-status-pill.status-done{background:rgba(62,207,142,.18);color:#8dffc4}
.order-status-pill.status-cancelled{background:rgba(240,113,168,.15);color:#ffc1d8}
.order-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;padding:0;margin:0 0 8px}
.order-steps li{text-align:center;padding:10px 6px;border-radius:12px;font-size:.78rem;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.order-steps li.on{color:#d6c8f5;border-color:rgba(139,106,212,.35);background:rgba(139,106,212,.12)}
.order-steps li.cur{color:#fcd34d;border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.1)}
.pay-methods{display:grid;gap:8px}
.pay-method{
  position:relative;display:block;padding:14px 16px 14px 44px;border-radius:12px;
  border:1px solid rgba(255,255,255,.08);background:#0c0a12;cursor:pointer;
}
.pay-method input{position:absolute;opacity:0;width:0;height:0}
.pay-method span{display:block;font-weight:600}
.pay-method span::before{
  content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);background:#08060e;
}
.pay-method:has(input:checked){border-color:rgba(139,106,212,.5);background:rgba(139,106,212,.1)}
.pay-method:has(input:checked) span::before{
  border-color:#cbb6ff;box-shadow:inset 0 0 0 4px #cbb6ff;
}
.pay-result-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;font-weight:800;margin-bottom:14px}
.pay-result-icon.ok{background:rgba(62,207,142,.15);color:#8dffc4}
.pay-result-icon.warn{background:rgba(245,158,11,.15);color:#fcd34d}
.pay-result-icon.err{background:rgba(240,113,168,.12);color:#ffc1d8}
.pay-next-list{margin:0;padding-left:1.2em;line-height:1.85;color:#ddd5f0}
.product-path{margin:0 0 28px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(139,106,212,.08)}
.product-path h2{margin:0 0 12px;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.04em}
.product-path ol{margin:0;padding-left:1.2em;line-height:1.85;color:var(--muted)}
.product-path li{margin-bottom:6px}
.product-path strong{color:#efe8fa}
.trust-strip{
  list-style:none;margin:0 0 28px;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
}
.trust-strip li{
  padding:12px 12px 11px;border-radius:12px;border:1px solid var(--line);
  background:rgba(12,10,18,.65);min-width:0;
}
.trust-strip strong{display:block;font-size:.88rem;margin-bottom:4px;color:#efe8fa}
.trust-strip span{display:block;font-size:.75rem;color:var(--muted);line-height:1.4}
.product-case-list{display:grid;gap:10px}
.product-case{
  display:block;padding:14px 16px;border-radius:12px;border:1px solid var(--line);
  background:rgba(12,10,18,.55);color:inherit;
}
.product-case:hover{border-color:rgba(139,106,212,.45);background:rgba(139,106,212,.08)}
.product-case strong{display:block;margin-bottom:4px}
.product-case span{display:block;font-size:.85rem;color:var(--muted);line-height:1.5}
.order-trust{
  margin:16px 0 0;padding:14px 16px;border-radius:12px;border:1px solid rgba(62,207,142,.22);
  background:rgba(62,207,142,.06);font-size:.88rem;line-height:1.65;color:var(--muted);
}
.order-trust strong{color:#b6f7d8}
.pay-result-trust{margin-top:18px}
.product-sticky-cta{display:none}
@media (max-width:900px){
  .order-steps{grid-template-columns:1fr 1fr}
  .order-amount{text-align:left;width:100%}
  .trust-strip{grid-template-columns:1fr 1fr}
  .product.has-cover{flex-direction:column;align-items:stretch}
  .product-thumb{width:100%;flex-basis:auto}
  .product-thumb img{height:160px}
  .product-sticky-cta{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;
    padding:10px 12px max(10px, env(safe-area-inset-bottom));
    background:rgba(9,8,13,.92);border-top:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
  }
  .product-sticky-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1120px;margin:0 auto;padding-right:64px}
  .product-sticky-text{min-width:0;display:flex;flex-direction:column;gap:2px}
  .product-sticky-text strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .product-sticky-text span{font-size:.72rem}
  .product-sticky-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}
  .product-page .section{padding-bottom:120px}
}

/* 手机覆盖必须放在桌面规则之后，否则会被盖掉 */
@media (max-width:900px){
  /* 客服：右侧中部常驻，弹层紧凑贴在按钮旁，不再拉满整宽贴底 */
  .chat-fab{
    right:max(10px, env(safe-area-inset-right));
    left:auto;
    bottom:auto;
    top:38%;
    width:48px;min-width:48px;height:auto;min-height:72px;padding:10px 6px;
    flex-direction:column;gap:4px;border-radius:16px;
    box-shadow:0 10px 28px rgba(107,75,184,.45);
  }
  .chat-fab:hover{transform:none}
  .chat-fab-label{font-size:.68rem;letter-spacing:0;line-height:1.1}
  .chat-fab-ico{width:22px;height:22px;background:transparent}
  .chat-fab-ico svg{width:18px;height:18px}
  .consult-dock{
    right:max(10px, env(safe-area-inset-right));
    left:auto;
    bottom:auto;
    top:50%;
    transform:translateY(-50%);
    width:min(288px, calc(100% - 68px));
    max-width:288px;
    max-height:min(68dvh, 460px);
    animation:none;
    z-index:84;
  }
  .chat-panel{
    inset:0;right:0;left:0;top:0;bottom:0;
    width:100%;height:100%;max-height:100dvh;
    border-radius:0;border:0;
    padding-bottom:env(safe-area-inset-bottom);
  }
  .chat-input input{font-size:16px}
}

/* 产品搜索 */
.product-search{
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;
  margin:0 0 18px;padding:12px;border-radius:14px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);
}
.product-search input[type="search"]{
  flex:1;min-width:180px;padding:11px 14px;border-radius:12px;
  border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);
  color:var(--text);font:inherit;
}
.product-search input:focus{outline:none;border-color:rgba(139,106,212,.55)}

/* VIP 入口 */
.nav-vip{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:999px;font-size:.86rem;font-weight:700;
  color:#f5e6b8 !important;
  background:linear-gradient(135deg,rgba(212,175,55,.22),rgba(139,106,212,.18));
  border:1px solid rgba(212,175,55,.4);
}
.nav-vip:hover{filter:brightness(1.08);color:#fff !important}
.nav-vip.is-vip{color:#ffe9a8 !important;border-color:rgba(251,191,36,.55)}
.vip-crown{flex-shrink:0}
.theme-toggle{
  width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;font-size:1rem;
}

/* 咨询图标 */
.ci-ico.is-chat{background:rgba(139,106,212,.2);color:#cbb6ff}
.ci-ico.is-wx{background:rgba(7,193,96,.18);color:#07c160}
.ci-ico.is-qq{background:rgba(18,183,245,.16);color:#12b7f5}
.ci-ico.is-mail{background:rgba(139,106,212,.16);color:#c4b5fd}

/* 会员中心 */
.member-page{padding:36px 0 88px}
.member-shell{width:min(720px, calc(100% - 2rem));margin:0 auto}
.mc-profile{
  display:grid;grid-template-columns:auto 1fr auto;gap:18px 20px;align-items:start;
  padding:0 0 28px;border-bottom:1px solid rgba(255,255,255,.08);
}
.mc-avatar{
  width:72px;height:72px;border-radius:20px;object-fit:cover;
  border:1px solid rgba(255,255,255,.12);background:#0c0a12;
}
.mc-profile-main{min-width:0}
.mc-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px}
.mc-name-row h1{
  margin:0;font-family:var(--font-display);font-size:1.55rem;letter-spacing:.04em;line-height:1.2;
}
.mc-level{
  display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;
  font-size:.72rem;font-weight:700;border:1px solid rgba(255,255,255,.12);
  color:var(--muted);background:rgba(255,255,255,.04);
}
.mc-level.is-vip{
  color:#f5e6b8;border-color:rgba(212,175,55,.4);
  background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(139,106,212,.12));
}
.mc-sub{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}
.mc-dot{margin:0 4px;opacity:.5}
.mc-stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}
.mc-stats a{display:flex;flex-direction:column;gap:2px;min-width:64px;color:inherit}
.mc-stats strong{font-size:1.25rem;font-weight:800;letter-spacing:.02em;line-height:1.1}
.mc-stats span{font-size:.75rem;color:var(--muted)}
.mc-stats a:hover strong{color:#d6c8f5}
.mc-profile-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.mc-text-link{font-size:.86rem;color:var(--muted)}
.mc-text-link:hover{color:#efe8fa}

.mc-nav{
  display:flex;gap:4px;margin:18px 0 28px;border-bottom:1px solid rgba(255,255,255,.08);
}
.mc-nav a{
  position:relative;padding:12px 16px;font-size:.95rem;font-weight:600;color:var(--muted);
}
.mc-nav a:hover{color:#efe8fa}
.mc-nav a.on{color:#fff}
.mc-nav a.on::after{
  content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;
  background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:2px;
}

.mc-section{scroll-margin-top:88px}
.mc-section.is-hidden{display:none}
.mc-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;
}
.mc-section-head h2{
  margin:0;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.04em;
}
.mc-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.mc-filters a{
  padding:5px 11px;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--muted);
}
.mc-filters a.on,.mc-filters a:hover{color:#efe8fa;background:rgba(139,106,212,.14)}
.mc-empty{padding:36px 8px;text-align:center}
.mc-empty p{margin:0 0 8px}
.mc-empty .muted{margin:0}

.mc-order-list{list-style:none;margin:0;padding:0}
.mc-order{
  display:grid;grid-template-columns:1fr auto;gap:14px 20px;align-items:center;
  padding:18px 0;border-top:1px solid rgba(255,255,255,.06);
}
.mc-order:first-child{border-top:0;padding-top:4px}
.mc-order-title-row{
  display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 12px;margin-bottom:6px;
}
.mc-order-title-row h3{margin:0;font-size:1rem;font-weight:700;line-height:1.4;flex:1;min-width:0}
.mc-status{
  flex-shrink:0;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;
  background:rgba(255,255,255,.06);color:var(--muted);
}
.mc-status.status-pending_pay{background:rgba(245,158,11,.16);color:#fcd34d}
.mc-status.status-paid,.mc-status.status-delivering{background:rgba(59,130,246,.16);color:#93c5fd}
.mc-status.status-done{background:rgba(62,207,142,.14);color:#8dffc4}
.mc-status.status-cancelled{background:rgba(240,113,168,.12);color:#ffc1d8}
.mc-order-meta{margin:0;font-size:.78rem;color:var(--muted);line-height:1.5;word-break:break-all}
.mc-order-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.mc-order-price{font-size:1.15rem;font-weight:800;color:#d6c8f5;letter-spacing:.02em;white-space:nowrap}
.mc-order-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}
.mc-pay{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.mc-pay select{
  max-width:120px;padding:7px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);
  background:#0c0a12;color:var(--text);font:inherit;font-size:.8rem;
}
.mc-section .pager{margin-top:8px}

.mc-account{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}
.mc-form h3,.mc-bind h3{margin:0 0 14px;font-size:.95rem;font-weight:700}
.mc-bind{padding-top:22px;border-top:1px solid rgba(255,255,255,.06)}
.mc-bind .muted{margin:0 0 12px}

.mc-chat-list{list-style:none;margin:0;padding:0}
.mc-chat-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mc-chat-list li{
  padding:0;border-top:1px solid rgba(255,255,255,.06);
}
.mc-chat-list li:first-child{border-top:0}
.mc-chat-item{
  display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
  padding:14px 0;color:inherit;text-decoration:none;border-radius:8px;
}
.mc-chat-item:hover{background:rgba(255,255,255,.03)}
.mc-chat-item:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.mc-chat-item.has-unread strong{position:relative;padding-right:12px}
.mc-chat-item.has-unread strong::after{
  content:"";position:absolute;top:2px;right:0;width:7px;height:7px;border-radius:50%;
  background:#ef4444;
}
.mc-chat-list p{margin:4px 0 0;font-size:.82rem;line-height:1.5}
.mc-chat-list time{font-size:.78rem;white-space:nowrap;padding-top:2px}

@media (max-width:720px){
  .mc-profile{grid-template-columns:auto 1fr;gap:14px}
  .mc-profile-side{
    grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;
  }
  .mc-order{grid-template-columns:1fr;gap:12px}
  .mc-order-side{align-items:flex-start;text-align:left}
  .mc-order-actions{justify-content:flex-start}
  .mc-account{grid-template-columns:1fr;gap:22px}
  .mc-nav a{padding:12px;font-size:.9rem}
}

/* —— 白天模式：清晰对比，白卡片 + 深字，保留品牌紫点缀 —— */
html[data-theme="light"]{
  --bg:#f2f3f7;
  --bg2:#e7e9f0;
  --panel:#ffffff;
  --line:rgba(28,24,40,.12);
  --text:#1a1c24;
  --muted:#5a5e6d;
  --brand:#6b4bb8;
  --brand2:#553a96;
  --brand-soft:rgba(107,75,184,.1);
  --shadow:0 14px 36px rgba(28,24,40,.08);
}
html[data-theme="light"] body::before{
  background:
    radial-gradient(820px 420px at 8% -6%, rgba(107,75,184,.12), transparent 60%),
    radial-gradient(640px 380px at 96% 4%, rgba(62,207,142,.06), transparent 55%),
    linear-gradient(180deg,#f5f6fa 0%, #eef0f5 50%, #f5f6fa 100%);
}
html[data-theme="light"] body::after{opacity:.18}
html[data-theme="light"] .site-header{
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(28,24,40,.08);
}
html[data-theme="light"] .brand span{color:var(--text)}
html[data-theme="light"] .brand img{filter:drop-shadow(0 6px 16px rgba(107,75,184,.22))}
html[data-theme="light"] .nav-toggle{
  background:#fff;border-color:rgba(28,24,40,.12);color:var(--text);
}
html[data-theme="light"] .nav-links a{color:var(--muted)}
html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] .nav-user{color:var(--brand2)}
html[data-theme="light"] .theme-toggle{
  background:#fff;border-color:rgba(28,24,40,.12);color:var(--text);
}
html[data-theme="light"] .nav-vip{
  color:#8a6a14 !important;
  background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(107,75,184,.1));
  border-color:rgba(180,140,40,.35);
}
html[data-theme="light"] .nav-vip:hover,
html[data-theme="light"] .nav-vip.is-vip{color:#6b5210 !important}

html[data-theme="light"] .btn-ghost{
  border-color:rgba(28,24,40,.14);background:#fff;color:var(--text);
}
html[data-theme="light"] .btn-ghost:hover{
  border-color:rgba(107,75,184,.4);background:rgba(107,75,184,.08);color:var(--brand2);
}
html[data-theme="light"] .btn-primary{
  box-shadow:0 8px 22px rgba(107,75,184,.28);
}

html[data-theme="light"] .hero h1{color:var(--text)}
html[data-theme="light"] .hero-logo{filter:drop-shadow(0 16px 32px rgba(107,75,184,.22))}
html[data-theme="light"] .hero-glow{
  background:radial-gradient(circle, rgba(107,75,184,.14), transparent 68%);
}
html[data-theme="light"] .section{border-top-color:rgba(28,24,40,.06)}
html[data-theme="light"] .section-head h2,
html[data-theme="light"] .service-row h3,
html[data-theme="light"] .product h3,
html[data-theme="light"] .flow-item h3,
html[data-theme="light"] .product-title,
html[data-theme="light"] .product-block h2{color:var(--text)}
html[data-theme="light"] .service-row,
html[data-theme="light"] .product,
html[data-theme="light"] .history-item,
html[data-theme="light"] .mc-filters a.on,
html[data-theme="light"] .mc-filters a:hover{
  color:var(--brand2);background:rgba(107,75,184,.1);
}
html[data-theme="light"] .mc-order{border-top-color:rgba(28,24,40,.08)}
html[data-theme="light"] .mc-order-title-row h3{color:var(--text)}
html[data-theme="light"] .mc-order-price{color:var(--brand2)}
html[data-theme="light"] .mc-pay select{
  background:#fff;border-color:rgba(28,24,40,.14);color:var(--text);
}
html[data-theme="light"] .mc-chat-list li{border-top-color:rgba(28,24,40,.08)}
html[data-theme="light"] .mc-chat-item:hover{background:rgba(28,24,40,.03)}
html[data-theme="light"] .mc-bind{border-top-color:rgba(28,24,40,.08)}
html[data-theme="light"] .mc-status{background:#eef0f5;color:#4b4f5c}
html[data-theme="light"] .mc-status.status-pending_pay{background:#fff7ed;color:#c2410c}
html[data-theme="light"] .mc-status.status-paid,
html[data-theme="light"] .mc-status.status-delivering{background:#eff6ff;color:#1d4ed8}
html[data-theme="light"] .mc-status.status-done{background:#ecfdf5;color:#047857}
html[data-theme="light"] .mc-status.status-cancelled{background:#fff1f5;color:#be123c}

html[data-theme="light"] .product-filters a{
  background:#fff;border-color:rgba(28,24,40,.1);color:var(--muted);
}
html[data-theme="light"] .product-filters a.on,
html[data-theme="light"] .product-filters a:hover{
  color:var(--brand2);border-color:rgba(107,75,184,.4);background:rgba(107,75,184,.08);
}
html[data-theme="light"] .prod-badge{background:#f4f2f8;color:var(--muted);border-color:rgba(28,24,40,.1)}
html[data-theme="light"] .prod-badge.is-self{background:rgba(16,140,90,.08);border-color:rgba(16,140,90,.28);color:#0f7a4e}
html[data-theme="light"] .prod-badge.is-resale{background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.25);color:#1d4ed8}
html[data-theme="light"] .prod-badge.is-vip{background:rgba(107,75,184,.1);border-color:rgba(107,75,184,.28);color:#553a96}
html[data-theme="light"] .prod-badge.is-cat{background:#f0eef5;color:#4b4f5c}

html[data-theme="light"] .product-thumb,
html[data-theme="light"] .catalog-card,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .member-card,
html[data-theme="light"] .member-block,
html[data-theme="light"] .setup-points article,
html[data-theme="light"] .buy-summary,
html[data-theme="light"] .product-case,
html[data-theme="light"] .trust-strip li{
  background:#fff;border-color:rgba(28,24,40,.1);box-shadow:0 6px 20px rgba(28,24,40,.04);
}
html[data-theme="light"] .catalog-body h3 a,
html[data-theme="light"] .product h3 a{color:var(--text)}
html[data-theme="light"] .catalog-body h3 a:hover,
html[data-theme="light"] .product h3 a:hover{color:var(--brand2)}
html[data-theme="light"] .price-sale,
html[data-theme="light"] .catalog-price,
html[data-theme="light"] .product-price,
html[data-theme="light"] .ppb-sale,
html[data-theme="light"] .ppb-vip,
html[data-theme="light"] .buy-price-row.is-vip strong{color:var(--brand2)}
html[data-theme="light"] .price-vip{color:#6b4bb8}
html[data-theme="light"] .product-price-board{
  background:rgba(107,75,184,.06);border-color:rgba(107,75,184,.2);
}
html[data-theme="light"] .product-license{
  background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.2);
}
html[data-theme="light"] .product-license strong{color:#1d4ed8}
html[data-theme="light"] .contact-pill{
  background:#fff;border-color:rgba(28,24,40,.1);color:var(--text);
}
html[data-theme="light"] .contact-pill b{color:var(--brand2)}
html[data-theme="light"] .site-footer{border-top-color:rgba(28,24,40,.08)}
html[data-theme="light"] .footer-links a:hover,
html[data-theme="light"] .breadcrumb a:hover{color:var(--brand2)}

html[data-theme="light"] .field label{color:#4a4e5c}
html[data-theme="light"] .field input,
html[data-theme="light"] .buy-pay-select,
html[data-theme="light"] .chat-input input,
html[data-theme="light"] .product-search input[type="search"]{
  background:#f7f8fb;border-color:rgba(28,24,40,.14);color:var(--text);
}
html[data-theme="light"] .field input::placeholder{color:#8b90a0}
html[data-theme="light"] .product-search{
  background:#fff;border-color:rgba(28,24,40,.1);
}
html[data-theme="light"] .wx-btn{
  background:rgba(7,168,96,.08);border-color:rgba(7,168,96,.3);color:#0b8a52;
}
html[data-theme="light"] .wx-qr-box{background:#f7f8fb;border-color:rgba(28,24,40,.1)}
html[data-theme="light"] .wx-qr-tip{color:#0b8a52}
html[data-theme="light"] .alert-err{background:#fff1f5;border-color:#fecdd3;color:#be123c}
html[data-theme="light"] .alert-ok{background:#ecfdf5;border-color:#a7f3d0;color:#047857}

html[data-theme="light"] .mc-profile{border-bottom-color:rgba(28,24,40,.1)}
html[data-theme="light"] .mc-avatar{border-color:rgba(28,24,40,.1);background:#fff}
html[data-theme="light"] .mc-name-row h1{color:var(--text)}
html[data-theme="light"] .mc-level{background:#f4f5f9;border-color:rgba(28,24,40,.1);color:var(--muted)}
html[data-theme="light"] .mc-level.is-vip{
  color:#8a6a14;border-color:rgba(180,140,40,.35);
  background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(107,75,184,.08));
}
html[data-theme="light"] .mc-stats a:hover strong{color:var(--brand2)}
html[data-theme="light"] .mc-text-link:hover{color:var(--brand2)}
html[data-theme="light"] .mc-nav{border-bottom-color:rgba(28,24,40,.1)}
html[data-theme="light"] .mc-nav a:hover{color:var(--brand2)}
html[data-theme="light"] .mc-nav a.on{color:var(--brand2)}
html[data-theme="light"] .member-hero{
  background:linear-gradient(135deg,#ffffff,#f3f0fa);
  border-color:rgba(107,75,184,.16);
  box-shadow:0 10px 28px rgba(28,24,40,.05);
}
html[data-theme="light"] .member-tabs a{
  background:#fff;border-color:rgba(28,24,40,.1);color:var(--muted);
}
html[data-theme="light"] .member-tabs a:hover,
html[data-theme="light"] .member-tabs a.on{
  color:var(--brand2);border-color:rgba(107,75,184,.35);background:rgba(107,75,184,.08);
}
html[data-theme="light"] .prose-page .prose,
html[data-theme="light"] .member-card .prose,
html[data-theme="light"] .pay-next-list{color:var(--text)}
html[data-theme="light"] .product-path{background:rgba(107,75,184,.05);border-color:rgba(107,75,184,.16)}
html[data-theme="light"] .product-path strong,
html[data-theme="light"] .trust-strip strong{color:var(--text)}
html[data-theme="light"] .setup-strip{
  background:linear-gradient(135deg,rgba(107,75,184,.06),#fff);
  border-color:rgba(107,75,184,.2);
}
html[data-theme="light"] .pager a{
  background:#fff;border-color:rgba(28,24,40,.12);color:var(--muted);
}
html[data-theme="light"] .pager a.on,
html[data-theme="light"] .pager a:hover{
  color:var(--brand2);border-color:rgba(107,75,184,.4);background:rgba(107,75,184,.08);
}

html[data-theme="light"] .consult-dock{
  background:#fff;border-color:rgba(28,24,40,.12);
  box-shadow:0 18px 48px rgba(28,24,40,.14);
}
html[data-theme="light"] .sheet-brand strong{color:var(--text)}
html[data-theme="light"] .sheet-live{
  color:#059669;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.28);
}
html[data-theme="light"] .sheet-live::before{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
html[data-theme="light"] .consult-item{
  background:#f7f8fb;border-color:rgba(28,24,40,.08);color:var(--text);
}
html[data-theme="light"] .consult-item:hover{
  background:rgba(107,75,184,.08);border-color:rgba(107,75,184,.3);
}
html[data-theme="light"] .consult-item.is-primary{
  background:linear-gradient(135deg,rgba(107,75,184,.14),rgba(107,75,184,.05));
  border-color:rgba(107,75,184,.3);
  box-shadow:0 8px 18px rgba(107,75,184,.1);
}
html[data-theme="light"] .ci-arrow{color:rgba(28,24,40,.35)}
html[data-theme="light"] .icon-btn{background:#f0f1f5;color:var(--text)}
html[data-theme="light"] .icon-btn:hover{background:#e4e6ee}
html[data-theme="light"] .catalog-tag{
  color:var(--brand2);background:rgba(107,75,184,.08);border-color:rgba(107,75,184,.22);
}
html[data-theme="light"] .catalog-foot,
html[data-theme="light"] .product-actions.catalog-foot{
  border-top-color:rgba(28,24,40,.08);
}
html[data-theme="light"] .chat-panel{
  background:#fff;border-color:rgba(28,24,40,.12);color:var(--text);
}
html[data-theme="light"] .chat-head,
html[data-theme="light"] .chat-composer{background:#fff;border-color:rgba(28,24,40,.08)}
html[data-theme="light"] .chat-msgs{background:#f4f5f9}
html[data-theme="light"] .chat-actions button{
  background:#f0f1f5;border-color:rgba(28,24,40,.12);color:var(--text);
}
html[data-theme="light"] .bubble{color:var(--text)}
html[data-theme="light"] .bubble.bot,
html[data-theme="light"] .bubble.system,
html[data-theme="light"] .bubble.admin{background:#eef0f5;color:var(--text)}
html[data-theme="light"] .bubble.user{color:#fff}
html[data-theme="light"] .pay-method{
  background:#f7f8fb;border-color:rgba(28,24,40,.1);color:var(--text);
}
html[data-theme="light"] .pay-method span::before{
  border-color:rgba(28,24,40,.25);background:#fff;
}
html[data-theme="light"] .order-steps li{
  background:#f4f5f9;border-color:rgba(28,24,40,.08);color:var(--muted);
}
html[data-theme="light"] .order-steps li.on{
  color:var(--brand2);border-color:rgba(107,75,184,.3);background:rgba(107,75,184,.08);
}
html[data-theme="light"] .order-status-pill{background:#eef0f5;color:var(--text)}
html[data-theme="light"] .order-trust{color:var(--muted)}
html[data-theme="light"] .order-trust strong{color:#0f7a4e}
html[data-theme="light"] .product-sticky-cta{
  background:rgba(255,255,255,.94);border-top-color:rgba(28,24,40,.1);
}
html[data-theme="light"] .product-sticky-text strong{color:var(--text)}
html[data-theme="light"] .pay-result-icon.ok{background:#ecfdf5;color:#047857}
html[data-theme="light"] .pay-result-icon.warn{background:#fff7ed;color:#c2410c}
html[data-theme="light"] .pay-result-icon.err{background:#fff1f2;color:#be123c}
html[data-theme="light"] .ci-ico.is-chat{background:rgba(107,75,184,.12);color:#553a96}
html[data-theme="light"] .ci-ico.is-mail{background:rgba(107,75,184,.1);color:#553a96}
html[data-theme="light"] .sheet-brand img{background:#efeaf8}
html[data-theme="light"] .order-status-pill.status-pending_pay{background:#fff7ed;color:#c2410c}
html[data-theme="light"] .order-status-pill.status-paid,
html[data-theme="light"] .order-status-pill.status-delivering{background:#eff6ff;color:#1d4ed8}
html[data-theme="light"] .order-status-pill.status-done{background:#ecfdf5;color:#047857}
html[data-theme="light"] .order-status-pill.status-cancelled{background:#fff1f2;color:#be123c}
html[data-theme="light"] .order-steps li.cur{color:#b45309;border-color:rgba(245,158,11,.4);background:#fff7ed}

/* 产品演示体验（弹窗） */
.product-demo-dialog{
  border:0;padding:0;margin:auto;max-width:min(520px, calc(100% - 28px));
  width:100%;background:transparent;color:inherit;
}
.product-demo-dialog::backdrop{
  background:rgba(10,12,18,.62);
}
.product-demo-dialog-inner{
  border-radius:18px;overflow:hidden;
  background:var(--panel);border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.product-demo-dialog-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px 0;
}
.product-demo-dialog-head h2{margin:0;font-size:1.05rem}
.product-demo{
  margin:0;padding:14px 16px 16px;border-radius:0;
  border:0;background:transparent;
}
.product-demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.product-demo-block{margin:10px 0 4px}
.product-demo-block h3{margin:0 0 8px;font-size:.9rem;font-weight:700;color:var(--muted)}
.product-demo-creds{display:flex;flex-direction:column;gap:8px;margin:0 0 8px}
.demo-cred-row{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 12px;border-radius:12px;border:1px solid var(--line);
  background:rgba(0,0,0,.18);
}
.demo-cred-label{font-size:.82rem;color:var(--muted);min-width:4.5em}
.demo-cred-val{
  flex:1;min-width:0;font-size:.95rem;font-weight:700;color:var(--text);
  background:transparent;border:0;padding:0;word-break:break-all;
}
.product-demo-tip{margin:8px 0 0;font-size:.85rem;line-height:1.5}
html[data-theme="light"] .demo-cred-row{
  background:#f7f6fb;border-color:rgba(28,24,40,.1);
}

@media (max-width:900px){
  html[data-theme="light"] .nav-links{
    background:rgba(255,255,255,.98);border-left-color:rgba(28,24,40,.1);
    box-shadow:-12px 0 36px rgba(28,24,40,.12);
  }
  html[data-theme="light"] .nav-links a{color:var(--text)}
  html[data-theme="light"] .nav-links a:hover,
  html[data-theme="light"] .nav-links .nav-user{
    background:rgba(107,75,184,.08);border-color:rgba(107,75,184,.2);color:var(--brand2);
  }
}