/* Purchase-only extension of the approved black/red storefront material. */
.store-soft-theme.dark-item {
  --detail-bg:#080a0c;
  --detail-surface:#0c1013;
  --detail-field:#080d11;
  --detail-red:#ff344e;
  --detail-ink:#f7f7f8;
  --detail-muted:#c5c9cf;
  --detail-edge:#3c464d;
  --dark-ease:cubic-bezier(.16,1,.3,1);
  color:var(--detail-ink);
  background:var(--detail-bg)!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  color-scheme:dark;
  scrollbar-color:#57616a var(--detail-bg);
}
.dark-item ::selection {background:#782431;color:var(--detail-ink);}
.dark-item :is(input,textarea) {caret-color:var(--detail-red);}
.dark-item :is(a,button,input,textarea,select,[role=button]):focus-visible {outline:2px solid #ff7284;outline-offset:4px;}
.dark-item .navbar-acg {
  max-width:1280px;margin:24px auto 0;padding:13px 8px;
  background:linear-gradient(115deg,#171c20,#0b0f12 55%,#101519);
  border:0;border-radius:24px;box-shadow:inset 0 1px 0 #65707880,0 14px 30px #0005;
}
.dark-item .navbar-acg>.container {max-width:none;min-width:0;column-gap:12px;}
.dark-item .navbar-acg .navbar-brand {font-size:21px;letter-spacing:-.025em;margin-right:18px;}
.dark-item .navbar-acg .navbar-brand>span {color:var(--detail-ink)!important;}
.dark-item .navbar-acg .brand-logo {width:36px;height:36px;border-radius:12px;}
.dark-item .navbar-acg .nav-link {color:var(--detail-muted);font-size:14px;border-radius:13px;min-height:44px;}
.dark-item .navbar-acg .nav-link:hover,.dark-item .navbar-acg .nav-link.active {color:var(--detail-ink);background:#49202a66;}
.dark-item .navbar-acg :is(.lang-switch__btn,.user-info-box .dropdown-toggle) {background:#192127;color:var(--detail-ink);border-radius:14px;min-height:44px;}
.dark-item .navbar-acg .user-info-box #username {color:var(--detail-ink)!important;}
.dark-item .navbar-acg #user-balance {color:var(--detail-muted)!important;line-height:1.6!important;}
.dark-item .navbar-acg #user-balance :is(span,strong) {color:#ff7284!important;}
.dark-item .navbar-acg .user-login-box .btn {min-height:44px;border-radius:14px!important;}
.dark-item .navbar-acg .user-login-box .btn-outline-secondary {background:#192127;color:var(--detail-ink);}
.dark-item .navbar-acg .user-login-box .btn-primary {background:#c41d38;color:#fff;}
.dark-item .navbar-acg .search-input .input-group {max-width:280px;border-radius:14px;overflow:hidden;background:var(--detail-field);}
.dark-item .navbar-acg .search-input :is(.input-group-text,.form-control) {color:var(--detail-muted);background:var(--detail-field);border-color:var(--detail-edge);min-height:44px;}
.dark-item .navbar-acg .search-input .form-control::placeholder {color:#b4bdc6;}
.dark-item .navbar-acg .navbar-toggler {border-color:var(--detail-edge);background:#192127;border-radius:12px;width:44px;height:44px;}
.dark-item .navbar-acg .navbar-toggler-icon {filter:invert(1);}
.dark-item .navbar-acg .dropdown-menu {background:#182027;border:1px solid var(--detail-edge);border-radius:16px;box-shadow:0 18px 38px #0007;}
.dark-item .navbar-acg .dropdown-item {color:var(--detail-ink);font-size:13px;min-height:44px;border-radius:11px;}
.dark-item .navbar-acg .dropdown-item:hover,.dark-item .navbar-acg .dropdown-item:focus {background:#49202a;color:#fff;}
.dark-item .navbar-acg .dropdown-divider {border-color:var(--detail-edge);}
.dark-item .dark-purchase {max-width:1280px;padding:26px 0 48px!important;}
.dark-item .dark-purchase-panel {margin-top:0!important;border:0;border-radius:28px;background:linear-gradient(115deg,#141b20,#0b1013 58%,#131a1e);box-shadow:inset 0 1px 0 #5c687080,0 20px 36px #0005;}
.dark-item .dark-purchase-body {padding:30px;}
.dark-item .dark-purchase-grid {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;margin:0;--bs-gutter-x:0;--bs-gutter-y:0;}
.dark-item .dark-purchase-grid>div {width:auto;min-width:0;margin:0;padding:0;}
.dark-item .dark-detail-media {align-items:flex-start;}
.dark-item .dark-detail-cover {position:sticky;top:24px;height:auto!important;aspect-ratio:1.6;border:0;border-radius:23px;overflow:hidden;min-height:0;background:#0b1013;box-shadow:inset 0 1px 0 #6d777c80,0 17px 28px #0006;}
.dark-item .dark-detail-cover .item-cover {width:100%;height:100%;object-fit:contain;}
.dark-item .dark-detail-cover[data-dark-ready='1']>.item-cover {opacity:0;}
.dark-item .dark-detail-cover .dark-cover-surface {background:linear-gradient(120deg,#141a1e,#06090b 55%,#171e23);}
.dark-item .dark-detail-cover .dark-cover-wave {opacity:1;}
.dark-item .dark-detail-cover .dark-cover-copy {inset:20px 14px;}
.dark-item .dark-detail-cover .dark-cover-copy strong {font-size:clamp(68px,7vw,96px);letter-spacing:-.035em;line-height:1.1;font-weight:750;}
.dark-item .dark-detail-cover .dark-cover-copy small {font-size:18px;margin-top:10px;color:var(--detail-ink);}
.dark-item .dark-detail-info {min-width:0;width:100%;}
.dark-item .dark-detail-title {font-size:27px;font-weight:700;line-height:1.4;letter-spacing:-.02em;text-wrap:balance;margin:0 0 13px;color:var(--detail-ink);overflow-wrap:anywhere;}
.dark-item .dark-detail-badges {flex-wrap:wrap;gap:7px!important;margin-bottom:18px!important;}
.dark-item .dark-detail-badges .badge-soft {color:var(--detail-muted);background:#151e24;border:1px solid #49535b;font-size:12px;line-height:1.5;border-radius:14px;padding:4px 10px;}
.dark-item .dark-detail-badges .shared-button {margin-left:auto;display:inline-grid;place-items:center;min-height:44px;min-width:44px;padding:0;color:#ff7284;cursor:pointer;}
.dark-item .abacus {margin-bottom:24px!important;min-height:57px;}
.dark-item .abacus .price {font-size:48px;line-height:1.15;letter-spacing:-.025em;font-weight:750;color:var(--detail-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.dark-item .abacus .price .unit {font-size:26px;letter-spacing:0;color:#ff667b;margin-right:7px;}
.dark-item .dark-purchase-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px!important;}
.dark-item .dark-purchase-form>div {min-width:0;grid-column:1/-1;}
.dark-item .dark-purchase-form>.dark-purchase-field {grid-column:auto;}
.dark-item .form-label {display:block;font-size:14px;line-height:1.6;color:var(--detail-muted);margin-bottom:8px!important;}
.dark-item :is(.form-control,.form-select) {background:var(--detail-field);color:var(--detail-ink);border:1px solid var(--detail-edge);border-radius:12px;min-height:46px;padding:10px 13px;font-size:15px;line-height:1.5;box-shadow:inset 0 2px 6px #0004;}
.dark-item :is(.form-control,.form-select):focus {background:#101820;color:var(--detail-ink);border-color:#e65b70;box-shadow:0 0 0 3px #b4324633;}
.dark-item .form-control::placeholder {color:#aeb8c2;opacity:1;}
.dark-item :is(.form-control,.form-select):disabled {background:#151b20;color:#aeb8c2;opacity:.7;}
.dark-item .dark-purchase-form .qty-group {width:100%;max-width:200px;min-height:46px;border:1px solid var(--detail-edge);border-radius:13px;background:var(--detail-field);padding:0;box-shadow:none;overflow:visible;}
.dark-item .qty-group>button {flex:none;min-width:44px;min-height:44px;border:0;border-radius:11px;background:#351b23;color:#ff91a1;font-size:22px;box-shadow:none;transition:transform .16s var(--dark-ease),background .2s var(--dark-ease);}
.dark-item .qty-group>button:hover {background:#5b2231;color:#fff;}
.dark-item .qty-group>button:active {transform:scale(.95);}
.dark-item .qty-group>input[type=number] {min-width:0;width:1%;flex:1;min-height:44px;padding:8px 4px;border:0;border-radius:0!important;background:transparent;color:var(--detail-ink);box-shadow:none;font-size:17px;}
.dark-item .dark-purchase-form .dark-captcha-group {width:100%!important;max-width:280px;flex-wrap:nowrap;align-items:stretch;}
.dark-item .dark-captcha-group .captcha-input {width:1%;min-width:0;flex:1;border-radius:12px 0 0 12px;}
.dark-item .dark-captcha-group .input-group-append {display:flex;flex:none;}
.dark-item .captcha-img {height:46px;min-width:88px;max-width:106px;object-fit:contain;background:#fff;border:1px solid var(--detail-edge);border-left:0;border-radius:0 12px 12px 0;cursor:pointer;padding:4px;}
.dark-item .dark-purchase-form .cash-pay {margin-top:4px;padding:20px 0 0!important;background:transparent;border:0;border-top:1px solid var(--detail-edge);border-radius:0;box-shadow:none;}
.dark-item .cash-pay .form-label {font-size:16px;font-weight:650;color:var(--detail-ink);padding:0 0 12px;border:0;margin:0!important;}
.dark-item .cash-pay .form-label i {background:transparent;color:#ff667b;box-shadow:none;border-radius:0;font-size:19px;}
.dark-item .cash-pay .pay-list {display:flex;flex-wrap:wrap;gap:10px;padding:0;border:0;}
.dark-item .cash-pay .pay-list .pay {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;max-width:100%;padding:11px 15px;background:#172027;border:1px solid #4b555e;border-radius:13px;color:var(--detail-ink);box-shadow:none;cursor:pointer;transition:transform .16s var(--dark-ease),border-color .2s var(--dark-ease),background .2s var(--dark-ease);}
.dark-item .cash-pay .pay-list .pay span {min-width:0;white-space:normal;overflow-wrap:anywhere;color:inherit;font-size:13px;font-weight:600;line-height:1.5;}
.dark-item .pay-list .pay img {width:22px;height:22px;object-fit:contain;border-radius:5px;flex:none;filter:none;}
.dark-item .cash-pay .pay-list .pay:hover,.dark-item .cash-pay .pay-list .pay:focus-visible {background:#3e1b26;border-color:#ff516b;color:#fff;transform:translateY(-2px);}
.dark-item .cash-pay .pay-list .pay:active {transform:scale(.98);}
.dark-item .cash-pay .pay-list .pay:is(.is-primary,.active,.selected) {background:#81263a;border-color:#e6556e;color:#fff;}
.dark-item :is(.sku,.optional-card) {max-width:100%;min-height:44px;color:var(--detail-ink);background:#172027;border:1px solid var(--detail-edge);border-radius:12px;box-shadow:none;white-space:normal;}
.dark-item .sku.is-primary {color:#fff;background:#54202d;border-color:#e6556e;}
.dark-item .sku .badge-money {background:#39212a;color:#ffafbb;}
.dark-item .item-detail {margin-top:24px!important;border:0;border-radius:25px;background:var(--detail-surface);box-shadow:inset 0 1px 0 #5c687080;overflow:hidden;}
.dark-item .item-detail .panel-header {background:transparent;color:var(--detail-ink);border-bottom:1px solid var(--detail-edge);padding:20px 28px;}
.dark-item .item-detail .panel-title {font-size:18px;line-height:1.5;color:var(--detail-ink);margin:0;}
.dark-item .item-detail .panel-header .icon {color:#ff667b;background:transparent;box-shadow:none;}
.dark-item .item-detail .panel-body {padding:26px 28px 30px;font-size:15px;line-height:1.9;color:var(--detail-muted);overflow-wrap:anywhere;background:transparent;box-shadow:none;}
.dark-item .item-detail .panel-body :is(p,li) {max-width:75ch;}
.dark-item .item-detail .panel-body :is(h1,h2,h3,h4,h5,h6) {color:var(--detail-ink);line-height:1.5;margin-top:24px;margin-bottom:12px;font-size:19px;font-weight:650;}
.dark-item .item-detail .panel-body>:first-child {margin-top:0;}
.dark-item .item-detail .panel-body :is(strong,b) {color:var(--detail-ink);}
.dark-item .item-detail .panel-body [style*='color'] {color:inherit!important;}
.dark-item .item-detail .panel-body a {color:#ff91a1!important;text-decoration:underline;text-underline-offset:4px;}
.dark-item .item-detail .panel-body :is(img,video,iframe) {max-width:100%;}
.dark-item .item-detail .panel-body img {height:auto;}
.dark-item .item-detail .panel-body table {max-width:100%;color:var(--detail-muted);}
.dark-item .item-detail .panel-body pre {max-width:100%;overflow:auto;background:#161f26;color:var(--detail-ink);padding:16px;border-radius:12px;}
.dark-item :is(.layui-layer,.layui-layer-title,.layui-layer-content,.layui-layer-btn) {background:#182027;color:var(--detail-ink);}
.dark-item .layui-layer-title {border-color:var(--detail-edge);}
.dark-item footer {color:var(--detail-muted);}
@media(max-width:1340px) {
  .dark-item .navbar-acg {margin-left:28px;margin-right:28px;}
  .dark-item .dark-purchase {max-width:none;width:auto;margin:0 28px;}
}
@media(max-width:1100px) {
  .dark-item .navbar-acg .navbar-brand {font-size:18px;margin-right:8px;}
  .dark-item .navbar-acg .nav-link {padding:10px 12px;font-size:13px;}
  .dark-item .navbar-acg .search-input .input-group {max-width:200px;}
  .dark-item .dark-purchase-grid {gap:25px;}
  .dark-item .dark-purchase-body {padding:24px;}
  .dark-item .dark-detail-title {font-size:24px;}
  .dark-item .dark-purchase-form {grid-template-columns:minmax(0,1fr);gap:18px!important;}
  .dark-item .dark-purchase-form>.dark-purchase-field {grid-column:1/-1;}
}
@media(max-width:991.98px) {
  .dark-item .navbar-acg {margin-top:18px;}
  .dark-item .navbar-acg>.container {row-gap:12px;}
  .dark-item .navbar-acg .navbar-brand {margin-right:auto;font-size:20px;}
  .dark-item .navbar-acg .navbar-nav {gap:8px;}
  .dark-item .navbar-acg .navbar-collapse {padding:10px 0 0;}
  .dark-item .navbar-acg .user-info-box #user-balance {display:block;}
  .dark-item .dark-purchase-grid {grid-template-columns:minmax(0,1fr);gap:26px;}
  .dark-item .dark-detail-cover {position:relative;top:auto;aspect-ratio:1.8;max-width:640px;margin:0 auto;}
  .dark-item .dark-detail-cover .dark-cover-copy strong {font-size:88px;}
  .dark-item .dark-purchase-form {grid-template-columns:repeat(2,minmax(0,1fr));}
  .dark-item .dark-purchase-form>.dark-purchase-field {grid-column:auto;}
}
@media(max-width:600px) {
  .dark-item .navbar-acg {margin:14px 12px 0;padding:10px 0;border-radius:20px;}
  .dark-item .navbar-acg>.container {padding:0 14px;column-gap:8px;}
  .dark-item .navbar-acg .navbar-brand {font-size:17px;gap:5px;}
  .dark-item .navbar-acg .navbar-brand>span {max-width:none;}
  .dark-item .navbar-acg .brand-logo {width:28px;height:28px;margin-right:3px!important;}
  .dark-item .navbar-acg .lang-switch {margin-left:0!important;}
  .dark-item .navbar-acg .user-login-box {width:100%;order:5;justify-content:flex-end;}
  .dark-item .navbar-acg .user-info-box {width:100%;order:5;margin:0!important;}
  .dark-item .navbar-acg .user-info-box .dropdown-toggle {max-width:none;margin-left:auto;}
  .dark-item .navbar-acg .user-info-box #username {font-size:13px!important;}
  .dark-item .navbar-acg .user-info-box #user-balance {display:block;font-size:12px!important;}
  .dark-item .dark-purchase {margin:0 12px;padding:18px 0 32px!important;}
  .dark-item .dark-purchase-panel {border-radius:23px;}
  .dark-item .dark-purchase-body {padding:16px;}
  .dark-item .dark-purchase-grid {gap:23px;}
  .dark-item .dark-detail-cover {aspect-ratio:1.65;border-radius:18px;}
  .dark-item .dark-detail-cover .dark-cover-copy strong {font-size:68px;}
  .dark-item .dark-detail-cover .dark-cover-copy small {font-size:16px;}
  .dark-item .dark-detail-title {font-size:23px;line-height:1.45;margin-bottom:12px;}
  .dark-item .dark-detail-badges {gap:6px!important;}
  .dark-item .dark-detail-badges .badge-soft {font-size:11px;padding:4px 8px;}
  .dark-item .abacus {margin-bottom:21px!important;min-height:52px;}
  .dark-item .abacus .price {font-size:44px;}
  .dark-item .dark-purchase-form {grid-template-columns:minmax(0,1fr);gap:19px!important;}
  .dark-item .dark-purchase-form>.dark-purchase-field {grid-column:1/-1;}
  .dark-item .cash-pay .pay-list {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
  .dark-item .cash-pay .pay-list .pay {justify-content:flex-start;min-height:48px;padding:12px 15px;}
  .dark-item .item-detail {border-radius:21px;margin-top:18px!important;}
  .dark-item .item-detail .panel-header {padding:18px 20px;}
  .dark-item .item-detail .panel-body {padding:20px;font-size:14px;line-height:1.85;}
}
@media(prefers-reduced-motion:reduce) {
  .dark-item *,.dark-item *:before,.dark-item *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .dark-item .cash-pay .pay-list .pay,.dark-item .qty-group>button {transform:none!important;}
}