/* 旗羊毛商城 · V3 简约紫韵主题
   保持原有 Vue 页面、路由及 API 不变，只覆盖视觉样式。 */
:root {
  --acid: #c5a3ff;
  --bg: #120f1b;
  --panel: #1b1627;
  --panel-2: #241c34;
  --line: #342a46;
  --muted: #ad9fbe;
  color-scheme: dark;
}
body {background: #0d0a15; color: #faf7ff;}
.market-shell {background: #120f1b; color:#faf7ff; box-shadow:0 16px 64px rgba(0,0,0,.3);}
.market-header {min-height:86px;padding:15px 18px;gap:12px;border-bottom:1px solid #322843;background:#171122;}
.brand-block {min-height:56px;display:flex;justify-content:center;padding-left:65px;position:relative;}
.brand-block:not(.compact-brand)::before {
  content:"";width:56px;height:56px;position:absolute;left:0;top:50%;transform:translateY(-50%);
  background:url('/qi-yang-icon.png') center/contain no-repeat;
}
.brand-block > span {display:none;}
.brand-block strong {margin-top:0;color:#fff;font-weight:800;font-size:21px;letter-spacing:.2px;}
.brand-block small {margin-top:5px;color:#ad9dbf;font-size:10px;letter-spacing:.3px;}
.icon-button {border:1px solid #453458;border-radius:12px;background:#221932;color:#f5eaff;}
.search-trigger {color:#d9c0ff;}
.search-drawer {border:1px solid #49385f;background:#241a34ef;}
.search-drawer>span {color:#d4b6ff;}
.search-drawer input {color:#fff;}
.announcement {border-color:#392c50;background:#21172e;color:#e8dff6;}
.announcement span {color:var(--acid);}
.featured-panel {border:1px solid #574071;border-radius:18px;background:linear-gradient(125deg,#40215f,#1a1230 85%);}
.featured-copy h1 {color:#fff;}
.featured-copy p {color:#d0c0df;}
.featured-copy button,.empty-panel button {background:#d9bcff;color:#241436;border-radius:10px;}
.featured-art>span {color:#d7b5ff;text-shadow:0 10px 42px #b574f155;}
.featured-art i {border-color:#8565b1;}
.section-title h2 {color:#faf7ff;font-weight:800;}
.section-title>button {color:#d1acff;}
.product-card {padding:7px;border:1px solid #30283f;border-radius:16px;background:#1e172b;box-shadow:0 6px 22px rgba(0,0,0,.08);}
.product-card:hover {border-color:#8060ac;}
.card-visual,.card-visual.gold,.card-visual.rose,.card-visual.violet {border-radius:12px;background:radial-gradient(circle at 50% 30%,#403050,#2c223d 58%,#241b34 100%);}
.card-tag,.card-copy small {color:#d8baff;}
.card-object {border-color:#8662b1;background:#251a38;box-shadow:0 10px 30px #09061155;}
.card-object span {color:#dac1ff;}
.card-visual>button {background:#bd8bff;color:#220b38;}
.card-copy h3 {color:#fff;font-weight:700;}
.card-copy>div span,.card-purchase-row span,.detail-price {color:#f2dfff;}
.card-buy-button,.primary-action {background:#a56bf0!important;color:#fff!important;border-color:#a56bf0!important;border-radius:10px!important;}
.trust-strip {border-color:#352944;background:#1c1628;border-radius:14px;}
.trust-strip>div {border-color:#352944;}
.trust-strip span {color:#bc95ef;}
.trust-strip strong {color:#f5ecff;}
.category-scroller button {border-color:#49365f;background:#21172e;color:#dfd0ed;border-radius:999px;}
.category-scroller button.active {border-color:#a56bf0;background:#a56bf0;color:#fff;}
.bottom-nav {border-top:1px solid #3a2d49;background:rgba(23,17,34,.97);box-shadow:0 -8px 36px rgba(0,0,0,.16);}
.bottom-nav button {color:#a99bb8;}
.bottom-nav button.active {color:#c49bff;}
.banner-carousel {border:1px solid #4c3466;border-radius:17px;box-shadow:0 9px 28px #0c071b33;}
.banner-copy h1 {color:#fff;}
.banner-copy button {background:#cdaaff!important;color:#261335!important;border-radius:9px!important;}
.detail-visual {border-color:#3f3152;}
.detail-info h1,.page-heading h1 {color:#f9f5ff;}
button:focus-visible,input:focus-visible,select:focus-visible {outline:2px solid #bf8dff;outline-offset:2px;}
@media(max-width:480px){
 .market-header{min-height:76px;padding:12px 14px;}
 .brand-block{padding-left:56px;min-height:48px;}
 .brand-block:not(.compact-brand)::before{width:49px;height:49px;}
 .brand-block strong{font-size:18px;}
 .featured-panel{min-height:200px;}
 .card-visual{height:164px;}
}