:root{
  --primary:#FF6B6B;
  --lav:#b3a0e8;
  --peach:#ff9f87;
  --mint:#86dcc0;
  --sky:#8fc9ec;
  --bg:#f1ecf8;
}
/* video45 — Soft Pastel / Claymorphism 柔彩黏土风 / 圆润 + 柔和双阴影 */
*{box-sizing:border-box;}
body{background:#f1ecf8;color:#5b5470;font-family:"Nunito","Segoe UI",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;}
::selection{background:#b3a0e8;color:#fff;}
::-webkit-scrollbar{width:12px;}
::-webkit-scrollbar-track{background:#f1ecf8;}
::-webkit-scrollbar-thumb{background:#cdbfee;border-radius:9999px;border:3px solid #f1ecf8;}

.clay{background:#faf7ff;border-radius:2rem;box-shadow:8px 8px 20px rgba(150,130,200,.25),-8px -8px 20px rgba(255,255,255,.9),inset 0 0 0 transparent;transition:transform .3s cubic-bezier(.34,1.3,.6,1),box-shadow .3s;}
.clay-card:hover{transform:translateY(-6px);box-shadow:12px 16px 30px rgba(150,130,200,.32),-8px -8px 20px rgba(255,255,255,.95);}
.clay-inset{background:#ece5f7;border-radius:1.5rem;box-shadow:inset 5px 5px 12px rgba(150,130,200,.3),inset -5px -5px 12px rgba(255,255,255,.85);}
.clay-soft{background:#faf7ff;border-radius:1.5rem;box-shadow:5px 5px 14px rgba(150,130,200,.2),-5px -5px 14px rgba(255,255,255,.85);}

.grad-lav{background:linear-gradient(135deg,#c9b8f2,#b3a0e8);}
.grad-peach{background:linear-gradient(135deg,#ffc2ac,#ff9f87);}
.grad-mint{background:linear-gradient(135deg,#a6ead4,#86dcc0);}
.grad-sky{background:linear-gradient(135deg,#aedbf2,#8fc9ec);}
.t-grad{background:linear-gradient(120deg,#b3a0e8,#ff9f87);-webkit-background-clip:text;background-clip:text;color:transparent;}

.clay-btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;border-radius:9999px;padding:.9rem 1.9rem;background:linear-gradient(135deg,#c9b8f2,#b3a0e8);color:#fff;box-shadow:5px 6px 14px rgba(150,110,210,.4),-3px -3px 8px rgba(255,255,255,.7);transition:transform .25s cubic-bezier(.34,1.3,.6,1);}
.clay-btn:hover{transform:translateY(-3px) scale(1.02);}
.clay-btn:active{transform:translateY(1px);box-shadow:inset 3px 3px 8px rgba(120,90,170,.4);}
.clay-btn-2{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;border-radius:9999px;padding:.9rem 1.9rem;background:#faf7ff;color:#7a6aa8;box-shadow:5px 5px 12px rgba(150,130,200,.25),-5px -5px 12px rgba(255,255,255,.9);transition:transform .25s cubic-bezier(.34,1.3,.6,1);}
.clay-btn-2:hover{transform:translateY(-3px);}

.chip{border-radius:9999px;background:#faf7ff;box-shadow:3px 3px 8px rgba(150,130,200,.22),-3px -3px 8px rgba(255,255,255,.9);}

.cat-tab{border-radius:9999px;background:#faf7ff;color:#9a8fc0;box-shadow:4px 4px 9px rgba(150,130,200,.2),-4px -4px 9px rgba(255,255,255,.9);transition:.25s;}
.cat-tab.active{background:linear-gradient(135deg,#c9b8f2,#b3a0e8);color:#fff;box-shadow:inset 3px 3px 8px rgba(120,90,170,.35);}

.nav-link{border-radius:9999px;color:#8c81b0;font-weight:700;transition:.25s;}
.nav-link:hover{color:#7a6aa8;background:#ece5f7;}
.nav-link.active{background:linear-gradient(135deg,#c9b8f2,#b3a0e8);color:#fff;}

.nav{display:flex;}
@media(max-width:1023px){
  .nav{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:330px;flex-direction:column;align-items:stretch;gap:.5rem;background:#f1ecf8;border-radius:2.5rem 0 0 2.5rem;padding:6rem 1.5rem 2rem;transform:translateX(103%);transition:transform .35s cubic-bezier(.34,1.2,.6,1);z-index:60;overflow-y:auto;box-shadow:-12px 0 40px rgba(150,130,200,.3);}
  .nav.active{transform:translateX(0);}
  .menu-overlay{position:fixed;inset:0;background:rgba(91,84,112,.4);opacity:0;visibility:hidden;transition:opacity .3s;z-index:55;}
  .menu-overlay.active{opacity:1;visibility:visible;}
  body.menu-open{overflow:hidden;}
}

.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .35s ease;}
.faq-item.active .faq-icon{transform:rotate(180deg);}
.faq-icon{transition:transform .3s ease;}

.back-to-top{opacity:0;visibility:hidden;transition:opacity .3s,transform .3s;}
.back-to-top.visible{opacity:1;visibility:visible;}

@media print{header,footer,.no-print{display:none;}}