/* VHAVE Theme 1.1.0 — 紧凑型商店主题；仅修改展示样式 */
:root{--vh-bg:#0b1210;--vh-panel:#131c19;--vh-panel2:#18231f;--vh-line:#2b3933;--vh-text:#f3f8f5;--vh-muted:#a7b3ad;--vh-green:#209b76;--vh-light:#62ddb4}
html{scroll-behavior:smooth}
body[data-vhave-theme]{min-height:100vh;color:var(--vh-text);background:var(--vh-bg)!important;background-image:none!important;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body[data-vhave-theme="item"]{background-color:#0b1310!important;background-image:radial-gradient(circle at 76% 12%,rgba(32,167,125,.12),transparent 30%),linear-gradient(180deg,#0d1713 0%,#09100d 100%)!important;background-attachment:fixed!important}
body[data-vhave-theme] a{transition:.18s ease}
body[data-vhave-theme]>.navbar-acg{position:sticky;top:0;z-index:1050;min-height:76px;padding:10px 0;border:0;border-bottom:1px solid #202622;background:rgba(8,11,10,.94);box-shadow:none;backdrop-filter:blur(16px)}
body[data-vhave-theme] .navbar-acg>.container,body[data-vhave-theme] main.container{width:min(100%,1320px);max-width:1320px;padding-left:28px;padding-right:28px}
body[data-vhave-theme] .navbar-brand{gap:10px;margin-right:26px;font-size:22px;letter-spacing:-.4px}
body[data-vhave-theme] .navbar-brand .brand-logo{width:36px;height:36px;border-radius:9px;object-fit:contain}
body[data-vhave-theme] .navbar-brand span{color:var(--vh-light)!important;font-weight:800}
body[data-vhave-theme] .navbar-acg .nav-link{padding:11px 12px;color:#c8d0cc;border-radius:8px;font-size:15px;font-weight:650}
body[data-vhave-theme] .navbar-acg .nav-link:hover,body[data-vhave-theme] .navbar-acg .nav-link.active{color:#fff;background:#161b18}
body[data-vhave-theme] .navbar-acg .nav-link.active:after{display:none}
body[data-vhave-theme] .navbar-acg .search-input{width:min(100%,430px);margin-left:auto}
body[data-vhave-theme] .search-input .input-group-text,body[data-vhave-theme] .search-input .form-control{height:44px;color:#e9eeeb;border-color:#343c38;background:#111513;box-shadow:none}
body[data-vhave-theme] .search-input .input-group-text{padding-left:15px;border-right:0;border-radius:10px 0 0 10px}
body[data-vhave-theme] .search-input .form-control{border-left:0;border-radius:0 10px 10px 0}
body[data-vhave-theme] .search-input .form-control::placeholder{color:#737e78}
body[data-vhave-theme] .navbar-acg .btn{min-height:38px;border-radius:9px!important;font-weight:650}
body[data-vhave-theme] .navbar-acg .btn-outline-secondary{color:#e7ece9;border-color:#3b443f;background:transparent}
body[data-vhave-theme] .navbar-acg .btn-primary{color:#fff;border-color:#258e6d;background:#167d60}
body[data-vhave-theme] .lang-switch__btn,body[data-vhave-theme] .user-info-box .dropdown-toggle{color:#dfe5e1!important;border-color:#343c38!important;background:#121614!important}
body[data-vhave-theme] .user-info-box #username{color:#f4f7f5!important}
body[data-vhave-theme] .dropdown-menu{color:#dfe5e1;border:1px solid #333b37;background:#151a17;box-shadow:0 18px 50px rgba(0,0,0,.35)}
body[data-vhave-theme] .dropdown-item{color:#d5ddd8}body[data-vhave-theme] .dropdown-item:hover{color:#fff;background:#202722}
.vhave-home{padding-top:30px!important;padding-bottom:50px!important;color:var(--vh-text);background:var(--vh-bg)}
.vhave-home .panel,.vhave-item .panel{overflow:hidden;border:1px solid var(--vh-line)!important;border-radius:13px!important;background:var(--vh-panel)!important;box-shadow:none!important}.vhave-home .panel:before,.vhave-item .panel:before{display:none!important}.vhave-home .panel+.panel{margin-top:18px}
.vhave-home .panel-header,.vhave-item .panel-header{min-height:62px;padding:14px 19px;border-bottom:1px solid var(--vh-line);background:#131815}
.vhave-home .panel-header .icon,.vhave-item .panel-header .icon{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:var(--vh-light);border:1px solid #285b49;border-radius:8px;background:#11261f}
.vhave-home .panel-title,.vhave-item .panel-title{margin:0;color:#f4f7f5;font-size:16px;font-weight:750}.vhave-home .panel-body,.vhave-item .panel-body{color:#c8d0cc;background:transparent}.vhave-home .panel:first-child .panel-body{padding:20px 22px;line-height:1.85}
.vhave-home .panel:first-child .panel-body a{color:var(--vh-light)!important;font-weight:750;text-decoration:none}.vhave-home .panel:first-child .panel-body a:hover{color:#8aebc8!important;text-decoration:underline}
.vhave-home .chip-list{gap:8px;padding:1px 0 8px}.vhave-home .chip{min-height:38px;padding:6px 12px;color:#bdc7c1;border:1px solid #343d38;border-radius:8px;background:#171c19;box-shadow:none;font-size:13px;font-weight:700;transform:none}.vhave-home .chip:hover,.vhave-home .chip.is-primary{color:#fff;border-color:#2b9f7b;background:#167b5e;transform:none}.vhave-home .chip-icon{width:20px;height:20px;border-radius:5px}
.vhave-home .item-list{margin:0;padding-top:3px}.vhave-home .item-list>a{width:100%;max-width:100%;flex:0 0 100%;margin-bottom:12px!important;padding:0;color:inherit;text-decoration:none}
.vhave-home .item-list .acg-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:144px;overflow:hidden;color:var(--vh-text);border:1px solid #303934;border-radius:11px;background:var(--vh-panel2);box-shadow:none}.vhave-home .item-list .acg-card:hover{color:#fff;border-color:#3b715f;background:#181e1a;box-shadow:0 15px 34px rgba(0,0,0,.18);transform:translateY(-1px)}
.vhave-home .item-list .acg-thumb{width:100%;height:100%;min-height:144px;border:0;border-right:1px solid var(--vh-line);border-radius:0}
.vhave-home .item-list .acg-card>.p-3{display:grid!important;grid-template-columns:minmax(0,1fr) 150px 118px;grid-template-rows:auto minmax(45px,1fr);min-width:0;align-items:center;gap:3px 22px;padding:20px 24px!important}
.vhave-home .item-list .tags{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;gap:6px;margin:0}.vhave-home .item-list .goods-title{grid-column:1;grid-row:2;align-self:start;margin:8px 0 0;overflow:hidden;color:#f4f7f5;font-size:17px;font-weight:750;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.vhave-home .item-list .stat-row{grid-column:2;grid-row:1/3;display:flex!important;min-height:74px;align-items:center;justify-content:center;margin:0!important;padding:0 20px;border-left:1px solid var(--vh-line);border-right:1px solid var(--vh-line)}.vhave-home .item-list .price{color:var(--vh-light);font-size:28px;font-weight:850;letter-spacing:-.5px}.vhave-home .item-list .price .unit{margin-right:2px;font-size:14px;font-weight:700}
.vhave-home .item-list .stat-bottom{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#96a19b;font-size:13px;white-space:nowrap}.vhave-home .item-message{color:#8e9993}
.vhave-item{padding-top:26px!important;padding-bottom:48px!important;color:var(--vh-text)}.vhave-item>.panel:first-child{margin-top:0!important}.vhave-item .panel-body{padding:24px}.vhave-item h4{margin-bottom:14px;color:#fff;font-size:25px;font-weight:800;letter-spacing:-.4px}.vhave-item .acg-cover{overflow:hidden;border:1px solid #303934;border-radius:11px;background:var(--vh-panel2);box-shadow:none}.vhave-item .item-cover{width:100%;height:100%;min-height:360px;object-fit:cover}.vhave-item .badge-soft,.vhave-item .sku,.vhave-item .optional-card{border-radius:7px}.vhave-item .sku{color:#c6d0ca;border-color:#35403a;background:#151a17}.vhave-item .sku:hover,.vhave-item .sku.is-primary{color:#fff;border-color:#2a9d79;background:#167b5e}.vhave-item .form-label{color:#c8d1cc;font-weight:650}.vhave-item .item-detail{color:#c7d0cb;line-height:1.8}
.vhave-item .vstack .form-control{min-height:46px;color:#f2f7f4!important;caret-color:var(--vh-light);border:1px solid #3b4942!important;background:#17201c!important;box-shadow:0 1px 0 rgba(255,255,255,.025) inset!important}
.vhave-item .vstack .form-control::placeholder{color:#89968f!important;opacity:1}
.vhave-item .vstack .form-control:focus{color:#fff!important;border-color:#2fa77f!important;background:#19251f!important;box-shadow:0 0 0 4px rgba(32,167,125,.14)!important}
.vhave-item .input-group.qty-group{gap:10px;padding:6px 8px;border:1px solid #3a4941;background:#141d19;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.vhave-item .input-group.qty-group>button{color:#fff;background:linear-gradient(180deg,#2ab386,#188361);box-shadow:0 6px 14px rgba(24,131,97,.25)}
.vhave-item .input-group.qty-group>.form-control{min-height:24px;color:#eafff7!important;border:0!important;background:transparent!important;box-shadow:none!important}
.vhave-item .cash-pay{color:#eef6f2;border:1px solid #35433c;background:#121916;box-shadow:0 12px 28px rgba(0,0,0,.2),0 0 0 1px rgba(88,217,173,.035) inset}
.vhave-item .cash-pay .form-label{color:#f1f7f4!important}
.vhave-item .cash-pay .pay-list{border-top-color:#3b4942}
.vhave-item .pay-list .pay{color:#eff7f3!important;border:1px solid #3b4942!important;background:#1b2520!important;box-shadow:none}
.vhave-item .pay-list .pay span{color:#eff7f3!important}
.vhave-item .pay-list .pay:hover{border-color:#3ba984!important;background:#213029!important;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.vhave-item .pay-list .pay.is-primary,.vhave-item .pay-list .pay.active,.vhave-item .pay-list .pay.selected{color:#fff!important;border-color:#39b98e!important;background:linear-gradient(135deg,#1c956f,#137053)!important;box-shadow:0 8px 20px rgba(20,133,98,.25)}
.vhave-item .pay-list .pay.is-primary span,.vhave-item .pay-list .pay.active span,.vhave-item .pay-list .pay.selected span{color:#fff!important}
body[data-vhave-theme] footer{padding:20px 15px;color:#7f8b84;border-top:1px solid #202622;background:#090c0a;text-align:center}
@media(max-width:1100px){.vhave-hero-grid{grid-template-columns:minmax(380px,1fr) minmax(380px,.95fr)}.vhave-home .item-list .acg-card>.p-3{grid-template-columns:minmax(0,1fr) 135px 95px;gap:3px 14px;padding:18px!important}}
@media(max-width:991.98px){body[data-vhave-theme]>.navbar-acg{position:relative}body[data-vhave-theme] .navbar-acg .navbar-collapse{margin-top:12px;padding:12px;border:1px solid var(--vh-line);border-radius:10px;background:#111513}.vhave-hero-grid{grid-template-columns:1fr}.vhave-hero-copy{padding:48px 6px 34px}.vhave-hero-art,.vhave-hero-art img{min-height:300px;height:300px}}
@media(max-width:767.98px){body[data-vhave-theme] .navbar-acg>.container,body[data-vhave-theme] main.container{padding-left:16px;padding-right:16px}.vhave-service-grid{grid-template-columns:1fr;padding-top:10px;padding-bottom:10px}.vhave-service-grid>div,.vhave-service-grid>a,.vhave-service-grid>div:first-child{min-height:34px;justify-content:flex-start;font-size:13px}.vhave-hero-copy{padding:40px 0 32px}.vhave-eyebrow{margin-bottom:23px;font-size:13px}.vhave-hero h1{font-size:36px;letter-spacing:-1.2px}.vhave-hero p{font-size:15px}.vhave-primary-action,.vhave-secondary-action{min-height:48px;padding:0 16px;font-size:14px}.vhave-hero-art,.vhave-hero-art img{min-height:250px;height:250px}.vhave-home{padding-top:18px!important}.vhave-home .panel-body,.vhave-item .panel-body{padding:16px}.vhave-home .item-list .acg-card{grid-template-columns:1fr}.vhave-home .item-list .acg-thumb{height:190px;min-height:190px;border-right:0;border-bottom:1px solid var(--vh-line)}.vhave-home .item-list .acg-card>.p-3{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:8px 12px;padding:17px!important}.vhave-home .item-list .tags{grid-column:1/3;grid-row:1}.vhave-home .item-list .goods-title{grid-column:1/3;grid-row:2;white-space:normal}.vhave-home .item-list .stat-row{grid-column:1;grid-row:3;min-height:40px;justify-content:flex-start;padding:0;border:0}.vhave-home .item-list .stat-bottom{grid-column:2;grid-row:3;min-height:40px;align-items:flex-end}.vhave-item h4{font-size:21px}.vhave-item .item-cover{min-height:260px}}
@media(max-width:420px){.vhave-hero h1{font-size:31px}.vhave-hero-actions{align-items:stretch;flex-direction:column}.vhave-primary-action,.vhave-secondary-action{width:100%}}

/* 1.1.0 compact storefront refresh: no service strip and no hero banner */
body[data-vhave-theme]{
  background-color:var(--vh-bg)!important;
  background-image:
    radial-gradient(circle at 12% -8%,rgba(58,173,132,.13),transparent 32%),
    radial-gradient(circle at 92% 8%,rgba(35,105,82,.11),transparent 28%),
    linear-gradient(180deg,#0f1815 0%,#0b1210 48%,#0a100e 100%)!important;
  background-attachment:fixed!important;
}
body[data-vhave-theme]>.navbar-acg{
  min-height:70px;
  border-bottom-color:#26332e;
  background:rgba(11,18,16,.94);
  box-shadow:0 10px 30px rgba(0,0,0,.16);
}
body[data-vhave-theme] .navbar-acg>.container,
body[data-vhave-theme] main.container{
  width:min(100%,1280px);
  max-width:1280px;
}
.vhave-home{
  padding-top:24px!important;
  background:transparent!important;
}
.vhave-home .panel,.vhave-item .panel{
  border-color:#2b3933!important;
  background:linear-gradient(180deg,rgba(20,30,26,.98),rgba(16,25,22,.98))!important;
  box-shadow:0 18px 45px rgba(0,0,0,.16)!important;
}
.vhave-home .panel-header,.vhave-item .panel-header{
  background:rgba(24,35,31,.92);
}
.vhave-home .panel:first-child .panel-body{
  background:rgba(13,21,18,.35);
}
.vhave-home .item-list .acg-card{
  border-color:#30423a;
  background:linear-gradient(135deg,#18231f,#141e1a);
}
.vhave-home .item-list .acg-card:hover{
  border-color:#3e8068;
  background:linear-gradient(135deg,#1b2a24,#17221e);
  box-shadow:0 18px 38px rgba(0,0,0,.22);
}
.vhave-home .item-list .price{color:#69e2ba}
.vhave-item{
  padding-top:24px!important;
  background:transparent!important;
}
body[data-vhave-theme] footer{
  background:rgba(8,14,12,.82);
}
@media(max-width:767.98px){
  body[data-vhave-theme] .navbar-acg>.container,
  body[data-vhave-theme] main.container{padding-left:14px;padding-right:14px}
  .vhave-home{padding-top:14px!important}
}

/* 1.1.1 responsive compact header and announcement */
body[data-vhave-theme]{overflow-x:hidden}
@media(max-width:575.98px){
  body[data-vhave-theme]>.navbar-acg{min-height:64px;padding:8px 0}
  body[data-vhave-theme] .navbar-acg>.container{display:flex;flex-wrap:nowrap!important;gap:4px}
  body[data-vhave-theme] .navbar-brand{min-width:0;flex:1 1 auto;gap:7px;margin-right:4px!important;font-size:18px!important}
  body[data-vhave-theme] .navbar-brand .brand-logo{width:30px;height:30px;flex:0 0 30px}
  body[data-vhave-theme] .navbar-brand span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  body[data-vhave-theme] .lang-switch{display:none!important}
  body[data-vhave-theme] .user-login-box{display:flex!important;flex:0 0 auto;gap:4px;margin-left:0!important}
  body[data-vhave-theme] .user-login-box .btn{min-height:36px;padding:5px 8px!important;font-size:12px!important;white-space:nowrap}
  body[data-vhave-theme] .user-login-box .btn i{display:none!important}
  .vhave-home .panel:first-child .panel-body{overflow:hidden;padding:18px 16px!important}
  .vhave-home .panel:first-child .panel-body h1{margin-bottom:8px;font-size:clamp(22px,7.2vw,29px)!important;line-height:1.28!important;letter-spacing:-.7px;white-space:normal!important;overflow-wrap:anywhere}
  .vhave-home .panel:first-child .panel-body h2{font-size:21px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere}
  .vhave-home .panel:first-child .panel-body h3{font-size:18px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere}
  .vhave-home .panel:first-child .panel-body p,.vhave-home .panel:first-child .panel-body blockquote{max-width:100%;overflow-wrap:anywhere}
}
