/* Mature wine-black visual system for CardLane */
:root { --primary:#b83262; --primary-hover:#d94673; --bg-page:#100b12; --bg-card:#1b111b; --text-main:#f8eaf0; --text-muted:#c1a8b3; --border-color:#432338; }
body { background:#100b12; color:#f8eaf0; }
.cardlane-header { background:rgba(18,10,20,.92); border-bottom-color:#432338; box-shadow:0 8px 30px rgba(0,0,0,.28); }
.brand-link,.brand-name,.hero-title,.goods-title,.single-product-copy h2,.section-title { color:#fff1f5; }
.brand-badge { background:linear-gradient(135deg,#8f204c,#d94673); box-shadow:0 0 0 1px #ef7696,0 0 22px rgba(217,70,115,.65); }
.brand-breathing { animation: brandBreath 3.4s ease-in-out infinite; }
.brand-breathing img { width:100%; height:100%; object-fit:contain; border-radius:8px; }
@keyframes brandBreath { 0%,100%{box-shadow:0 0 0 1px rgba(239,118,150,.65),0 0 12px rgba(217,70,115,.35)} 50%{box-shadow:0 0 0 1px rgba(255,178,200,.95),0 0 28px rgba(217,70,115,.85)} }
.cardlane-hero { background:radial-gradient(circle at 78% 20%,rgba(151,35,83,.25),transparent 32%),linear-gradient(180deg,#1c101b 0%,#100b12 100%); }
.hero-tag { background:#321526; border:1px solid #71324f; color:#f3a6bd; }
.hero-subtitle,.feature-text span,.single-product-desc,.goods-desc,.faq-item p { color:#c1a8b3; }
.feature-item,.single-product-card,.goods-card,.faq-item,.cardlane-modal .modal-dialog { background:#1b111b; border-color:#432338; box-shadow:0 12px 35px rgba(0,0,0,.2); }
.feature-text strong,.faq-item h4 { color:#ffe9f0; }
.cardlane-catalog,.cardlane-faq { background:#100b12; }
.single-product-visual,.goods-thumb { background:radial-gradient(circle at 50% 35%,#4a1a32,#241321 62%,#160d16); }
.single-product-stats { border-color:#432338; }
.single-product-stats span,.sales-count,.orig-price { color:#b994a4; }
.single-product-stats b { color:#ffe9f0; }
.price-box .price,.price-box .currency,.single-product-stats strong { color:#fb7185; }
.btn-buy-now,.btn-submit-order,.btn-do-query { background:linear-gradient(135deg,#a9285a,#e0527e); box-shadow:0 8px 20px rgba(190,42,100,.25); }
.btn-buy-now:hover,.btn-submit-order:hover,.btn-do-query:hover { background:linear-gradient(135deg,#d13a6f,#f06c91); }
.product-tags span { color:#f4a6bc; background:#321526; border-color:#71324f; }
.single-product-notice { background:#2b1720; border-color:#71324f; color:#f5b7c7; }
.faq-top-custom { background:#140c15; padding:24px 0 0; }
.faq-top-custom .faq-item { max-width:980px; margin:0 auto; }
.cardlane-footer { background:#0a070c; border-top:1px solid #432338; }
.footer-compact { color:#b994a4; }
.notice-contact { color:#e8b5c7; }
@media(max-width:768px){.brand-badge{box-shadow:0 0 0 1px rgba(239,118,150,.7),0 0 18px rgba(217,70,115,.6)}.single-product-visual{min-height:220px}}


/* Layered background and modal polish */
html, body { overflow-x:hidden; }
.cardlane-main { position:relative; isolation:isolate; background:#100b12; }
.cardlane-main::before { content:""; position:absolute; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(ellipse at 12% 16%,rgba(187,44,104,.16),transparent 28%),radial-gradient(ellipse at 90% 62%,rgba(91,33,182,.12),transparent 30%),linear-gradient(180deg,#100b12 0%,#140c15 48%,#0d090f 100%); }
.cardlane-main::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,black,transparent 75%); }
.cardlane-hero { position:relative; background:radial-gradient(ellipse at 50% -20%,rgba(218,70,115,.22),transparent 50%),linear-gradient(180deg,#21101f 0%,#160d17 58%,#100b12 100%); border-bottom:1px solid #432338; }
.cardlane-catalog { position:relative; background:linear-gradient(180deg,rgba(16,11,18,.12),rgba(16,11,18,.75)); }
.cardlane-faq { position:relative; background:linear-gradient(180deg,#140c15,#0c080e); }
.cardlane-modal { padding:16px; overflow-y:auto; }
.modal-dialog { max-height:calc(100vh - 32px); overflow:hidden; display:flex; flex-direction:column; }
.modal-body { overflow-y:auto; overscroll-behavior:contain; }
.modal-header { flex:0 0 auto; background:linear-gradient(180deg,#24121e,#1b111b); }
.checkout-product-summary { background:linear-gradient(135deg,#321526,#21121d); border-color:#71324f; }
.query-box { flex-wrap:wrap; }
.query-box input:first-child { min-width:100%; }
.query-results-box { max-height:300px; overflow:auto; }
.cardlane-floaters { z-index:0; }
.cardlane-floaters span { color:#f4a6bc; font-size:16px; font-weight:900; letter-spacing:-.08em; text-shadow:0 0 16px rgba(244,166,188,.75); opacity:.32; }
@media(max-width:768px){
  .cardlane-modal { align-items:flex-start; padding:10px; }
  .modal-dialog { max-height:calc(100vh - 20px); margin-top:4vh; border-radius:14px; }
  .modal-body { padding:16px; }
  .query-box { gap:6px; }
  .query-box input:nth-child(2) { flex:1; min-width:0; }
  .btn-do-query { min-height:40px; flex:0 0 76px; }
}


/* Minimal centered brand header and seamless page composition */
.cardlane-notice-bar, .header-nav { display:none !important; }
.cardlane-header { background:rgba(16,11,18,.72); border-bottom:0; box-shadow:none; }
.header-centered { justify-content:center; height:78px; }
.brand-link { justify-content:center; }
.floating-query-button { position:fixed; right:18px; bottom:22px; z-index:80; display:flex; align-items:center; gap:7px; border:1px solid #8d3c60; border-radius:999px; padding:11px 16px; color:#fff1f5; background:linear-gradient(135deg,#7e2149,#c53d6d); box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 20px rgba(197,61,109,.3); font-weight:700; font-size:12px; }
.floating-query-button:hover { transform:translateY(-2px); }
.cardlane-main, .cardlane-hero, .cardlane-catalog, .cardlane-faq, .faq-top-custom { background:transparent; border:0; }
.cardlane-hero { padding-top:26px; }
.feature-item, .single-product-card, .faq-item { border-color:rgba(113,50,79,.58); box-shadow:0 10px 30px rgba(0,0,0,.12); }
.cardlane-faq { padding-top:24px; }
@media(max-width:768px){.header-centered{height:68px}.brand-name{font-size:17px}.floating-query-button{right:12px;bottom:14px;padding:10px 14px}.brand-tag{display:none}}


/* Premium checkout modal */
#checkout-modal .modal-dialog { border:1px solid #71324f; box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 40px rgba(190,42,100,.12); }
#checkout-modal .modal-header { position:relative; padding:20px 22px 17px; }
#checkout-modal .modal-header::before { content:"CARDLANE CHECKOUT"; display:block; position:absolute; top:7px; left:22px; color:#e78aa7; font-size:9px; letter-spacing:.18em; font-weight:800; }
#checkout-modal .modal-header h3 { padding-top:8px; color:#fff1f5; letter-spacing:.02em; }
#checkout-modal .modal-body { padding:22px; }
#checkout-modal .checkout-product-summary { padding:16px; border-radius:14px; background:linear-gradient(135deg,#3b1729,#21121d); box-shadow:inset 0 1px rgba(255,255,255,.06); }
#checkout-modal .summary-title { color:#fff1f5; font-size:15px; }
#checkout-modal .summary-price-line { color:#c1a8b3; margin-top:8px; }
#checkout-modal .price-val { color:#fb7185; font-size:17px; }
#checkout-modal .form-group { margin-bottom:17px; }
#checkout-modal .form-group label { color:#efc8d5; letter-spacing:.02em; }
#checkout-modal .form-group input[type="text"],#checkout-modal .form-group input[type="number"] { background:#130b12; border-color:#583047; color:#fff1f5; min-height:42px; }
#checkout-modal .form-group input:focus { border-color:#d94673; box-shadow:0 0 0 3px rgba(217,70,115,.15); }
#checkout-modal .qty-stepper button { background:#321526; border-color:#583047; color:#f4a6bc; }
#checkout-modal .qty-stepper input { background:#130b12; border-color:#583047; color:#fff1f5; }
#checkout-modal .pay-methods { gap:10px; }
#checkout-modal .pay-method-radio { min-height:44px; background:#160d16; border-color:#583047; color:#efc8d5; }
#checkout-modal .pay-method-radio.active { background:#321526; border-color:#d94673; box-shadow:0 0 0 1px rgba(217,70,115,.25); }
#checkout-modal .checkout-total-bar { padding:17px 0 13px; border-color:#583047; color:#c1a8b3; }
#checkout-modal .total-amount { color:#fb7185; font-size:25px; }
#checkout-modal .btn-submit-order { min-height:46px; border-radius:12px; letter-spacing:.06em; font-size:14px; }
#checkout-modal .btn-submit-order::after { content:"  ·  安全出卡"; opacity:.65; font-size:10px; letter-spacing:0; }
@media(max-width:768px){#checkout-modal .modal-body{padding:17px}#checkout-modal .modal-header{padding-left:17px}#checkout-modal .modal-header::before{left:17px}}


/* Sea Corner community brand and seamless top-left composition */
.cardlane-header { background:transparent !important; }
.header-inner { background:transparent !important; }
.header-centered { min-height:78px; }
.sea-corner-brand { display:inline-block; color:#fff4f7; font-size:24px; font-weight:950; letter-spacing:.08em; line-height:1; text-shadow:0 0 8px rgba(255,157,190,.7),0 0 24px rgba(214,55,112,.52); animation:seaCornerGlow 3.6s ease-in-out infinite; }
@keyframes seaCornerGlow { 0%,100% { filter:brightness(.92); text-shadow:0 0 8px rgba(255,157,190,.52),0 0 18px rgba(214,55,112,.38); } 50% { filter:brightness(1.15); text-shadow:0 0 10px rgba(255,203,219,.9),0 0 32px rgba(214,55,112,.72); } }
.cardlane-main::before { background:radial-gradient(ellipse at 50% -10%,rgba(187,44,104,.2),transparent 36%),radial-gradient(ellipse at 8% 18%,rgba(91,33,182,.1),transparent 27%),linear-gradient(180deg,#100b12 0%,#140c15 48%,#0d090f 100%); }
.cardlane-hero { background:radial-gradient(ellipse at 50% -25%,rgba(218,70,115,.18),transparent 48%),linear-gradient(180deg,rgba(28,16,31,.28),rgba(16,11,18,.04)); }
.product-title-with-emoji span, .section-title span { filter:drop-shadow(0 0 8px rgba(244,166,188,.45)); }
.breathing-buy-button { animation:buyBreath 2.8s ease-in-out infinite; }
.breathing-buy-button:hover { animation:none; transform:translateY(-2px) scale(1.015); }
@keyframes buyBreath { 0%,100% { box-shadow:0 0 0 rgba(217,70,115,0),0 7px 18px rgba(190,42,100,.2); } 50% { box-shadow:0 0 24px rgba(244,91,139,.65),0 0 48px rgba(190,42,100,.28),0 9px 22px rgba(190,42,100,.32); } }
.pay-methods { display:grid; grid-template-columns:repeat(3,1fr); }
.pay-method-radio { justify-content:center; gap:4px; }
@media(max-width:768px){.sea-corner-brand{font-size:21px}.header-centered{min-height:68px}.pay-methods{grid-template-columns:1fr;gap:7px}}


/* Unified header/body canvas and global ambient decorations */
:root { --cardlane-canvas:#100b12; --cardlane-canvas-deep:#0d090f; }
body, .cardlane-site-wrapper, .cardlane-header, .cardlane-main { background:var(--cardlane-canvas) !important; }
.cardlane-header { border:0 !important; }
.cardlane-main { background:linear-gradient(180deg,var(--cardlane-canvas) 0%,#140c15 52%,var(--cardlane-canvas-deep) 100%) !important; }
.cardlane-main::before { background:radial-gradient(ellipse at 50% -10%,rgba(187,44,104,.16),transparent 36%),radial-gradient(ellipse at 8% 18%,rgba(91,33,182,.08),transparent 27%),linear-gradient(180deg,var(--cardlane-canvas),#140c15 52%,var(--cardlane-canvas-deep)); }
.cardlane-global-floaters { position:fixed; inset:0; z-index:3; pointer-events:none; overflow:hidden; }
.cardlane-global-floaters span { position:absolute; color:var(--cardlane-particle-color,#f4a6bc); font-size:13px; font-weight:900; letter-spacing:.02em; opacity:.16; text-shadow:0 0 18px color-mix(in srgb,var(--cardlane-particle-color,#f4a6bc) calc(var(--cardlane-particle-glow,75%) * 1),transparent); animation:cardlaneFloat var(--cardlane-particle-duration,11s) ease-in-out infinite; }
.cardlane-global-floaters span:nth-child(1){left:7%;top:18%;animation-delay:-1s}.cardlane-global-floaters span:nth-child(2){left:19%;top:73%;font-size:18px;animation-delay:-4s}.cardlane-global-floaters span:nth-child(3){right:11%;top:31%;animation-delay:-7s}.cardlane-global-floaters span:nth-child(4){right:23%;bottom:15%;font-size:18px;animation-delay:-9s}.cardlane-global-floaters span:nth-child(5){left:46%;bottom:9%;animation-delay:-5s}
@keyframes cardlaneFloat { 0%,100%{transform:translate3d(0,0,0) rotate(-4deg);opacity:.1} 50%{transform:translate3d(8px,-22px,0) rotate(5deg);opacity:.34} }
@media(prefers-reduced-motion:reduce){.cardlane-global-floaters span{animation:none}}


/* Headerless hero wordmark */
.cardlane-header { display:none !important; }
.hero-brand-wordmark { margin:0 auto 14px; color:#fff4f7; font-size:clamp(28px,5vw,46px); font-weight:950; letter-spacing:.12em; line-height:1; text-align:center; text-shadow:0 0 10px rgba(255,157,190,.68),0 0 30px rgba(214,55,112,.48); animation:seaCornerGlow 3.6s ease-in-out infinite; }
.hero-content { text-align:center; }
.hero-content .hero-subtitle { margin-left:auto; margin-right:auto; }
.hero-features { margin-top:28px; }


/* 38px bold artistic wordmark */
.hero-brand-wordmark, .sea-corner-brand { font-family:"Ma Shan Zheng","STKaiti","KaiTi","FZKai-Z03",serif; font-size:38px !important; font-weight:400; letter-spacing:.16em; transform:skewX(-7deg) rotate(-1deg); transform-origin:center; background:linear-gradient(110deg,#fff7fa 4%,#ffb1c8 30%,#f25588 63%,#ffc3d4 93%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; -webkit-text-stroke:1px rgba(255,196,214,.38); text-shadow:0 0 8px rgba(255,157,190,.72),0 0 26px rgba(214,55,112,.58),5px 5px 0 rgba(93,22,57,.25); filter:drop-shadow(0 8px 10px rgba(0,0,0,.28)); }
@media(max-width:768px){.hero-brand-wordmark, .sea-corner-brand{font-size:38px !important;letter-spacing:.1em}}


/* Fixed 58px wordmark and soft interaction motion */
.hero-brand-wordmark, .sea-corner-brand { font-size:58px !important; }
.cardlane-modal { animation:cardlaneModalFade .22s cubic-bezier(.23,1,.32,1) both; }
.cardlane-modal .modal-backdrop { animation:cardlaneBackdrop .22s ease-out both; }
.cardlane-modal .modal-dialog { animation:cardlaneDialogIn .28s cubic-bezier(.23,1,.32,1) both; }
@keyframes cardlaneModalFade { from{opacity:0} to{opacity:1} }
@keyframes cardlaneBackdrop { from{opacity:0} to{opacity:1} }
@keyframes cardlaneDialogIn { from{opacity:0;transform:translateY(14px) scale(.97)} to{opacity:1;transform:translateY(0) scale(1)} }
.btn-buy-now,.btn-submit-order,.btn-do-query,.floating-query-button,.qty-stepper button,.pay-method-radio { transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .22s ease,background-color .22s ease,border-color .22s ease; }
.btn-buy-now:active,.btn-submit-order:active,.btn-do-query:active,.floating-query-button:active { transform:scale(.97); }
.form-group input,.query-box input,.qty-stepper input { transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease; }
@media(prefers-reduced-motion:reduce){.cardlane-modal,.cardlane-modal .modal-backdrop,.cardlane-modal .modal-dialog{animation:none}.breathing-buy-button{animation:none}}


/* Softer Sea Corner wordmark motion: no abrupt brightness or shadow jumps */
.hero-brand-wordmark, .sea-corner-brand { animation:seaCornerSoftBreath 6.8s cubic-bezier(.45,0,.55,1) infinite alternate !important; will-change:transform,opacity,filter; }
@keyframes seaCornerSoftBreath {
  0% { transform:skewX(-7deg) rotate(-1deg) scale(1) translateY(0); opacity:.9; filter:saturate(.92) brightness(.96); }
  50% { transform:skewX(-7deg) rotate(-1deg) scale(1.018) translateY(-1px); opacity:.98; filter:saturate(1.02) brightness(1.04); }
  100% { transform:skewX(-7deg) rotate(-1deg) scale(1.035) translateY(-2px); opacity:1; filter:saturate(1.08) brightness(1.1); }
}
@media(prefers-reduced-motion:reduce){.hero-brand-wordmark,.sea-corner-brand{animation:none !important;transform:skewX(-7deg) rotate(-1deg) scale(1)}}