:root{
  --primary:#E8A045;
  --coral:#ff6a5a;
  --orange:#ff974f;
  --pink:#ff8fa6;
}
/* video58 — Sunset Coral 暖阳珊瑚 / 暖色渐变 + 圆润 + 柔影 */
*{box-sizing:border-box;}
body{background:#fff5ef;color:#7a5e57;font-family:"Quicksand","Segoe UI",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;}
::selection{background:#ff6a5a;color:#fff;}
::-webkit-scrollbar{width:11px;}
::-webkit-scrollbar-track{background:#ffe8de;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6a5a,#ff974f);border-radius:9999px;}

.grad-sun{background:linear-gradient(135deg,#ff6a5a,#ff974f);}
.grad-sun-soft{background:linear-gradient(150deg,#fff0e6,#ffe9ec);}
.t-sun{background:linear-gradient(120deg,#ff6a5a,#ff974f);-webkit-background-clip:text;background-clip:text;color:transparent;}
.t-coral{color:#ff6a5a;}

.sc-card{background:#fff;border:1px solid #ffe1d4;border-radius:1.4rem;box-shadow:0 12px 28px -16px rgba(255,106,90,.45);transition:transform .3s ease,box-shadow .3s ease;}
.sc-card:hover,.sc-card.video-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px -16px rgba(255,106,90,.55);}
.sc-soft{background:#fff;border:1px solid #ffe1d4;border-radius:1.15rem;}

.sc-btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;border-radius:9999px;padding:.85rem 1.85rem;background:linear-gradient(135deg,#ff6a5a,#ff974f);color:#fff;box-shadow:0 12px 24px -10px rgba(255,106,90,.75);transition:transform .25s ease;}
.sc-btn:hover{transform:translateY(-2px);}
.sc-btn-2{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;border-radius:9999px;padding:.85rem 1.85rem;background:#fff;color:#ff6a5a;border:1.5px solid #ffcbbd;transition:.25s;}
.sc-btn-2:hover{border-color:#ff6a5a;}

.chip{border-radius:9999px;background:#ffe7df;color:#ff6a5a;}

.cat-tab{border-radius:9999px;background:#fff;border:1px solid #ffd9cc;color:#b59a93;font-weight:600;transition:.22s;}
.cat-tab:hover{color:#ff6a5a;}
.cat-tab.active{background:linear-gradient(135deg,#ff6a5a,#ff974f);color:#fff;border-color:transparent;}

.nav-link{border-radius:9999px;color:#8a6f68;font-weight:600;transition:.2s;}
.nav-link:hover{color:#ff6a5a;background:#ffe7df;}
.nav-link.active{background:linear-gradient(135deg,#ff6a5a,#ff974f);color:#fff;}

.nav{display:flex;}
@media(max-width:1023px){
  .nav{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:320px;flex-direction:column;align-items:stretch;gap:.45rem;background:#fff5ef;border-radius:2rem 0 0 2rem;padding:6rem 1.5rem 2rem;transform:translateX(103%);transition:transform .3s ease;z-index:60;overflow-y:auto;box-shadow:-14px 0 40px -12px rgba(255,106,90,.4);}
  .nav.active{transform:translateX(0);}
  .menu-overlay{position:fixed;inset:0;background:rgba(122,94,87,.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 .3s ease,opacity .3s ease;}
.faq-item.active .faq-icon{transform:rotate(180deg);}
.faq-icon{transition:transform .25s ease;}

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

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