:root{--mobile-nav-bottom:0px;--p:#6366f1;--ph:#4f46e5;--pl:#eef2ff;--sb:#1e1b4b;--st:#a5b4fc;--bg:#f8fafc;--card:#fff;--bd:#e2e8f0;--txt:#1e293b;--mu:#64748b;--su:#22c55e;--wa:#f59e0b;--da:#ef4444;--sh:0 1px 3px rgba(0,0,0,.08);--r:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--txt);display:flex;min-height:100vh;line-height:1.5}.sidebar{width:200px;background:var(--sb);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-brand{padding:18px 16px 8px;font-size:17px;font-weight:700}.sidebar-brand small{display:block;font-size:11px;font-weight:400;color:var(--st);margin-top:2px}.sidebar-nav{flex:1;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.sidebar-nav button{display:flex;align-items:center;gap:8px;padding:9px 10px;border:none;background:transparent;color:var(--st);border-radius:8px;cursor:pointer;font-size:13px;text-align:left;transition:.15s;width:100%}.sidebar-nav button:hover,.sidebar-nav button.active{background:var(--p);color:#fff}.sidebar-ft{padding:10px 14px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:var(--st);display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:var(--su);flex-shrink:0}.main{flex:1;margin-left:200px;min-width:0}.header{background:var(--card);border-bottom:1px solid var(--bd);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.header h1{font-size:18px;font-weight:700}.content{padding:20px 24px}.page{display:none}.page.active{display:block}.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:16px;margin-bottom:16px}.card-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.card-hd h3{font-size:15px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:20px}.sc{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh)}.sc .l{font-size:11px;color:var(--mu);text-transform:uppercase;letter-spacing:.5px}.sc .v{font-size:24px;font-weight:700;margin-top:2px}.btn{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border:none;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:.15s;white-space:nowrap}.btn-p{background:var(--p);color:#fff}.btn-p:hover{background:var(--ph)}.btn-s{background:var(--su);color:#fff}.btn-w{background:var(--wa);color:#fff}.btn-d{background:var(--da);color:#fff}.btn-o{background:transparent;border:1px solid var(--bd);color:var(--txt)}.btn-o:hover{background:#f1f5f9}.btn-sm{padding:3px 8px;font-size:12px;border-radius:5px}.btn-xs{padding:2px 6px;font-size:11px;border-radius:3px}.btns{display:flex;gap:6px;flex-wrap:wrap}.fb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.fb input,.fb select{width:auto;min-width:130px}.store-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 12px}.store-chip{border:1px solid var(--bd);background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer}.store-chip.active{background:var(--p);border-color:var(--p);color:#fff}.store-chip:hover{border-color:var(--p)}.store-group-row td{background:#eef2ff!important;color:#1e1b4b;font-size:13px}.store-group-row b{margin-right:8px}.store-group-row span{font-size:11px;color:var(--mu)}.si{flex:1;min-width:180px!important}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--bd);border-radius:7px;font-size:13px;font-family:inherit;background:var(--card)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px var(--pl)}textarea{min-height:80px;resize:vertical}.fg{margin-bottom:12px}.fg label{display:block;font-size:11px;font-weight:600;margin-bottom:3px;color:var(--mu);text-transform:uppercase;letter-spacing:.5px}.fr{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.grid2{display:grid;grid-template-columns:minmax(0,1.45fr) 360px;gap:16px}.tb-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;padding:8px 10px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--mu);border-bottom:2px solid var(--bd);white-space:nowrap}td{padding:7px 10px;border-bottom:1px solid var(--bd);white-space:nowrap;vertical-align:middle}tr:hover td{background:#f1f5f9}.tag{display:inline-block;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:500}.t-new{background:#dbeafe;color:#1d4ed8}.t-normal{background:#f1f5f9;color:#475569}.t-vip{background:#fef3c7;color:#b45309}.t-active{background:#dcfce7;color:#15803d}.t-pending{background:#fef3c7;color:#b45309}.t-hot{background:#fee2e2;color:#dc2626}.muted{color:var(--mu);font-size:12px}.price{font-weight:700;color:var(--p);text-align:right}.empty{text-align:center;padding:32px;color:var(--mu)}.event-grid,.ticket-grid,.plan-grid,.account-grid,.guide-grid,.seat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.recharge-group{grid-column:1/-1;margin-bottom:8px}.recharge-group-hd{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px;padding:8px 10px;background:#eef2ff;border-radius:8px}.recharge-group-hd h4{font-size:14px;color:#1e1b4b}.recharge-group-hd span{font-size:11px;color:var(--mu)}.plan-grid-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card{border:1px solid var(--bd);border-radius:var(--r);background:#fff;padding:14px;box-shadow:var(--sh)}.event-card h4,.ticket-card h4,.plan-card h4,.account-card h4,.guide-card h4,.seat-card h4{font-size:15px;margin:8px 0 6px}.guide-card{cursor:pointer}.guide-card:hover{border-color:var(--p);background:var(--pl)}.group-mode-grid{margin-bottom:14px}.guide-card.sel{border-color:var(--p);background:var(--pl)}.group-split{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.group-tab{border:1px solid var(--bd);background:#fff;border-radius:999px;padding:6px 14px;font-size:12px;cursor:pointer}.group-tab.active,.group-tab:hover{background:var(--p);border-color:var(--p);color:#fff}.group-action-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.group-action-card h3{font-size:16px;margin:8px 0 4px}.btn-xs{min-width:72px}.drink-card .bottom .btn,.drink-table .btn{font-weight:800}.drink-card .bottom{align-items:center}.drink-table td:last-child{min-width:92px}@media(max-width:640px){.group-action-card{align-items:flex-start;flex-direction:column}.group-action-card .btn{width:100%;justify-content:center}}.plan-price{font-size:24px;font-weight:700;color:var(--p);margin:8px 0}.benefits{margin:8px 0 12px;padding-left:16px;color:var(--mu);font-size:12px}.benefits li{margin:3px 0}.account-big{font-size:26px;font-weight:700;color:var(--p);margin-top:4px}.account-list{display:flex;flex-direction:column;gap:8px}.account-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--bd);padding:8px 0;font-size:13px}.account-row:last-child{border-bottom:0}.event-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.event-meta span{font-size:11px;color:var(--mu);background:#f1f5f9;border-radius:20px;padding:3px 8px}.store-cover{height:128px;border-radius:9px;margin:-2px -2px 12px;background:linear-gradient(135deg,#1e1b4b,#6366f1);overflow:hidden;position:relative}.store-cover img{width:100%;height:100%;object-fit:cover;display:block}.store-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.38))}.store-cover .cover-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.35)}.store-intro{margin:8px 0;color:var(--mu);font-size:12px;line-height:1.7}.store-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.store-kv div{background:#f8fafc;border:1px solid var(--bd);border-radius:8px;padding:8px}.store-kv b{display:block;font-size:13px;color:var(--txt)}.store-kv span{font-size:11px;color:var(--mu)}.scene-tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.scene-tags span{font-size:11px;background:#f1f5f9;color:#475569;border-radius:20px;padding:3px 8px}.seat-type{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--bd);font-size:12px}.seat-type:last-child{border-bottom:0}.seat-type b{color:var(--txt)}.seat-type span{color:var(--mu)}.store-table-card{overflow-x:auto}.store-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.store-name-cell b{display:block;font-size:13px}.store-name-cell small{display:block;color:var(--mu);font-size:11px;margin-top:2px}.seat-mini{display:flex;gap:4px;flex-wrap:wrap}.seat-mini span{font-size:11px;background:#f1f5f9;color:#475569;border-radius:20px;padding:2px 7px}.scene-mini{max-width:240px;color:var(--mu);font-size:12px;white-space:normal}.addr-cell{max-width:220px;white-space:normal;color:var(--mu);font-size:12px}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.store-card{border:1px solid var(--bd);border-radius:var(--r);background:var(--card);padding:12px;cursor:pointer;transition:.15s}.store-card:hover,.store-card.sel{border-color:var(--p);background:var(--pl)}.store-card .name{font-size:13px;font-weight:600;margin-bottom:4px}.store-card .meta{font-size:11px;color:var(--mu);display:flex;justify-content:space-between;gap:8px}.cart-item{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--bd)}.cart-item b{font-size:12px}.cart-item small{display:block;color:var(--mu);font-size:11px}.cart-total{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding-top:10px;border-top:2px solid var(--bd)}.cart-total b{font-size:20px;color:var(--p)}.toast-ct{position:fixed;top:16px;right:16px;z-index:300;display:flex;flex-direction:column;gap:6px}.toast{padding:10px 16px;border-radius:7px;font-size:13px;color:#fff;animation:si .25s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:350px;background:var(--su)}@keyframes si{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.mobile-cards{display:none}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal{background:var(--card);border-radius:var(--r);box-shadow:0 20px 60px rgba(0,0,0,.2);width:92%;max-width:520px;max-height:85vh;overflow:auto;padding:20px}.modal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-hd h2{font-size:16px}.modal-close{width:28px;height:28px;border:none;background:transparent;font-size:18px;cursor:pointer;border-radius:5px}.modal-ft{display:flex;gap:6px;margin-top:16px;justify-content:flex-end;border-top:1px solid var(--bd);padding-top:12px}.floor-map{background:#f8fafc;border:1px solid var(--bd);border-radius:12px;padding:12px;margin-top:12px}.floor-stage{background:#111827;color:#fff;border-radius:10px;text-align:center;padding:10px;font-weight:700;margin-bottom:10px}.floor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.zone{border:1px solid var(--bd);background:#fff;border-radius:9px;padding:10px;text-align:center;min-height:62px;display:flex;flex-direction:column;justify-content:center}.zone b{font-size:13px;color:var(--txt)}.zone span{font-size:11px;color:var(--mu);margin-top:2px}.zone.vip{border-color:#f59e0b;background:#fffbeb}.zone.booth{border-color:#6366f1;background:#eef2ff}.zone.box{border-color:#22c55e;background:#f0fdf4}.zone.bar{border-color:#94a3b8;background:#f8fafc}.floor-img{width:100%;border-radius:10px;border:1px solid var(--bd);margin-top:10px}.floor-note{font-size:12px;color:var(--mu);margin-top:10px;line-height:1.7}@media(max-width:640px){.floor-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{display:none}.main{margin-left:0}.content{padding:14px}.header{padding:10px 14px}.grid2{grid-template-columns:1fr}.header{align-items:flex-start;gap:8px;flex-direction:column}.fb input,.fb select{width:100%;min-width:0}.si{min-width:0!important}.store-grid,.event-grid,.ticket-grid,.plan-grid,.account-grid,.guide-grid,.seat-grid{grid-template-columns:1fr}}@media(max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}.tb-wrap table{display:none}.mobile-cards{display:grid;grid-template-columns:1fr;gap:8px}.drink-card{border:1px solid var(--bd);border-radius:var(--r);padding:12px;background:#fff}.drink-card h4{font-size:14px;margin:6px 0}.drink-card .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.fr{grid-template-columns:1fr}}
.card,.event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card,.drink-card,.modal{text-align:left}.empty{text-align:left;padding-left:16px}.floor-stage,.zone{text-align:left}.zone{align-items:flex-start}.btn{text-align:left}.store-actions .btn,.modal-ft .btn,.cart-item .btn,.drink-card .bottom .btn,.drink-table .btn{text-align:center;justify-content:center}
/* ===== ORIGINAL THEME DETAIL POLISH 2026-05-06 ===== */
@media (min-width:901px){
  :root{--sh:0 8px 26px rgba(15,23,42,.07);--r:12px}
  body{background:linear-gradient(180deg,#f8fafc 0%,#f3f6fb 100%)}
  .sidebar{box-shadow:10px 0 30px rgba(30,27,75,.16)}
  .sidebar-brand{padding-top:22px;line-height:1.25}.sidebar-brand small{opacity:.92;letter-spacing:.2px}
  .sidebar-nav{gap:5px;padding:10px 12px}.sidebar-nav button{border-radius:10px;padding:11px 12px;font-weight:600}.sidebar-nav button.active{box-shadow:0 8px 18px rgba(99,102,241,.25)}
  .main{background:transparent}.header{height:64px;padding:0 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 4px 18px rgba(15,23,42,.04)}.header h1{font-size:20px;letter-spacing:-.2px}.content{padding:24px 30px 46px;max-width:1440px}.card{border-color:#e5e9f2;border-radius:14px;box-shadow:0 8px 28px rgba(15,23,42,.06);padding:18px;margin-bottom:18px}.card-hd{margin-bottom:15px}.card-hd h3{font-size:17px;letter-spacing:-.1px}.card-hd .muted{margin-top:3px}.muted{color:#667085;line-height:1.7}.stats{gap:14px;margin-bottom:22px}.sc{border-radius:14px;padding:16px 18px;box-shadow:0 7px 22px rgba(15,23,42,.055);position:relative;overflow:hidden}.sc:before{content:'';position:absolute;right:-24px;top:-24px;width:74px;height:74px;border-radius:50%;background:rgba(99,102,241,.08)}.sc .l{font-weight:700}.sc .v{font-size:28px;letter-spacing:-.6px}
  .btn{border-radius:9px;font-weight:700}.btn-p{box-shadow:0 8px 18px rgba(99,102,241,.22)}.btn-o{background:#fff}.btn-o:hover{border-color:#c7d2fe;background:#eef2ff;color:#4338ca}.btn-sm{padding:5px 10px}.fb{padding:12px;background:#f8fafc;border:1px solid #e8edf5;border-radius:12px;margin-bottom:16px}.fb input,.fb select,input,select,textarea{border-color:#d9e0ec;border-radius:9px}.si{min-width:260px!important}.store-chip-row{gap:9px;margin-bottom:14px}.store-chip{padding:7px 13px;border-color:#d9e0ec;font-weight:600}.store-chip.active{box-shadow:0 8px 18px rgba(99,102,241,.20)}
  table{font-size:13px}th{background:#f8fafc;color:#64748b;padding:10px 12px;border-bottom:1px solid #e2e8f0}td{padding:10px 12px;border-bottom-color:#edf1f7}tr:hover td{background:#f8fbff}.tb-wrap{border:1px solid #e5e9f2;border-radius:12px;overflow:auto;background:#fff}.tb-wrap table th:first-child{border-top-left-radius:12px}.tb-wrap table th:last-child{border-top-right-radius:12px}.price{font-size:14px}.tag{font-weight:700;padding:3px 8px}.event-grid,.ticket-grid,.plan-grid,.account-grid,.guide-grid,.seat-grid{gap:14px}.event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card{border-radius:14px;border-color:#e5e9f2;box-shadow:0 6px 20px rgba(15,23,42,.045);transition:.16s ease}.event-card:hover,.ticket-card:hover,.plan-card:hover,.account-card:hover,.guide-card:hover,.seat-card:hover,.store-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08);border-color:#c7d2fe}.event-card h4,.ticket-card h4,.plan-card h4,.account-card h4,.guide-card h4,.seat-card h4{font-size:16px;line-height:1.35}.event-meta span,.scene-tags span,.seat-mini span{font-weight:650}.store-table-card{border:1px solid #e5e9f2;border-radius:14px;overflow:auto;background:#fff}.store-actions .btn{justify-content:center}.scene-mini,.addr-cell{line-height:1.65}.store-name-cell b{font-size:14px}.store-cover{height:148px;border-radius:12px}.store-intro{font-size:13px}.store-kv div{border-radius:10px}.floor-map{border-radius:14px}.modal{border-radius:18px}.toast{border-radius:10px}
  #page-special .tb-wrap,#page-regular .tb-wrap{border-radius:14px}.drink-table td:first-child b{font-size:14px}.drink-table td{vertical-align:top}.drink-table .muted{font-size:12px;white-space:normal}.drink-card{border-radius:14px}
}

/* ===== PC HOME CLEAN WORKSPACE FINAL 2026-06-20 ===== */
@media (min-width:901px){
  #page-home{
    max-width:1180px!important;
  }
  #page-home .home-hero{
    display:grid!important;
    grid-template-columns:minmax(0,360px) minmax(0,1fr)!important;
    align-items:center!important;
    gap:18px!important;
    padding:20px 24px!important;
    border-radius:18px!important;
    margin-bottom:14px!important;
    min-height:0!important;
  }
  #page-home .home-hero:before,
  #page-home .home-hero:after{
    opacity:.18!important;
  }
  #page-home .info-kicker{
    margin-bottom:8px!important;
  }
  #page-home .home-hero h2{
    font-size:28px!important;
    line-height:1.18!important;
    margin:0 0 8px!important;
    letter-spacing:0!important;
  }
  #page-home .home-hero p{
    font-size:13.5px!important;
    line-height:1.65!important;
    max-width:330px!important;
    margin:0!important;
  }
  #page-home .home-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0!important;
    align-self:stretch!important;
  }
  #page-home .home-action{
    min-height:70px!important;
    padding:13px 14px!important;
    border-radius:13px!important;
    text-align:left!important;
    box-shadow:none!important;
    transform:none!important;
  }
  #page-home .home-action:hover{
    transform:none!important;
    border-color:#818cf8!important;
    box-shadow:0 8px 20px rgba(79,70,229,.12)!important;
  }
  #page-home .home-action.primary{
    grid-row:span 2!important;
    min-height:148px!important;
    justify-content:center!important;
    background:linear-gradient(135deg,#1e1b4b,#4f46e5)!important;
  }
  #page-home .home-action b{
    font-size:15px!important;
    line-height:1.25!important;
    margin-bottom:4px!important;
  }
  #page-home .home-action.primary b{
    font-size:18px!important;
  }
  #page-home .home-action span{
    font-size:12px!important;
    line-height:1.45!important;
  }
  #page-home .home-section-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:0!important;
  }
  #page-home .home-mini-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:4px!important;
    padding:14px 16px!important;
    border-radius:13px!important;
    min-height:0!important;
    box-shadow:none!important;
  }
  #page-home .home-mini-card h3{
    font-size:15px!important;
    margin:0!important;
  }
  #page-home .home-mini-card p{
    grid-column:1!important;
    font-size:12px!important;
    line-height:1.45!important;
    margin:0!important;
    color:#64748b!important;
  }
  #page-home .home-mini-card .btn{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    min-height:34px!important;
    padding:7px 12px!important;
    border-radius:999px!important;
  }
}

@media (min-width:901px){
  #page-home{
    max-width:1180px;
  }
  #page-home .home-hero{
    display:grid!important;
    grid-template-columns:minmax(0,360px) minmax(0,1fr);
    align-items:start;
    gap:18px!important;
    padding:22px 24px!important;
    border-radius:18px!important;
    margin-bottom:14px!important;
    min-height:0!important;
  }
  #page-home .home-hero:before,
  #page-home .home-hero:after{
    opacity:.18!important;
  }
  #page-home .info-kicker{
    margin-bottom:8px!important;
  }
  #page-home .home-hero h2{
    font-size:28px!important;
    line-height:1.18!important;
    margin:0 0 8px!important;
    letter-spacing:0!important;
  }
  #page-home .home-hero p{
    font-size:13.5px!important;
    line-height:1.65!important;
    max-width:330px!important;
    margin:0!important;
  }
  #page-home .home-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0!important;
    align-self:stretch;
  }
  #page-home .home-action{
    min-height:76px!important;
    padding:13px 14px!important;
    border-radius:13px!important;
    text-align:left!important;
    box-shadow:none!important;
    transform:none!important;
  }
  #page-home .home-action:hover{
    transform:none!important;
    border-color:#818cf8!important;
    box-shadow:0 8px 20px rgba(79,70,229,.12)!important;
  }
  #page-home .home-action.primary{
    grid-row:span 2;
    min-height:162px!important;
    justify-content:center!important;
    background:linear-gradient(135deg,#1e1b4b,#4f46e5)!important;
  }
  #page-home .home-action b{
    font-size:15px!important;
    line-height:1.25!important;
    margin-bottom:4px!important;
  }
  #page-home .home-action.primary b{
    font-size:18px!important;
  }
  #page-home .home-action span{
    font-size:12px!important;
    line-height:1.45!important;
  }
  #page-home .home-section-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:0!important;
  }
  #page-home .home-mini-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:12px;
    row-gap:4px;
    padding:14px 16px!important;
    border-radius:13px!important;
    min-height:0!important;
    box-shadow:none!important;
  }
  #page-home .home-mini-card h3{
    font-size:15px!important;
    margin:0!important;
  }
  #page-home .home-mini-card p{
    grid-column:1;
    font-size:12px!important;
    line-height:1.45!important;
    margin:0!important;
    color:#64748b!important;
  }
  #page-home .home-mini-card .btn{
    grid-column:2;
    grid-row:1 / span 2;
    min-height:34px!important;
    padding:7px 12px!important;
    border-radius:999px!important;
  }
}


/* ===== GROUP TICKET CARD POLISH 2026-05-06 ===== */
@media (min-width:901px){
  #page-group .ticket-grid{grid-template-columns:repeat(2,minmax(360px,1fr));gap:16px}.group-ticket{position:relative;overflow:hidden;padding:18px!important;border-radius:18px!important;background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important}.group-ticket:before{content:'';position:absolute;right:-38px;top:-38px;width:120px;height:120px;border-radius:50%;background:rgba(99,102,241,.08);pointer-events:none}.group-ticket.booth:before{background:rgba(245,158,11,.12)}.gt-top{position:relative;display:flex;gap:13px;align-items:flex-start;margin-bottom:12px}.gt-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eef2ff;font-size:22px;box-shadow:inset 0 0 0 1px #dbe4ff}.group-ticket.booth .gt-icon{background:#fffbeb;box-shadow:inset 0 0 0 1px #fde68a}.gt-top h4{font-size:19px!important;margin:7px 0 3px!important;letter-spacing:-.2px}.gt-hint{font-size:12px;color:#667085;font-weight:700}.gt-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 12px}.gt-meta span{font-size:11px;background:#f1f5f9;color:#475569;border-radius:999px;padding:4px 9px;font-weight:700}.group-ticket.booth .gt-meta span{background:#fffbeb;color:#92400e}.gt-desc{font-size:13px!important;line-height:1.75!important;margin-bottom:14px;min-height:46px}.gt-price-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.gt-person{border:1px solid #dbe4ff;background:#f8fbff;border-radius:14px;padding:12px}.gt-person.girl{border-color:#fce7f3;background:#fff7fb}.gt-person-hd{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.gt-person-hd b{font-size:13px;color:#1e293b}.gt-person-hd span{font-size:13px;font-weight:900;color:var(--p);text-align:right;line-height:1.35}.gt-person .btn{width:100%;justify-content:center}.group-ticket .tag{font-size:11px;padding:4px 9px}.group-ticket:hover{transform:translateY(-2px);border-color:#c7d2fe!important;box-shadow:0 16px 38px rgba(15,23,42,.09)!important}
}
@media (max-width:900px){.gt-top{display:flex;gap:10px}.gt-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef2ff}.gt-price-box{display:grid;gap:8px}.gt-person{border:1px solid var(--bd);border-radius:12px;padding:10px}.gt-person-hd{display:flex;justify-content:space-between;margin-bottom:8px}.gt-person .btn{width:100%;justify-content:center}.gt-meta{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.gt-meta span{font-size:11px;background:#f1f5f9;border-radius:999px;padding:3px 8px}}


.customer-auth-overlay{position:fixed;inset:0;z-index:1000;background:linear-gradient(135deg,#111827,#312e81 55%,#111827);display:none;align-items:center;justify-content:center;padding:18px}.customer-auth-overlay.show{display:flex}.customer-auth-card{width:min(440px,100%);background:rgba(255,255,255,.96);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.35);padding:26px}.customer-auth-card h2{font-size:24px;margin-bottom:6px}.customer-auth-card .muted{font-size:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.auth-tabs button{border:1px solid var(--bd);background:#fff;border-radius:999px;padding:10px;font-weight:800;cursor:pointer}.auth-tabs button.active{background:var(--p);border-color:var(--p);color:#fff}.auth-panel{display:none}.auth-panel.active{display:block}.auth-actions{display:flex;gap:8px;align-items:center;margin-top:14px}.auth-error{min-height:20px;color:var(--da);font-size:13px;margin-top:10px}.remember-row{display:flex;align-items:center;gap:8px;margin:2px 0 12px;font-size:12px;color:var(--mu);cursor:pointer;user-select:none}.remember-row input{width:auto;accent-color:var(--p)}.auth-tip{font-size:11px;color:var(--mu);line-height:1.6;margin-top:8px}.auth-user{font-size:12px;color:var(--mu);display:inline-flex;align-items:center;gap:8px}.auth-user button{border:none;background:transparent;color:var(--p);font-weight:700;cursor:pointer}.customer-auth-overlay.hide{display:none}


/* ===== MOBILE GUEST BROWSE FIRST 2026-05-11 20:39 ===== */
@media (max-width:900px){
  body:not(.auth-open) .customer-auth-overlay{display:none!important}
  .auth-fast-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
  .auth-fast-actions .btn{justify-content:center;min-height:40px}
}

/* ===== MOBILE CUSTOMER EXPERIENCE 2026-05-07 ===== */
@media (max-width:900px){
  html{font-size:16px;-webkit-text-size-adjust:100%}
  body{display:block;background:#f6f8fc;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .sidebar{display:flex!important;position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:var(--mobile-nav-bottom)!important;width:100%!important;height:calc(68px + env(safe-area-inset-bottom))!important;background:rgba(30,27,75,.98);backdrop-filter:blur(14px);box-shadow:0 -10px 30px rgba(15,23,42,.18);z-index:220;border-top:1px solid rgba(255,255,255,.12)}
  .sidebar-brand,.sidebar-ft{display:none!important}
  .sidebar-nav{padding:7px 6px calc(7px + env(safe-area-inset-bottom));display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:54px;gap:5px;overflow:visible;width:100%}
  .sidebar-nav::-webkit-scrollbar{display:none}
  .sidebar-nav button{width:100%;min-width:0;min-height:48px;padding:5px 3px;border-radius:13px;justify-content:center;flex-direction:column;gap:1px;font-size:10.5px;line-height:1.12;text-align:center;color:#c7d2fe;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .sidebar-nav button .i{font-size:17px;line-height:1}
  .sidebar-nav button.active{background:#6366f1;color:#fff;box-shadow:0 8px 20px rgba(99,102,241,.35)}
  .main{margin-left:0!important;width:100%;min-height:100vh}
  .header{position:sticky;top:0;z-index:80;padding:10px 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 3px 16px rgba(15,23,42,.06);border-bottom:1px solid #e8edf5}
  .header h1{font-size:18px;line-height:1.25}
  .header .btns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .header .btns .auth-user{grid-column:1/-1;min-height:20px;align-items:center}
  .header .btns .btn{width:100%;justify-content:center;min-height:38px;padding:8px 10px;font-size:12px}
  .content{padding:12px 10px 18px}
  .card{border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 6px 22px rgba(15,23,42,.055)}
  .card-hd{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:12px}
  .card-hd>.btn,.card-hd>.btns,.card-hd button{width:100%;justify-content:center}
  .muted{font-size:12px;line-height:1.7}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
  .sc{padding:12px;border-radius:14px}.sc .v{font-size:22px}.sc .l{font-size:10px}
  .fb{display:grid;grid-template-columns:1fr;gap:8px;padding:10px;background:#fff;border:1px solid var(--bd);border-radius:14px}
  .fb input,.fb select,.si{width:100%!important;min-width:0!important}
  input,select,textarea{min-height:42px;font-size:16px;border-radius:11px;padding:10px 12px}
  textarea{min-height:92px}.fg{margin-bottom:10px}.fg label{font-size:11px;margin-bottom:5px}
  .btn{min-height:40px;border-radius:11px;padding:9px 12px;justify-content:center;font-weight:700}.btn-sm{min-height:36px}.btn-xs{min-height:32px;min-width:64px}
  .btns{gap:7px}.store-chip-row{display:flex;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 8px;margin:0 0 8px;-webkit-overflow-scrolling:touch}.store-chip-row::-webkit-scrollbar{display:none}.store-chip{flex:0 0 auto;min-height:34px;padding:8px 12px;font-size:12px}
  .event-grid,.ticket-grid,.plan-grid,.account-grid,.guide-grid,.seat-grid,.store-grid,.plan-grid-inner{grid-template-columns:1fr!important;gap:10px}
  .event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card,.drink-card{border-radius:15px;padding:14px}
  .store-cover{height:150px;border-radius:13px}.store-kv{grid-template-columns:1fr 1fr}.store-actions{justify-content:stretch}.store-actions .btn{flex:1 1 46%}
  .tb-wrap,.store-table-card{border:0;overflow:visible}.tb-wrap table{display:none}.mobile-cards{display:grid!important;grid-template-columns:1fr;gap:9px}.drink-card h4{font-size:15px;line-height:1.35}.drink-card .bottom{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.price{font-size:16px;text-align:left}
  .group-action-card{align-items:stretch!important}.group-action-card .btn{width:100%}.gt-price-box{grid-template-columns:1fr!important}.gt-person-hd span{text-align:right}
  .account-row,.cart-item{align-items:flex-start;flex-direction:column}.cart-total b{font-size:22px}
  .modal-overlay{align-items:flex-end;justify-content:center;padding:0}.modal{width:100%;max-width:none;max-height:88vh;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.modal-ft{display:grid;grid-template-columns:1fr 1fr}.modal-ft .btn{width:100%}
  .customer-auth-overlay{align-items:flex-start;padding:18px 12px;overflow:auto}.customer-auth-card{border-radius:20px;padding:22px 16px;margin-top:4vh}.auth-tabs button{min-height:42px}.auth-actions{flex-direction:column}.auth-actions .btn{width:100%}
  .floor-grid{grid-template-columns:repeat(2,1fr)!important}.floor-map{padding:10px}.zone{min-height:58px}
}
@media (max-width:380px){
  .stats{grid-template-columns:1fr 1fr}.sidebar-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.sidebar-nav button{font-size:9.5px}.header .btns{grid-template-columns:1fr}.store-kv{grid-template-columns:1fr}.content{padding-left:8px;padding-right:8px}
}

/* ===== MOBILE CONVERSION POLISH 2026-05-07 04:25 ===== */
@media (max-width:900px){
  body{background:linear-gradient(180deg,#f4f6ff 0,#f8fafc 220px,#f6f8fc 100%)}
  .main{padding-bottom:8px}
  .header{padding:8px 10px 9px;display:grid;grid-template-columns:1fr;gap:7px}
  .header h1{font-size:17px;font-weight:900;letter-spacing:-.2px;display:flex;align-items:center;gap:6px}
  .header h1:after{content:'提交后专人确认';font-size:10px;font-weight:800;color:#4338ca;background:#eef2ff;border:1px solid #dbe4ff;border-radius:999px;padding:3px 7px;white-space:nowrap}
  .header .btns{grid-template-columns:1fr 1fr 1.05fr;align-items:center}
  .header .btns .btn{min-height:34px;font-size:11px;padding:7px 8px;border-radius:999px;box-shadow:none}
  .header .btns .btn:nth-of-type(1),.header .btns .btn:nth-of-type(2){background:#f8fafc;color:#475569;border-color:#e2e8f0}
  .header .btns .btn-p{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 8px 18px rgba(79,70,229,.22)}
  .header .btns .auth-user{grid-column:1/-1;order:4;font-size:11px;color:#64748b;min-height:0;line-height:1.2}
  .content{padding-top:10px}
  .stats{display:flex;overflow-x:auto;gap:8px;margin:0 -10px 10px;padding:0 10px 2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .stats::-webkit-scrollbar{display:none}
  .sc{flex:0 0 132px;scroll-snap-align:start;background:rgba(255,255,255,.92);border-color:#e8edff;box-shadow:0 8px 24px rgba(79,70,229,.07)}
  .sc .v{font-size:20px}.sc .l{white-space:nowrap}
  .card{border-color:#e8edf5;background:rgba(255,255,255,.98)}
  .card-hd h3{font-size:16px;font-weight:900;letter-spacing:-.15px}
  .card-hd .muted{font-size:12px;color:#64748b}
  .event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card,.drink-card{border-color:#e8edf5;box-shadow:0 5px 18px rgba(15,23,42,.045)}
  .event-card h4,.ticket-card h4,.plan-card h4,.account-card h4,.guide-card h4,.seat-card h4,.drink-card h4{font-size:16px;font-weight:900;line-height:1.35;color:#111827}
  .tag{font-size:10px;font-weight:900;padding:3px 8px}
  .fb{position:sticky;top:96px;z-index:45;box-shadow:0 8px 22px rgba(15,23,42,.06);margin-left:-2px;margin-right:-2px}
  .store-chip-row{position:sticky;top:164px;z-index:44;background:linear-gradient(180deg,rgba(246,248,252,.98),rgba(246,248,252,.92));margin-left:-10px;margin-right:-10px;padding:6px 10px 8px;border-bottom:1px solid rgba(226,232,240,.7)}
  .store-chip{background:#fff;font-weight:800;border-color:#dbe4ff;color:#334155;box-shadow:0 3px 10px rgba(15,23,42,.04)}
  .store-chip.active{background:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 8px 16px rgba(79,70,229,.22)}
  .mobile-cards{gap:10px!important}
  .drink-card{display:grid;grid-template-columns:1fr;gap:6px;position:relative;overflow:hidden}
  .drink-card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#6366f1,#a78bfa);opacity:.9}
  .drink-card .muted{font-size:12px;line-height:1.55}
  .drink-card .bottom{margin-top:4px;padding-top:8px;border-top:1px dashed #e2e8f0}
  .drink-card .bottom .btn{min-width:92px;border-radius:999px}
  .price{font-size:18px!important;font-weight:950;color:#4f46e5}
  #page-special,#page-regular{padding-bottom:160px}
  #cartMountSpecial .card,#cartMountRegular .card{position:fixed!important;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom) + var(--mobile-nav-bottom));z-index:210;border-color:#c7d2fe;box-shadow:0 -8px 28px rgba(79,70,229,.18),0 8px 24px rgba(15,23,42,.08);max-height:190px;overflow:auto;-webkit-overflow-scrolling:touch}
  #cartMountSpecial .card:before,#cartMountRegular .card:before{content:'固定清单';position:absolute;right:12px;top:10px;font-size:10px;font-weight:900;color:#4f46e5;background:#eef2ff;border:1px solid #dbe4ff;border-radius:999px;padding:2px 7px}
  #cartMountSpecial .card-hd,#cartMountRegular .card-hd{flex-direction:row;align-items:center;margin-bottom:6px}
  #cartMountSpecial .empty,#cartMountRegular .empty{padding:8px 0;color:#94a3b8;font-size:12px}
  .cart-item{gap:4px;padding:7px 0}.cart-item b{font-size:13px;line-height:1.35}.cart-item small{font-size:11px}
  .cart-total{margin:8px 0}.cart-total b{font-size:20px!important}
  .group-split{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.group-tab{min-height:36px;font-weight:800;text-align:center}
  .group-ticket{background:linear-gradient(180deg,#fff 0,#fbfcff 100%)}
  .gt-top{align-items:flex-start}.gt-icon{flex:0 0 40px}.gt-person{background:#f8fbff}.gt-person.girl{background:#fff7fb;border-color:#fce7f3}
  .gt-person-hd b,.gt-person-hd span{font-size:13px}.gt-person-hd span{font-weight:950;color:#4f46e5;line-height:1.35}
  .plan-price,.account-big{font-size:24px;color:#4f46e5}
  .recharge-group-hd{position:sticky;top:96px;z-index:42;margin-left:-4px;margin-right:-4px;background:#eef2ff;border:1px solid #dbe4ff}
  .store-table-card table{display:none}
  #seatGrid .mobile-cards{display:grid!important}
  .seat-mobile-card{border:1px solid #e8edf5;border-radius:15px;background:#fff;padding:14px;box-shadow:0 5px 18px rgba(15,23,42,.045)}
  .seat-mobile-card h4{font-size:16px;font-weight:900;margin:8px 0 4px;color:#111827}
  .seat-mobile-card .seat-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:12px}
  .seat-mobile-card .seat-actions .btn{min-width:0;padding-left:6px;padding-right:6px;font-size:12px}
  .scene-mini{max-width:none;font-size:12px;line-height:1.65}.addr-cell{max-width:none}
  .modal-hd h2{font-size:18px;font-weight:900}.modal-close{font-size:22px;background:#f1f5f9;border-radius:999px}
  .toast-ct{left:10px;right:10px;top:76px}.toast{max-width:none;text-align:center;border-radius:999px;font-weight:800;background:#22c55e}
  .customer-auth-card h2{font-size:22px;font-weight:950;letter-spacing:-.3px}.auth-tabs button{font-weight:900}.auth-error{text-align:center}
}
@media (max-width:380px){
  .header .btns{grid-template-columns:1fr 1fr}.header .btns .btn-p{grid-column:1/-1}.stats{margin-left:-8px;margin-right:-8px}.sc{flex-basis:124px}.seat-mobile-card .seat-actions{grid-template-columns:1fr}.group-split{grid-template-columns:1fr 1fr 1fr}.sidebar-nav button{font-size:9px}.sidebar-nav button .i{font-size:15px}
}





/* ===== COMPACT MOBILE CART 2026-05-07 06:53 ===== */
@media (max-width:900px){
  #cartMountSpecial .cart-filled,#cartMountRegular .cart-filled{padding:9px 10px!important;max-height:52vh!important;overflow:auto!important;border-radius:16px!important}
  .cart-compact{display:grid;grid-template-columns:minmax(0,1fr) auto 66px;gap:8px;align-items:center}
  .cart-toggle{border:0;background:transparent;text-align:left;min-width:0;padding:0;cursor:pointer;color:#111827}
  .cart-toggle b{display:block;font-size:13px;font-weight:950;line-height:1.2}
  .cart-toggle small{display:block;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .cart-compact-total{font-size:17px;font-weight:950;color:#4f46e5;white-space:nowrap}
  .cart-submit{min-height:36px!important;border-radius:999px!important;padding:6px 10px!important}
  .cart-detail{display:none;margin-top:8px;padding-top:8px;border-top:1px dashed #dbe4ff}
  .cart-panel.open .cart-detail{display:block}
  .cart-panel.open .cart-toggle small:after{content:'  收起';color:#4f46e5;font-weight:900}
  .cart-panel:not(.open) .cart-toggle small:after{content:'  点开明细';color:#4f46e5;font-weight:900}
  .cart-panel .card-hd,.cart-panel .cart-total{display:none!important}
}

/* ===== MOBILE NAV MERGE TO 5 ITEMS 2026-05-07 06:44 ===== */
@media (max-width:900px){
  .sidebar-nav button[data-page="tonight"]{display:none!important}
  .sidebar-nav button{min-height:54px!important}
  .sidebar-nav button .i{font-size:18px!important}
  body[data-page="profile"] .header .btns .btn-p:after{content:' / 充值';}
}

/* ===== DEFAULT SPECIAL + LEAD PREFILL 2026-05-07 06:32 ===== */
@media (max-width:900px){
  body[data-page="special"] .header h1:after{content:'先看特惠，提交后确认';}
}

/* ===== PRACTICAL MOBILE UX 2026-05-07 05:47 ===== */
@media (max-width:900px){
  body[data-page="special"] .stats,body[data-page="regular"] .stats{display:none!important}
  body[data-page="special"] .content,body[data-page="regular"] .content{padding-top:8px}
  body[data-page="special"] .card-hd,body[data-page="regular"] .card-hd{margin-bottom:8px}
  #cartMountSpecial .cart-empty,#cartMountRegular .cart-empty{display:none!important}
  #cartMountSpecial .cart-filled,#cartMountRegular .cart-filled{position:fixed!important;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom) + var(--mobile-nav-bottom));z-index:210;border-color:#c7d2fe;box-shadow:0 -8px 28px rgba(79,70,229,.18),0 8px 24px rgba(15,23,42,.08);max-height:190px;overflow:auto;-webkit-overflow-scrolling:touch}
  .drink-card[data-added="1"]{border-color:#86efac;background:linear-gradient(180deg,#fff,#f0fdf4)}
  .drink-card[data-added="1"]:before{background:linear-gradient(90deg,#22c55e,#86efac)!important}
  .drink-card[data-added="1"] .btn-s{border-radius:999px;background:#22c55e;color:#fff}
}

/* ===== MOBILE CART FIXED ABOVE NAV 2026-05-07 05:41 ===== */
/* ===== MOBILE LEAD QUICK FORM + COMPACT NOTES 2026-05-07 17:38 ===== */
@media (max-width:900px){
  .lead-quick{display:grid;gap:8px;margin:4px 0 10px}
  .lead-quick-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .lead-quick-row.time{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lead-chip{border:1px solid #dbe4ff;background:#f8faff;color:#334155;border-radius:999px;min-height:34px;padding:6px 7px;font-size:12px;font-weight:900;text-align:center;cursor:pointer}
  .lead-chip:active,.lead-chip.active{background:#4f46e5;border-color:#4f46e5;color:#fff}
  .lead-note-wrap.collapsed textarea{min-height:0!important;height:0!important;padding-top:0!important;padding-bottom:0!important;border:0!important;overflow:hidden}
  .lead-note-toggle{width:100%;border:0;background:#f8faff;color:#4f46e5;border-radius:999px;min-height:34px;font-weight:900;margin-top:2px}
  .lead-tip{font-size:11px;color:#64748b;line-height:1.5;margin-top:-4px}
  .modal.mobile-lead-modal{max-height:86vh;padding-top:14px}
  .modal.mobile-lead-modal .modal-hd{margin-bottom:8px}
  .modal.mobile-lead-modal #leadDesc{margin-bottom:8px!important;line-height:1.55}
  .modal.mobile-lead-modal .fg{margin-bottom:8px}
  .modal.mobile-lead-modal textarea{min-height:74px}
  .drink-note{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .drink-note.open{display:block}
  .drink-note-btn{border:0;background:transparent;color:#4f46e5;font-size:12px;font-weight:900;padding:3px 0;margin-top:2px}.drink-add-price{font-size:12px;color:var(--p);font-weight:600;margin:2px 0 -2px}
  .drink-card .tag-row{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
  .drink-card .tag-row .tag{font-size:10px}
}

/* ===== MOBILE DEAL LIST DENSITY 2026-05-07 18:12 ===== */
@media (max-width:900px){
  body[data-page="special"] .header{gap:5px}
  body[data-page="special"] .header .btns{display:none!important}
  body[data-page="special"] .content{padding-top:6px}
  body[data-page="special"] #page-special>.grid2>div>.card{padding:10px 10px 12px;margin-bottom:8px}
  body[data-page="special"] #page-special .card-hd{display:none}
  body[data-page="special"] #page-special .fb{position:static;display:grid;grid-template-columns:1fr auto;gap:7px;margin:0 0 7px;padding:8px;box-shadow:none}
  body[data-page="special"] #specialSearch{min-height:38px;font-size:15px}
  body[data-page="special"] #specialType{min-height:38px;width:96px!important;min-width:96px!important;font-size:13px;padding-left:8px;padding-right:8px}
  body[data-page="special"] #specialStoreChips{position:static;margin:0 -2px 6px;padding:2px 2px 5px;border-bottom:0;background:transparent}
  body[data-page="special"] #specialStoreChips .store-chip{min-height:30px;padding:6px 10px;font-size:11px;box-shadow:none}
  body[data-page="special"] .mobile-cards{gap:7px!important}
  body[data-page="special"] .drink-card{padding:10px 11px!important;border-radius:14px;gap:3px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
  body[data-page="special"] .drink-card:before{height:2px}
  body[data-page="special"] .drink-card h4{font-size:15px!important;line-height:1.25;margin:1px 0 0}
  body[data-page="special"] .drink-store{font-size:12px!important;line-height:1.35;color:#64748b}
  body[data-page="special"] .deal-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
  body[data-page="special"] .deal-tags span{font-size:10px;font-weight:900;color:#4338ca;background:#eef2ff;border:1px solid #dbe4ff;border-radius:999px;padding:2px 6px}
  body[data-page="special"] .drink-note{font-size:11px!important;line-height:1.35;margin-top:4px!important;color:#64748b}
  body[data-page="special"] .drink-note-btn{font-size:11px;padding:1px 0;margin-top:0}
  body[data-page="special"] .drink-card .bottom{margin-top:5px;padding-top:7px;grid-template-columns:1fr 96px!important}
  body[data-page="special"] .drink-card .bottom .btn{min-height:34px!important;min-width:86px!important;padding:6px 10px!important;font-size:12px}
  body[data-page="special"] .price{font-size:20px!important;line-height:1}
}

/* ===== MOBILE DEAL LIST SELECTOR FIX 2026-05-07 18:16 ===== */
@media (max-width:900px){
  #page-special.active+.noop{display:none}
  #page-special.active .card{padding:9px 10px 11px!important;margin-bottom:8px!important}
  #page-special.active .card-hd{display:none!important}
  #page-special.active .fb{position:static!important;display:grid!important;grid-template-columns:1fr 92px!important;gap:7px!important;margin:0 0 7px!important;padding:8px!important;box-shadow:none!important}
  #page-special.active #specialSearch{min-height:38px!important;font-size:15px!important}
  #page-special.active #specialType{min-height:38px!important;width:92px!important;min-width:92px!important;font-size:13px!important;padding-left:7px!important;padding-right:7px!important}
  #page-special.active #specialStoreChips{position:static!important;margin:0 -2px 6px!important;padding:2px 2px 5px!important;border-bottom:0!important;background:transparent!important}
  #page-special.active #specialStoreChips .store-chip{min-height:30px!important;padding:6px 10px!important;font-size:11px!important;box-shadow:none!important}
  #page-special.active .mobile-cards{gap:7px!important}
  #page-special.active .drink-card{padding:9px 11px!important;border-radius:14px!important;gap:2px!important;box-shadow:0 4px 14px rgba(15,23,42,.04)!important}
  #page-special.active .drink-card h4{font-size:15px!important;line-height:1.22!important;margin:0!important}
  #page-special.active .drink-store{font-size:12px!important;line-height:1.25!important;color:#64748b!important}
  #page-special.active .deal-tags{display:flex!important;gap:4px!important;flex-wrap:wrap!important;margin-top:4px!important}
  #page-special.active .deal-tags span{font-size:10px!important;font-weight:900!important;color:#4338ca!important;background:#eef2ff!important;border:1px solid #dbe4ff!important;border-radius:999px!important;padding:2px 6px!important}
  #page-special.active .drink-note{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;background:#fff7ed!important;border:1px solid #fed7aa!important;color:#7c2d12!important;border-radius:8px!important;padding:7px 9px!important;margin-top:7px!important;font-size:12px!important;line-height:1.55!important}
  #page-special.active .drink-note:before{content:'备注：';font-weight:900;color:#c2410c}
  #page-special.active .drink-note-btn{display:none!important}
  #page-special.active .drink-card .bottom{margin-top:6px!important;padding-top:7px!important;grid-template-columns:1fr 92px!important}
  #page-special.active .drink-card .bottom .btn{min-height:34px!important;min-width:84px!important;padding:6px 10px!important;font-size:12px!important}
  #page-special.active .price{font-size:20px!important;line-height:1!important}
}

/* ===== MOBILE IMPORTANT NOTICE BAR 2026-05-07 18:17 ===== */
.mobile-notice-bar{display:none}
@media (max-width:900px){
  .mobile-notice-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:9px 10px;border:1px solid #fed7aa;background:linear-gradient(135deg,#fff7ed,#fffbeb);border-radius:14px;box-shadow:0 5px 16px rgba(245,158,11,.12);cursor:pointer}
  .mobile-notice-main{min-width:0;display:flex;align-items:center;gap:7px;color:#7c2d12;font-weight:950;font-size:13px;line-height:1.25}
  .mobile-notice-main span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-notice-badge{flex:0 0 auto;background:#f97316;color:#fff;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:950}
  .mobile-notice-arrow{color:#c2410c;font-size:12px;font-weight:950;white-space:nowrap}
}

/* ===== MOBILE GROUP REMOVE SEARCH 2026-05-07 18:34 ===== */
@media (max-width:900px){
  #page-group.active .fb{display:none!important}
  #page-group.active .card:first-child{padding:10px 12px!important;margin-bottom:8px!important}
  #page-group.active .card:first-child .muted{font-size:12px;line-height:1.45}
  #page-group.active .group-split{position:sticky;top:88px;z-index:46;background:rgba(246,248,252,.96);backdrop-filter:blur(10px);margin:0 -10px 8px;padding:6px 10px;border-bottom:1px solid rgba(226,232,240,.75)}
  #page-group.active .ticket-grid{gap:9px!important}
}

/* ===== MOBILE MODAL OPERABLE ABOVE NAV 2026-05-07 18:40 ===== */
@media (max-width:900px){
  body.modal-open .sidebar{display:none!important}
  body.modal-open{overflow:hidden!important}
  .modal-overlay.show{z-index:1200!important;align-items:flex-end!important;background:rgba(15,23,42,.56)!important;padding:0!important}
  .modal{max-height:calc(100dvh - 10px)!important;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;overscroll-behavior:contain}
  .mobile-lead-modal{height:auto!important;max-height:calc(100dvh - 10px)!important}
  .mobile-lead-modal .modal-ft{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.94),#fff);margin-left:-16px;margin-right:-16px;margin-bottom:calc(-88px - env(safe-area-inset-bottom));padding:10px 16px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(15,23,42,.08);z-index:3}
}

/* ===== MOBILE PREMIUM LEAD MODAL 2026-05-07 18:46 ===== */
@media (max-width:900px){
  .modal-overlay.show{background:rgba(8,11,24,.66)!important;backdrop-filter:blur(8px)}
  .mobile-lead-modal{background:linear-gradient(180deg,#ffffff 0,#fbfcff 100%)!important;border-radius:26px 26px 0 0!important;padding:18px 16px calc(86px + env(safe-area-inset-bottom))!important;box-shadow:0 -18px 48px rgba(15,23,42,.28)!important;border:1px solid rgba(255,255,255,.85)}
  .mobile-lead-modal:before{content:'';display:block;width:42px;height:4px;border-radius:999px;background:#cbd5e1;margin:0 auto 12px}
  .mobile-lead-modal .modal-hd{align-items:flex-start;margin-bottom:6px!important}
  .mobile-lead-modal .modal-hd h2{font-size:20px!important;letter-spacing:-.3px;color:#0f172a}
  .mobile-lead-modal .modal-close{width:34px;height:34px;background:#f1f5f9!important;color:#64748b;font-size:22px;line-height:34px}
  .mobile-lead-modal #leadDesc{background:#f8fafc;border:1px solid #e8edf5;border-radius:14px;padding:9px 10px;color:#64748b;font-size:12px;line-height:1.5;margin-bottom:10px!important}
  .lead-quick{gap:7px!important;margin:2px 0 11px!important}
  .lead-quick-row{gap:7px!important}
  .lead-chip{background:#f8fafc!important;border-color:#e2e8f0!important;color:#334155!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);min-height:36px!important;border-radius:12px!important;font-size:12px!important}
  .lead-chip.active{background:linear-gradient(135deg,#312e81,#6366f1)!important;border-color:#4f46e5!important;color:#fff!important;box-shadow:0 8px 16px rgba(79,70,229,.22)}
  .mobile-lead-modal .fr{gap:8px!important}
  .mobile-lead-modal .fg{margin-bottom:8px!important}
  .mobile-lead-modal .fg label{color:#64748b;font-weight:900;letter-spacing:.4px;margin-bottom:4px}
  .mobile-lead-modal input,.mobile-lead-modal textarea{background:#f8fafc!important;border-color:#e2e8f0!important;border-radius:14px!important;min-height:42px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
  .mobile-lead-modal input:focus,.mobile-lead-modal textarea:focus{background:#fff!important;border-color:#818cf8!important;box-shadow:0 0 0 3px rgba(99,102,241,.14)!important}
  .lead-note-toggle{background:#f8fafc!important;border:1px dashed #c7d2fe!important;color:#4f46e5!important;border-radius:14px!important;min-height:38px!important}
  .lead-tip{display:none}
  .mobile-lead-modal .modal-ft{grid-template-columns:.85fr 1.25fr!important;gap:9px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(10px);border-top:1px solid #eef2f7!important;padding-top:12px!important}
  .mobile-lead-modal .modal-ft .btn{min-height:44px!important;border-radius:14px!important;font-size:14px!important}
  .mobile-lead-modal .modal-ft .btn-o{background:#f8fafc!important;border-color:#e2e8f0!important;color:#64748b!important}
  .mobile-lead-modal .modal-ft .btn-p{background:linear-gradient(135deg,#312e81,#6366f1)!important;box-shadow:0 10px 22px rgba(79,70,229,.28)!important;color:#fff!important}
}

/* ===== MOBILE MODAL NOTE + SPACE FIX 2026-05-07 18:49 ===== */
@media (max-width:900px){
  .mobile-lead-modal{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
  .mobile-lead-modal .modal-ft{margin-bottom:calc(-72px - env(safe-area-inset-bottom))!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
  .mobile-lead-modal .lead-note-wrap textarea{height:54px!important;min-height:54px!important;padding-top:10px!important;padding-bottom:10px!important;border:1px solid #e2e8f0!important;overflow:auto!important}
  .mobile-lead-modal .lead-note-wrap.collapsed textarea{height:54px!important;min-height:54px!important;padding-top:10px!important;padding-bottom:10px!important;border:1px solid #e2e8f0!important;overflow:auto!important}
  .mobile-lead-modal .lead-note-toggle{display:none!important}
}

/* ===== MOBILE MODAL FOOTER NO OVERLAP 2026-05-07 18:52 ===== */
@media (max-width:900px){
  .mobile-lead-modal{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;overflow:auto!important}
  .mobile-lead-modal .modal-ft{position:static!important;margin-left:0!important;margin-right:0!important;margin-bottom:0!important;padding:10px 0 calc(2px + env(safe-area-inset-bottom))!important;box-shadow:none!important;background:transparent!important}
  .mobile-lead-modal .lead-note-wrap{margin-bottom:8px!important}
}

/* ===== REMOVE FIXED CART BADGE 2026-05-07 18:56 ===== */
@media (max-width:900px){
  #cartMountSpecial .card:before,#cartMountRegular .card:before{display:none!important;content:none!important}
}

/* ===== MOBILE CLEAN HEADER ACTIONS 2026-05-07 19:01 ===== */
@media (max-width:900px){
  .header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:48px!important}
  .header h1{min-width:0;flex:1}
  .header .btns{display:none!important}
  .header h1:after{display:none!important;content:none!important}
  body[data-page="special"] .header h1:after{display:none!important;content:none!important}
  .header .mobile-consult-btn{display:inline-flex!important}
}
@media (min-width:901px){.mobile-consult-btn{display:none!important}}

/* ===== PAYMENT QR SUCCESS MODAL 2026-05-07 19:03 ===== */
.pay-modal{max-width:460px}
.pay-summary{background:#f8fafc;border:1px solid #e8edf5;border-radius:14px;padding:10px 12px;margin-bottom:12px;font-size:13px;color:#334155;line-height:1.65}
.pay-qr-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.pay-tab{border:1px solid #e2e8f0;background:#fff;border-radius:999px;min-height:38px;font-weight:900;color:#475569;cursor:pointer}
.pay-tab.active{background:linear-gradient(135deg,#312e81,#6366f1);border-color:#4f46e5;color:#fff;box-shadow:0 8px 18px rgba(79,70,229,.2)}
.pay-qr-box{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:12px;text-align:center;box-shadow:0 8px 28px rgba(15,23,42,.06)}
.pay-qr-box img{max-width:100%;width:260px;border-radius:12px;display:block;margin:0 auto}
.pay-tip{font-size:12px;color:#64748b;line-height:1.65;margin-top:10px}
@media (max-width:900px){
  .pay-modal{border-radius:26px 26px 0 0!important;max-height:calc(100dvh - 10px)!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}
  .pay-modal:before{content:'';display:block;width:42px;height:4px;border-radius:999px;background:#cbd5e1;margin:0 auto 12px}
  .pay-qr-box img{width:min(260px,72vw)}
}

/* ===== PAYMENT CART VS DEPOSIT LOGIC 2026-05-07 19:10 ===== */

/* ===== MOBILE NAV HARD FIXED 2026-05-07 19:15 ===== */
@media (max-width:900px){
  html,body{width:100%;min-height:100%;overflow-x:hidden!important}
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .main{padding-bottom:0!important}
  .content{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  .sidebar{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100vw!important;height:calc(68px + env(safe-area-inset-bottom))!important;min-height:68px!important;transform:none!important;translate:none!important;z-index:900!important;contain:layout paint!important}
  .sidebar-nav{height:100%!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-content:start!important}
  #cartMountSpecial .card,#cartMountRegular .card,#cartMountSpecial .cart-filled,#cartMountRegular .cart-filled{bottom:calc(76px + env(safe-area-inset-bottom))!important;z-index:880!important}
}

/* ===== MOBILE KEYBOARD HIDE NAV 2026-05-07 19:21 ===== */
@media (max-width:900px){
  body.keyboard-open .sidebar,
  body.keyboard-open #cartMountSpecial .card,
  body.keyboard-open #cartMountRegular .card,
  body.keyboard-open #cartMountSpecial .cart-filled,
  body.keyboard-open #cartMountRegular .cart-filled{display:none!important}
  body.keyboard-open{padding-bottom:0!important}
  body.keyboard-open .content{padding-bottom:18px!important}
}

/* ===== MOBILE KEYBOARD FOCUS ONLY 2026-05-07 19:24 ===== */

/* ===== MOBILE APP SHELL STABLE NAV 2026-05-07 19:28 ===== */
@media (max-width:900px){
  html,body{height:100%!important;min-height:100%!important;overflow:hidden!important;overscroll-behavior:none!important}
  body{display:block!important;padding-bottom:0!important;background:var(--bg)!important}
  .main{position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;margin-left:0!important;width:100vw!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding-bottom:0!important}
  .header{position:sticky!important;top:0!important;z-index:60!important}
  .content{padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}
  .sidebar{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100vw!important;height:calc(68px + env(safe-area-inset-bottom))!important;min-height:68px!important;z-index:1000!important;transform:translateZ(0)!important;will-change:transform!important}
  body.keyboard-open .main{bottom:0!important}
  body.keyboard-open .sidebar{display:none!important}
  body.keyboard-open #cartMountSpecial .card,body.keyboard-open #cartMountRegular .card,body.keyboard-open #cartMountSpecial .cart-filled,body.keyboard-open #cartMountRegular .cart-filled{display:none!important}
  #cartMountSpecial .card,#cartMountRegular .card,#cartMountSpecial .cart-filled,#cartMountRegular .cart-filled{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;z-index:950!important}
}

/* ===== MOBILE HIDE TOP SUMMARY CARDS 2026-05-07 19:34 ===== */
@media (max-width:900px){
  #stats{display:none!important}
  .mobile-notice-bar{display:none!important}
  .content{padding-top:8px!important}
  .header{min-height:48px!important;padding:8px 12px!important}
}

/* ===== MOBILE LATEST NOTICE TOP 2026-05-07 19:38 ===== */
@media (max-width:900px){
  .header{display:none!important}
  .mobile-notice-bar{display:block!important;margin:8px 0 8px!important;padding:10px 11px!important;border:1px solid #fed7aa!important;background:linear-gradient(135deg,#fff7ed,#fffbeb)!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(245,158,11,.12)!important;cursor:pointer!important}
  .mobile-notice-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
  .mobile-notice-title{display:flex;align-items:center;gap:6px;color:#7c2d12;font-size:13px;font-weight:950}
  .mobile-notice-list{display:grid;gap:3px}
  .mobile-notice-line{font-size:12px;line-height:1.35;color:#7c2d12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-notice-line b{font-weight:950}
  .mobile-notice-arrow{font-size:11px!important;color:#c2410c!important;font-weight:950!important}
}

/* ===== MOBILE NOTICE SHOW CONTENT 2026-05-07 19:42 ===== */
/* ===== MOBILE EVENT PUBLISH TIME 2026-05-07 20:41 ===== */
/* ===== MOBILE EVENT PUBLISH TIME FALLBACK 2026-05-07 20:44 ===== */
@media (max-width:900px){
  .mobile-notice-line{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:16px}
}

/* ===== MOBILE STICKY SEARCH FILTERS 2026-05-07 19:44 ===== */
@media (max-width:900px){
  body[data-page="special"] #page-special.active .fb,
  body[data-page="regular"] #page-regular.active .fb{
    position:sticky!important;top:0!important;z-index:160!important;
    display:grid!important;grid-template-columns:1fr 92px!important;gap:7px!important;
    margin:0 -8px!important;padding:8px!important;
    background:rgba(255,255,255,.98)!important;border:1px solid rgba(226,232,240,.95)!important;
    border-bottom:0!important;border-radius:14px 14px 0 0!important;
    box-shadow:0 8px 18px rgba(15,23,42,.08)!important;backdrop-filter:blur(10px)!important;
  }
  body[data-page="special"] #page-special.active #specialStoreChips,
  body[data-page="regular"] #page-regular.active #regularStoreChips{
    position:sticky!important;top:54px!important;z-index:159!important;
    display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;
    margin:0 -8px 8px!important;padding:6px 8px 8px!important;
    background:rgba(255,255,255,.98)!important;border:1px solid rgba(226,232,240,.95)!important;
    border-top:0!important;border-radius:0 0 14px 14px!important;
    box-shadow:0 10px 18px rgba(15,23,42,.06)!important;backdrop-filter:blur(10px)!important;
  }
  body[data-page="group"] #page-group.active .group-split{
    position:sticky!important;top:0!important;z-index:160!important;
    margin:0 -8px 10px!important;padding:8px!important;
    background:rgba(255,255,255,.98)!important;border:1px solid rgba(226,232,240,.95)!important;
    border-radius:14px!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important;backdrop-filter:blur(10px)!important;
  }
}

/* ===== MOBILE NO OVERLAY FILTERS 2026-05-07 19:48 ===== */
@media (max-width:900px){
  .mobile-notice-bar{position:static!important;margin:4px 0 8px!important;padding:8px 10px!important;box-shadow:none!important}
  .mobile-notice-top{margin-bottom:3px!important}
  .mobile-notice-title{font-size:12px!important}
  .mobile-notice-line{font-size:11px!important;line-height:1.3!important;-webkit-line-clamp:1!important}
  body[data-page="special"] #page-special.active .fb,
  body[data-page="regular"] #page-regular.active .fb,
  body[data-page="special"] #page-special.active #specialStoreChips,
  body[data-page="regular"] #page-regular.active #regularStoreChips,
  body[data-page="group"] #page-group.active .group-split,
  body[data-page="seats"] #page-seats.active .fb{
    position:static!important;top:auto!important;z-index:auto!important;
    box-shadow:none!important;backdrop-filter:none!important;
  }
  body[data-page="seats"] #page-seats.active .card{padding:10px!important;margin-bottom:10px!important}
  body[data-page="seats"] #page-seats.active .card-hd{display:none!important}
  body[data-page="seats"] #page-seats.active .fb{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
    margin:0 0 8px!important;padding:8px!important;background:#fff!important;border:1px solid var(--bd)!important;border-radius:12px!important;
  }
  body[data-page="seats"] #seatSearch{grid-column:1/-1!important;order:3!important}
  body[data-page="seats"] #seatArea{order:1!important}
  body[data-page="seats"] #seatCat{order:2!important}
  .seat-mobile-card{padding:11px!important}
  .seat-mobile-card h4{margin:5px 0 3px!important}
  .seat-mobile-card .scene-tags{margin:6px 0!important}
}

/* ===== MOBILE BOTTOM CONTENT CLEARANCE 2026-05-07 19:51 ===== */
@media (max-width:900px){
  .content{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
  .page.active{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
  body[data-page="seats"] #seatGrid,
  body[data-page="special"] #specialList,
  body[data-page="regular"] #regularList,
  body[data-page="group"] #ticketGrid{
    padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
  }
  .store-table-card{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
}

/* ===== MOBILE SIX NAV + PROFILE LOGOUT 2026-05-07 20:00 ===== */
@media (max-width:900px){
  .sidebar{height:calc(74px + env(safe-area-inset-bottom))!important;min-height:74px!important}
  .sidebar-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:58px!important;gap:3px!important;padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important}
  .sidebar-nav button[data-page="tonight"]{display:none!important}
  .sidebar-nav button[data-page="recharge"]{display:flex!important}
  .sidebar-nav button{min-height:52px!important;padding:4px 2px!important;font-size:9px!important;border-radius:11px!important;line-height:1.08!important}
  .sidebar-nav button .i{font-size:16px!important}
  .main{bottom:calc(74px + env(safe-area-inset-bottom))!important}
  .content{padding-bottom:calc(148px + env(safe-area-inset-bottom))!important}
  #cartMountSpecial .card,#cartMountRegular .card,#cartMountSpecial .cart-filled,#cartMountRegular .cart-filled{bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .profile-auth-card{border-color:#c7d2fe!important;background:linear-gradient(135deg,#fff,#eef2ff)!important}
  .profile-auth-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}
  .profile-auth-actions .btn{justify-content:center!important;width:100%!important}
}

/* ===== MOBILE RECHARGE NO STICKY CARDS 2026-05-07 20:11 ===== */
@media (max-width:900px){
  body[data-page="recharge"] #page-recharge .recharge-group-hd{
    position:static!important;top:auto!important;z-index:auto!important;
    margin:0 0 8px!important;box-shadow:none!important;
  }
  body[data-page="recharge"] #page-recharge .card-hd{margin-bottom:10px!important}
  body[data-page="recharge"] #page-recharge .plan-grid,
  body[data-page="recharge"] #page-recharge #planGrid,
  body[data-page="recharge"] #page-recharge .account-grid{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
  body[data-page="recharge"] #page-recharge .recharge-group{margin-bottom:12px!important}
  body[data-page="recharge"] #page-recharge .plan-grid-inner{grid-template-columns:1fr!important;gap:10px!important}
  body[data-page="recharge"] #page-recharge .plan-card{padding:13px!important;border-radius:14px!important}
  body[data-page="recharge"] #page-recharge .plan-card .btn{width:100%!important;justify-content:center!important}
}


/* ===== MOBILE REGULAR GUIDE CLICK FIX 2026-05-07 20:48 ===== */
/* ===== REGULAR GUIDE FILTER NONEMPTY 2026-05-07 20:51 ===== */
/* ===== STORE THREE TYPES MERGE 2026-05-07 21:00 ===== */
/* ===== SPECIAL FULL NOTE 2026-05-07 21:48 ===== */
/* ===== SEAT ACTIONS + FLOOR LOGIC 2026-05-07 21:33 ===== */
/* ===== STORE AREA SELECT 2026-05-07 21:26 ===== */
/* ===== REMOVE DEFAULT REGULAR GUIDE 2026-05-07 21:20 ===== */
/* ===== MOBILE AUDIT QUICK FIXES 2026-05-07 21:12 ===== */
body.auth-open .sidebar{display:none!important}
@media(max-width:900px){
  body.auth-open .main{bottom:0!important}
  .regular-default-note{border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:12px;padding:10px 12px;margin:0 0 10px;font-size:12px;line-height:1.6}
}

@media(max-width:900px){.regular-guide-card{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(99,102,241,.14)}.regular-guide-card .btn{pointer-events:auto}.regular-guide-card:active{transform:scale(.99);border-color:#6366f1;background:#eef2ff}}


/* ===== PC FRONT WEB OPTIMIZATION 2026-05-07 22:06 ===== */
@media (min-width:901px){
  .content{max-width:1500px;margin:0 auto;width:100%}
  .pc-hero{display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:16px;margin-bottom:18px}.pc-hero-card{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#111827 0%,#312e81 52%,#4f46e5 100%);color:#fff;padding:24px;box-shadow:0 16px 42px rgba(30,27,75,.24)}.pc-hero-card:after{content:'';position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.10)}.pc-hero-card h2{font-size:28px;letter-spacing:-.5px;margin-bottom:8px}.pc-hero-card p{color:#dbe4ff;line-height:1.8;max-width:620px}.pc-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pc-hero-actions .btn{min-height:42px}.pc-hero-side{display:grid;gap:10px}.pc-hero-side .sc{margin:0;background:#fff}.pc-page-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pc-page-tools .quick{display:flex;gap:8px;flex-wrap:wrap}.pc-page-tools .quick .btn{min-height:38px}.grid2{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.grid2>div:first-child{min-width:0}.grid2>div[id^="cartMount"],#cartMountSpecial,#cartMountRegular{position:sticky;top:84px}.cart-panel{border-radius:18px;border-color:#dbe4ff;box-shadow:0 14px 36px rgba(79,70,229,.10)}.cart-panel .cart-compact{display:grid;grid-template-columns:minmax(0,1fr) auto 86px;gap:10px;align-items:center}.cart-toggle{border:0;background:transparent;text-align:left;cursor:pointer;color:#111827;min-width:0}.cart-toggle b{display:block;font-size:15px}.cart-toggle small{display:block;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cart-compact-total{font-size:20px;font-weight:900;color:#4f46e5}.cart-submit{justify-content:center}.cart-detail{display:block;margin-top:10px;padding-top:10px;border-top:1px dashed #dbe4ff}.drink-table th{position:sticky;top:65px;z-index:2}.drink-table tr td:first-child{min-width:260px}.drink-table td:nth-child(4){white-space:normal;max-width:380px;line-height:1.55;color:#64748b}.drink-table td:nth-child(3){color:#475569}.drink-table .btn{min-width:86px}.store-group-row td{position:sticky;top:106px;z-index:1}.event-grid{grid-template-columns:repeat(2,minmax(320px,1fr))}.seat-grid .store-table-card table th{position:sticky;top:65px;z-index:2}.plan-grid-inner{grid-template-columns:repeat(3,minmax(220px,1fr))}.guide-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.ticket-grid{grid-template-columns:repeat(2,minmax(360px,1fr))}.store-chip-row{max-height:92px;overflow:auto;padding-right:4px}.store-chip-row::-webkit-scrollbar{width:6px;height:6px}.store-chip-row::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:999px}.header .btns:before{content:'PC版';align-self:center;font-size:11px;font-weight:900;color:#4f46e5;background:#eef2ff;border:1px solid #dbe4ff;border-radius:999px;padding:4px 9px}
}
@media (max-width:900px){.pc-hero,.pc-page-tools{display:none!important}}



/* ===== CUSTOMER DUPLICATE DISPLAY CLEANUP 2026-05-08 00:29 ===== */
@media (min-width:901px){
  .content{max-width:1380px}.pc-hero{display:none!important;margin-bottom:14px}.pc-hero-card p{max-width:560px}.pc-page-tools{display:none!important}.drink-toolbar-note{font-size:12px;color:#64748b;margin:-6px 0 10px}.store-chip-row{max-height:none;overflow:visible;flex-wrap:wrap;gap:8px}.store-chip{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.25}.store-chip-row::-webkit-scrollbar{display:none}#stats{display:none!important}#page-special .tb-wrap table tr.store-group-row,#page-regular .tb-wrap table tr.store-group-row{display:none!important}#page-special .tb-wrap table th:nth-child(2),#page-special .tb-wrap table td:nth-child(2),#page-regular .tb-wrap table th:nth-child(2),#page-regular .tb-wrap table td:nth-child(2){display:none!important}#page-special .tb-wrap table th:nth-child(3),#page-special .tb-wrap table td:nth-child(3),#page-regular .tb-wrap table th:nth-child(3),#page-regular .tb-wrap table td:nth-child(3){width:160px;max-width:180px;white-space:normal}#page-special .tb-wrap table th:nth-child(4),#page-special .tb-wrap table td:nth-child(4),#page-regular .tb-wrap table th:nth-child(4),#page-regular .tb-wrap table td:nth-child(4){white-space:normal;max-width:460px;line-height:1.55}#page-special .tb-wrap table td:first-child,#page-regular .tb-wrap table td:first-child{min-width:220px!important;white-space:normal;line-height:1.45}#page-special .tb-wrap table .tag,#page-regular .tb-wrap table .tag{display:none}#page-special .tb-wrap table .price,#page-regular .tb-wrap table .price{width:90px}.grid2{grid-template-columns:minmax(0,1fr) 320px}.cart-panel .cart-compact{grid-template-columns:minmax(0,1fr) auto}.cart-submit{display:none}.cart-detail .btn-p{width:100%;justify-content:center}.fb{margin-bottom:10px}.fb select{min-width:120px}.card-hd .muted{max-width:620px}.hide-when-empty:empty{display:none}
  .drink-type-picker{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px!important;padding:0}
  .drink-type-card{display:block!important;min-width:0!important;padding:12px 10px!important;border-radius:14px!important;border:1px solid #dbe4ff!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important;text-align:left!important}
  .drink-type-card b{display:block;font-size:13px!important;color:#111827!important;margin-bottom:4px;line-height:1.2;word-break:break-word;white-space:normal}
  .drink-type-card small{display:block;font-size:11px!important;color:#64748b!important;line-height:1.45;word-break:break-word;white-space:normal}
}


/* ===== HIDE USELESS HEADER TAGS 2026-05-08 01:10 ===== */
@media (min-width:901px){
  .header .btns:before{display:none!important;content:none!important}
  .header .btns .useless-header-tag,.header .btns #authUserBox{display:none!important}
  .header{justify-content:flex-end}
  .header h1{margin-right:auto}
}



/* ===== ACQUISITION LANDING ENTRIES 2026-05-08 18:00 ===== */
.acq-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.4fr);gap:12px;align-items:stretch;background:linear-gradient(135deg,#1e1b4b 0%,#3730a3 48%,#6366f1 100%);color:#fff;border:0;overflow:hidden;position:relative}
.acq-hero:after{content:"";position:absolute;right:-70px;top:-80px;width:220px;height:220px;border-radius:999px;background:rgba(255,255,255,.12)}
.acq-copy{position:relative;z-index:1}.acq-kicker{display:inline-flex;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;margin-bottom:8px}.acq-copy h2{font-size:22px;line-height:1.18;margin-bottom:7px}.acq-copy p{font-size:13px;line-height:1.65;color:#dbeafe}.acq-trust{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.acq-trust span{font-size:11px;border-radius:999px;background:rgba(255,255,255,.13);padding:4px 8px;color:#eef2ff}.acq-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.acq-entry{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.96);color:#1e293b;border-radius:14px;padding:12px;text-align:left;box-shadow:0 10px 28px rgba(15,23,42,.16);cursor:pointer;transition:.16s}.acq-entry:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,23,42,.22)}.acq-entry b{display:block;font-size:14px;margin-bottom:4px;color:#1e1b4b}.acq-entry small{display:block;font-size:11px;color:#64748b;line-height:1.45;min-height:32px}.acq-entry em{display:inline-block;font-style:normal;font-size:11px;font-weight:900;color:#4f46e5;background:#eef2ff;border-radius:999px;padding:3px 7px;margin-top:8px}.guest-browse-btn{width:100%;justify-content:center;margin-top:8px}
@media(max-width:900px){.acq-hero{display:block;padding:13px;margin-bottom:10px;border-radius:16px}.acq-copy h2{font-size:19px}.acq-copy p{font-size:12px}.acq-grid{grid-template-columns:1fr 1fr;margin-top:11px}.acq-entry{padding:10px;border-radius:13px}.acq-entry b{font-size:13px}.acq-entry small{font-size:10.5px;min-height:30px}.acq-entry em{font-size:10px}}
@media(max-width:360px){.acq-grid{grid-template-columns:1fr}.acq-entry small{min-height:0}}

/* ===== GROUP SIGNUP GENDER PAY 2026-05-08 01:18 ===== */
/* ===== GROUP SIGNUP STYLE CLEANUP 2026-05-08 01:23 ===== */
/* ===== GROUP SIGNUP BLUE AMOUNT 2026-05-08 01:29 ===== */
/* ===== GROUP SIGNUP FULL BLUE TYPOGRAPHY 2026-05-08 01:34 ===== */
.group-signup-box{display:none;background:linear-gradient(180deg,#eff6ff 0%,#f8fbff 100%);border:1px solid #bfdbfe;border-radius:16px;padding:12px;margin:10px 0 12px;box-shadow:0 8px 22px rgba(37,99,235,.08)}
.group-signup-box.show{display:block}
.group-signup-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.group-signup-head b{display:block;font-size:15px;letter-spacing:.02em;color:#1d4ed8;line-height:1.25}.group-signup-head span{display:block;font-size:12px;color:#64748b;line-height:1.45;margin-top:2px}.group-signup-head>span{background:#dbeafe;color:#2563eb;border-radius:999px;padding:4px 8px;font-weight:800;white-space:nowrap;margin-top:0}
.group-count-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.group-count-card{background:#fff;border:1px solid #bfdbfe;border-radius:13px;padding:10px;box-shadow:0 4px 14px rgba(37,99,235,.06)}.group-count-card label{display:block;font-size:12px;font-weight:900;color:#1e40af;margin-bottom:6px;letter-spacing:.01em}.group-count-card input{font-size:20px;font-weight:900;text-align:center;color:#0f172a;background:#f8fbff;border-color:#dbeafe}.group-pay-total{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #93c5fd;color:#1e3a8a;border-radius:13px;padding:11px 12px;margin-top:10px;box-shadow:0 4px 14px rgba(37,99,235,.06)}.group-pay-total span{font-size:13px;font-weight:900;color:#1d4ed8}.group-pay-total b{font-size:24px;line-height:1;color:#2563eb;letter-spacing:-.02em}.group-price-note{font-size:12px;color:#64748b;line-height:1.6;margin-top:8px}

/* ===== MOBILE DRINK FLOW TYPE FIRST 2026-05-08 ===== */
.drink-type-picker{display:none}
.drink-type-card{border:1px solid #dbe4ff;background:#fff;border-radius:14px;padding:12px;text-align:left;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.drink-type-card b{display:block;font-size:14px;color:#111827;margin-bottom:3px}.drink-type-card small{display:block;color:#64748b;font-size:11px;line-height:1.45}.drink-type-card.active{border-color:#6366f1;background:#eef2ff;box-shadow:0 10px 24px rgba(99,102,241,.16)}
.drink-flow-hint{display:none}
@media(max-width:640px){
  .drink-type-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px}
  .drink-flow-hint{display:block;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:9px 10px;font-size:12px;line-height:1.55;margin:-2px 0 10px}
  #page-regular .card:first-child{display:none}
  #page-regular .card-hd{margin-bottom:8px}
  #page-regular .fb{padding:10px;margin-bottom:10px}
  #page-regular #regularSearch{order:2}
  #page-regular #regularType{order:3}
  #page-regular #regularStoreChips{margin-top:0!important}
}



/* ===== DRINK CATALOG FOCUS 2026-05-09 ===== */
.drink-catalog-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 55%,#4f46e5 100%);color:#fff;border:0;overflow:hidden}
.drink-catalog-hero h2{font-size:22px;line-height:1.2;margin:6px 0}.drink-catalog-hero p{color:#dbeafe;font-size:13px;line-height:1.65;max-width:720px}.drink-quick-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.drink-quick-actions .btn-o{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}.mobile-more-deals{display:none}
@media(max-width:900px){.drink-catalog-hero{display:block;padding:14px 14px 13px;border-radius:16px;margin-bottom:10px}.drink-catalog-hero h2{font-size:20px}.drink-catalog-hero p{font-size:12px;line-height:1.55}.drink-quick-actions{justify-content:flex-start;margin-top:10px}.drink-quick-actions .btn{flex:1;min-width:31%;justify-content:center;padding-left:8px;padding-right:8px}.sidebar-nav button[data-page="special"]{order:-2}.sidebar-nav button[data-page="regular"]{order:-1}#page-special .drink-type-picker{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:8px;margin:0 0 10px;overflow:auto}#page-special .drink-type-card{min-width:82px;padding:10px 8px}#page-special .drink-type-card b{font-size:12.5px}#page-special .drink-type-card small{font-size:10px}.mobile-notice-bar{margin-bottom:8px}.mobile-more-deals{display:flex!important;width:100%;justify-content:center;margin:10px 0 2px;min-height:40px;border-radius:999px;font-weight:900}.mobile-result-note{font-size:12px;color:#64748b;background:#f8fafc;border:1px dashed #dbe4ff;border-radius:12px;padding:8px 10px;margin:8px 0 2px;line-height:1.45}}
@media(max-width:380px){#page-special .drink-type-picker{grid-template-columns:repeat(4,minmax(78px,1fr))}.drink-quick-actions .btn{font-size:11px}}

/* ===== MOBILE DRINK CARD ACTION POLISH 2026-05-11 ===== */
@media(max-width:900px){
  #page-special,#page-regular{
    padding-bottom:calc(260px + env(safe-area-inset-bottom))!important;
  }
  body[data-page="special"] #page-special .mobile-cards,
  body[data-page="regular"] #page-regular .mobile-cards{
    padding-bottom:calc(220px + env(safe-area-inset-bottom))!important;
  }
  .drink-card{
    overflow:visible!important;
  }
  .drink-card .bottom{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:12px!important;
    align-items:center!important;
    min-width:0!important;
  }
  .drink-card .bottom .price{
    text-align:left!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  .drink-card .bottom .btn{
    display:inline-flex!important;
    width:104px!important;
    max-width:104px!important;
    min-width:104px!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:8px 10px!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    box-shadow:0 6px 12px rgba(79,70,229,.13)!important;
  }
  #cartMountSpecial .card,#cartMountRegular .card,
  #cartMountSpecial .cart-filled,#cartMountRegular .cart-filled{
    bottom:calc(86px + env(safe-area-inset-bottom))!important;
    max-height:calc(44vh - env(safe-area-inset-bottom))!important;
  }
  .cart-panel .cart-compact{
    grid-template-columns:minmax(0,1fr) auto 74px!important;
    gap:8px!important;
  }
  .cart-submit{
    display:inline-flex!important;
    width:74px!important;
    min-width:74px!important;
    justify-content:center!important;
  }
}
@media(max-width:380px){
  .drink-card .bottom{grid-template-columns:minmax(0,1fr) 100px!important;gap:10px!important}
  .drink-card .bottom .btn{width:100px!important;max-width:100px!important;min-width:100px!important;font-size:12.5px!important;padding-left:8px!important;padding-right:8px!important}
  .cart-panel .cart-compact{grid-template-columns:minmax(0,1fr) auto 68px!important}
  .cart-submit{width:68px!important;min-width:68px!important;padding-left:6px!important;padding-right:6px!important}
}

/* ===== MOBILE UX QUICK FIXES 2026-05-11 07:04 ===== */
@media(max-width:900px){
  .drink-catalog-hero{padding:12px!important;margin-bottom:8px!important}
  .drink-catalog-hero h2{font-size:18px!important;margin:4px 0!important}
  .drink-catalog-hero p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important}
  .drink-quick-actions{gap:6px!important;margin-top:8px!important}
  .drink-quick-actions .btn{min-height:36px!important;font-size:11.5px!important}
  .drink-flow-hint{display:none!important}
  #page-special .drink-type-picker,#page-regular .drink-type-picker{gap:6px!important;margin-bottom:8px!important}
  .mobile-notice-line{line-height:1.28!important}
  .mobile-notice-line:first-child{font-weight:900!important}
  .mobile-notice-line:nth-child(n+2){display:none!important}
  .mobile-notice-bar{margin-top:4px!important;margin-bottom:6px!important;padding:8px 10px!important}
  .customer-auth-overlay{padding:12px!important;align-items:flex-start!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  .customer-auth-card{margin:18px auto!important;padding:20px 18px!important;border-radius:18px!important}
  .customer-auth-card h2{font-size:21px!important}
  .auth-tabs{margin:14px 0!important}
  .auth-tabs button,.customer-auth-card .btn{min-height:42px!important;justify-content:center!important}
}

/* ===== MOBILE UX QUICK POLISH 2026-05-10 ===== */
@media (max-width:900px){
  .customer-auth-card .muted{line-height:1.55}
  .auth-fast-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .auth-fast-actions .btn{width:100%;justify-content:center;min-height:40px;border-radius:12px;font-weight:900}
  .auth-fast-actions .btn-p{background:linear-gradient(135deg,#312e81,#6366f1);color:#fff;box-shadow:0 8px 18px rgba(79,70,229,.20)}
  .guest-browse-btn{margin-top:0!important}
  .mobile-notice-bar{position:sticky!important;top:0!important;z-index:48!important}
  .mobile-notice-title span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-notice-list{max-height:42px;overflow:hidden}
  .mobile-notice-line{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .notice-time{display:inline-block;color:#9a3412;font-weight:900;margin-right:3px}
  .drink-type-picker,.store-chip-row{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:1px 2px 8px!important;margin-left:-2px;margin-right:-2px;scrollbar-width:none}
  .drink-type-picker::-webkit-scrollbar,.store-chip-row::-webkit-scrollbar{display:none}
  .drink-type-card,.store-chip{flex:0 0 auto;max-width:168px;white-space:nowrap}
  .drink-type-card{min-width:106px}
  .store-chip{overflow:hidden;text-overflow:ellipsis}
  #page-special.active .drink-catalog-hero p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fb .si{min-width:0!important;flex:1 1 100%!important}
  .fb select{flex:1 1 calc(50% - 4px);min-width:0!important}
  .seat-mobile-card .muted,.ticket-card .muted,.plan-card .muted{line-height:1.55}
}
@media (max-width:380px){
  .sidebar-nav button{font-size:8px!important}
  .sidebar-nav button .i{font-size:15px!important}
  .cart-compact{grid-template-columns:minmax(0,1fr) auto 62px!important}
  .cart-submit{width:62px!important;min-width:62px!important}
}

/* ===== MOBILE CONVERSION POLISH 2026-05-11 07:12 ===== */
@media (max-width:900px){
  .sidebar{height:calc(66px + env(safe-area-inset-bottom))!important;min-height:66px!important}
  .sidebar-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:52px!important;padding:6px 5px calc(6px + env(safe-area-inset-bottom))!important;gap:4px!important}
  .sidebar-nav button[data-page="tonight"]{display:none!important}
  .sidebar-nav button{min-height:50px!important;font-size:10px!important;border-radius:12px!important;padding:4px 2px!important}
  .sidebar-nav button .i{font-size:17px!important}
  .main{bottom:calc(66px + env(safe-area-inset-bottom))!important}
  .content{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
  .mobile-profile-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
  .mobile-profile-quick .btn{justify-content:center;min-height:40px;border-radius:12px;font-weight:900}
  .quick-recharge-row{display:flex!important}
  .deal-tags span.hot-tag{background:#fee2e2!important;color:#b91c1c!important;border-color:#fecaca!important}
  .deal-tags span.easy-tag{background:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important}
}
@media (min-width:901px){.mobile-profile-quick,.quick-recharge-row{display:none!important}}

/* ===== MOBILE OPERATED UX FIX 2026-05-11 07:31 ===== */
@media (max-width:900px){
  .drink-card .bottom .btn.btn-p{background:linear-gradient(135deg,#ef4444,#f97316)!important;box-shadow:0 8px 18px rgba(239,68,68,.22)!important}
  .drink-card[data-added="1"] .bottom .btn{background:#22c55e!important;box-shadow:none!important}
  .mobile-lead-modal{max-height:calc(100dvh - 18px)!important;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
  .mobile-lead-modal .modal-ft{position:sticky!important;bottom:0!important;margin-left:-16px!important;margin-right:-16px!important;margin-bottom:calc(-88px - env(safe-area-inset-bottom))!important;padding:10px 16px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -10px 28px rgba(15,23,42,.12)!important;z-index:5!important}
  .mobile-lead-modal .fg.optional-field label:after{content:'（可选）';font-weight:700;color:#94a3b8;margin-left:2px}
  .mobile-lead-modal #leadBudget,.mobile-lead-modal #leadVibe{background:#fff!important}
}

/* ===== MOBILE SCREENSHOT FEEDBACK FIX 2026-05-11 07:40 ===== */
@media (max-width:900px){
  .stats{display:none!important}
  .content{padding-top:8px!important}
  .mobile-notice-card{margin-bottom:8px!important}
  .drink-type-picker{margin-bottom:8px!important}
  .drink-type-card{padding:8px 10px!important;min-height:50px!important}
  .drink-type-card b{font-size:13px!important}
  .drink-type-card small{font-size:10px!important}
}


/* ===== MOBILE STYLE RECOVERY 2026-05-11 17:44 ===== */
@media (max-width:900px){
  #specialCards .drink-card .bottom,
  #regularCards .drink-card .bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:10px!important}
  #specialCards .drink-card .bottom .price,
  #regularCards .drink-card .bottom .price{font-size:18px!important;line-height:1.1!important;white-space:nowrap!important}
  #specialCards .drink-card .bottom .btn,
  #regularCards .drink-card .bottom .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:96px!important;width:auto!important;min-height:38px!important;padding:0 14px!important;border-radius:12px!important;font-size:14px!important;font-weight:800!important;white-space:nowrap!important;flex-shrink:0!important}
  #regularCards .drink-card h4,#specialCards .drink-card h4{font-size:16px!important;line-height:1.35!important;text-align:left!important}
  #regularCards .drink-card,#specialCards .drink-card{font-size:14px!important;text-align:left!important}
  #page-regular .drink-catalog-hero h2,#page-special .drink-catalog-hero h2{font-size:20px!important;line-height:1.25!important;text-align:left!important}
  #page-regular .drink-catalog-hero p,#page-special .drink-catalog-hero p{font-size:13px!important;line-height:1.55!important;text-align:left!important}
  #page-regular .card,#page-special .card{max-width:100%!important}
}

/* ===== MOBILE LAYOUT REAL FIX 2026-05-11 17:55 ===== */
/* ===== DATA CLEAN SAME STORE MERGE 2026-05-11 ===== */
/* ===== POSTER SPECIALS IMPORT 2026-05-11 ===== */
@media (max-width:900px){
  body[data-page="special"] #page-special.active .grid2,
  body[data-page="regular"] #page-regular.active .grid2{display:block!important;width:100%!important;max-width:100%!important;grid-template-columns:1fr!important}
  body[data-page="special"] #page-special.active .grid2>div,
  body[data-page="regular"] #page-regular.active .grid2>div{width:100%!important;max-width:100%!important;min-width:0!important}
  body[data-page="special"] #specialCards,
  body[data-page="regular"] #regularCards{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important}
  body[data-page="special"] #specialCards .drink-card,
  body[data-page="regular"] #regularCards .drink-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding:11px 12px!important;border-radius:15px!important;font-size:14px!important;text-align:left!important}
  body[data-page="special"] #specialCards .drink-card .bottom,
  body[data-page="regular"] #regularCards .drink-card .bottom{display:grid!important;grid-template-columns:minmax(0,1fr) 98px!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-top:8px!important;padding-top:8px!important}
  body[data-page="special"] #specialCards .drink-card .bottom .btn,
  body[data-page="regular"] #regularCards .drink-card .bottom .btn{display:flex!important;visibility:visible!important;opacity:1!important;width:98px!important;min-width:98px!important;max-width:98px!important;min-height:38px!important;padding:0 10px!important;box-sizing:border-box!important;border-radius:999px!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important;overflow:visible!important;transform:none!important}
  body[data-page="special"] #specialCards .drink-card .bottom .price,
  body[data-page="regular"] #regularCards .drink-card .bottom .price{font-size:18px!important;line-height:1.1!important;white-space:nowrap!important;min-width:0!important;text-align:left!important}
  body[data-page="regular"] #page-regular.active{width:100%!important;max-width:100%!important;margin:0 auto!important;text-align:left!important}
  body[data-page="regular"] #page-regular.active .card{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;padding:12px!important}
  body[data-page="regular"] #page-regular.active .card-hd h3{font-size:16px!important;line-height:1.3!important}
  body[data-page="regular"] #page-regular.active .muted{font-size:12px!important;line-height:1.55!important}
  body[data-page="regular"] #regularCards .drink-card h4{font-size:15px!important;line-height:1.32!important;margin:2px 0!important}
  body[data-page="regular"] #regularCards .drink-card .drink-store,
  body[data-page="regular"] #regularCards .drink-card .drink-note{font-size:12px!important;line-height:1.45!important}
}
@media (max-width:380px){
  body[data-page="special"] #specialCards .drink-card .bottom,
  body[data-page="regular"] #regularCards .drink-card .bottom{grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important}
  body[data-page="special"] #specialCards .drink-card .bottom .btn,
  body[data-page="regular"] #regularCards .drink-card .bottom .btn{width:92px!important;min-width:92px!important;max-width:92px!important;font-size:12.5px!important}
}


/* ===== MOBILE PRACTICAL UX PASS 2026-05-11 20:44 ===== */
@media (max-width:900px){
  .main{scroll-padding-bottom:calc(154px + env(safe-area-inset-bottom))!important}
  .drink-catalog-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fbff)!important;border-color:#dbe4ff!important}
  .drink-catalog-hero:after{content:'提交后确认价格，不在线付款';display:block;margin-top:8px;padding:7px 9px;border-radius:999px;background:#ecfdf5;color:#15803d;font-size:11px;font-weight:900;width:max-content;max-width:100%}
  #page-special.active .card-hd,#page-regular.active .card-hd{display:block!important}
  #page-special.active .card-hd h3,#page-regular.active .card-hd h3{font-size:15px!important;margin-bottom:2px!important}
  #specialHint,#regularHint{font-size:11.5px!important;line-height:1.45!important;color:#64748b!important}
  body[data-page="special"] #page-special.active .fb,
  body[data-page="regular"] #page-regular.active .fb{display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;gap:7px!important;margin-bottom:7px!important;padding:0!important;background:transparent!important;border:0!important}
  body[data-page="special"] #specialSearch,body[data-page="regular"] #regularSearch{min-height:42px!important;border-radius:13px!important;font-size:14px!important;background:#fff!important}
  body[data-page="special"] #specialType,body[data-page="regular"] #regularType{min-height:42px!important;border-radius:13px!important;font-size:12px!important;background:#fff!important;padding-left:8px!important;padding-right:7px!important}
  .drink-type-card,.store-chip{min-height:38px!important;border-radius:999px!important;font-weight:900!important;box-shadow:none!important}
  .store-chip.active,.drink-type-card.active{box-shadow:0 7px 16px rgba(79,70,229,.18)!important}
  .mobile-result-note{position:sticky;top:0;z-index:3;margin:0 0 8px;padding:7px 9px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:12px;font-size:11px;font-weight:900;line-height:1.35}
  #specialCards .drink-card,#regularCards .drink-card{box-shadow:0 4px 14px rgba(15,23,42,.045)!important;border-color:#e8edf5!important}
  #specialCards .drink-card h4,#regularCards .drink-card h4{padding-right:2px!important}
  .drink-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px!important}
  .drink-note.open{display:block!important;-webkit-line-clamp:unset!important}
  .drink-note-btn{border:0;background:transparent;color:#4f46e5;font-size:12px;font-weight:900;padding:2px 0 0;cursor:pointer}
  .deal-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.deal-tags span{font-size:10.5px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:999px;padding:2px 7px;font-weight:850}.deal-tags .hot-tag{border-color:#fecaca;background:#fee2e2;color:#b91c1c}.deal-tags .easy-tag{border-color:#bbf7d0;background:#dcfce7;color:#15803d}
  .cart-panel.cart-filled{border-radius:18px!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(14px)!important}
  .cart-panel.cart-filled .cart-compact{grid-template-columns:minmax(0,1fr) auto 82px!important}.cart-submit{width:82px!important;min-width:82px!important;min-height:38px!important}
  .cart-toggle b{font-size:14px!important}.cart-toggle small{font-size:11.5px!important}.cart-compact-total{font-size:18px!important}
  .cart-detail{max-height:34vh;overflow:auto;-webkit-overflow-scrolling:touch}.cart-item{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important}.cart-item .btn{min-height:30px!important;justify-content:center!important}
  .mobile-lead-modal .lead-quick-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}.lead-chip{min-height:36px!important;border-radius:999px!important;font-weight:900!important}.modal-close{min-width:34px!important;min-height:34px!important;background:#f1f5f9!important;border-radius:999px!important}
  .seat-mobile-card .seat-actions,.group-action-card .btn{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.seat-mobile-card .seat-actions .btn{min-height:40px!important}
}
@media (max-width:380px){
  .cart-panel.cart-filled .cart-compact{grid-template-columns:minmax(0,1fr) auto 72px!important}.cart-submit{width:72px!important;min-width:72px!important}
  body[data-page="special"] #page-special.active .fb,body[data-page="regular"] #page-regular.active .fb{grid-template-columns:minmax(0,1fr) 98px!important}
}



/* ===== MOBILE DECISION FLOW 2026-05-11 21:18 ===== */
@media (max-width:900px){
  .mobile-decision-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-top:10px!important}
  .mobile-decision-actions .btn{min-height:40px!important;justify-content:center!important;border-radius:13px!important;font-size:12.5px!important;font-weight:950!important;padding:7px 8px!important}
  .drink-catalog-hero{padding:13px 12px!important;margin-bottom:9px!important}
  .drink-catalog-hero p{margin-top:5px!important}
  .mobile-more-deals{width:100%!important;justify-content:center!important;min-height:42px!important;border-radius:14px!important;margin:3px 0 10px!important;background:#fff!important;font-weight:900!important}
  .mobile-lead-modal{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 18px)!important;border-radius:18px!important;padding:14px 14px 0!important}
  .mobile-lead-modal .modal-hd{margin-bottom:8px!important}
  .mobile-lead-modal .modal-ft{position:sticky!important;bottom:0!important;margin-left:-14px!important;margin-right:-14px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -8px 20px rgba(15,23,42,.08)!important;z-index:2!important}
  .mobile-lead-modal .modal-ft .btn-p{flex:1!important;min-height:46px!important;justify-content:center!important;border-radius:999px!important;font-size:15px!important;font-weight:950!important}
  .mobile-lead-modal .modal-ft .btn-o{min-height:46px!important;border-radius:999px!important}
  .mobile-lead-modal .fg{margin-bottom:9px!important}.mobile-lead-modal input{min-height:41px!important;border-radius:12px!important;font-size:14px!important}
  .mobile-lead-modal textarea{min-height:72px!important;border-radius:12px!important}
  .lead-tip{font-size:11px!important;line-height:1.45!important;color:#64748b!important;margin-top:5px!important}
}



/* ===== MOBILE FIRST SCREEN PRIORITY 2026-05-12 12:06 ===== */
@media (max-width:900px){
  body[data-page="special"] .mobile-notice-bar{display:none!important}
  body[data-page="regular"] .mobile-notice-bar{display:none!important}
  body[data-page="special"] .content{padding-top:8px!important}
  body[data-page="special"] .drink-catalog-hero{margin-top:0!important}
  #page-special.active .drink-card.zero-price-soft{opacity:.92}
  #page-special.active .drink-card.zero-price-soft .price:after{content:' 需确认';font-size:11px;color:#f97316;font-weight:900;margin-left:3px}
}



/* ===== MOBILE CARD HIGH CONTRAST 2026-05-12 12:08 ===== */
@media (max-width:900px){
  body[data-page="special"] #specialCards .drink-card,
  body[data-page="regular"] #regularCards .drink-card{
    background:#ffffff!important;
    border:1.5px solid #cbd5e1!important;
    box-shadow:0 10px 24px rgba(15,23,42,.14)!important;
    color:#0f172a!important;
    opacity:1!important;
    backdrop-filter:none!important;
  }
  body[data-page="special"] #specialCards .drink-card h4,
  body[data-page="regular"] #regularCards .drink-card h4{color:#0f172a!important;font-weight:950!important}
  body[data-page="special"] #specialCards .drink-store,
  body[data-page="regular"] #regularCards .drink-store{color:#334155!important;font-weight:800!important}
  body[data-page="special"] #specialCards .drink-note,
  body[data-page="regular"] #regularCards .drink-note{
    color:#334155!important;
    background:#f8fafc!important;
    border:1px solid #e2e8f0!important;
    border-radius:10px!important;
    padding:7px 8px!important;
  }
  body[data-page="special"] #specialCards .price,
  body[data-page="regular"] #regularCards .price{color:#312e81!important;font-weight:950!important}
  body[data-page="special"] #specialCards .drink-card[data-added="1"],
  body[data-page="regular"] #regularCards .drink-card[data-added="1"]{
    background:#f0fdf4!important;
    border-color:#22c55e!important;
    box-shadow:0 10px 24px rgba(34,197,94,.18)!important;
  }
  #page-special.active .drink-card.zero-price-soft{opacity:1!important;background:#fff7ed!important;border-color:#fdba74!important}
}



/* ===== MOBILE HERO COMPACT READABLE 2026-05-12 12:12 ===== */
@media (max-width:900px){
  body[data-page="special"] .drink-catalog-hero{
    display:block!important;
    margin:0 0 8px!important;
    padding:10px 10px 11px!important;
    border-radius:14px!important;
    background:#ffffff!important;
    border:1px solid #cbd5e1!important;
    box-shadow:0 8px 20px rgba(15,23,42,.10)!important;
    color:#0f172a!important;
    min-height:0!important;
  }
  body[data-page="special"] .drink-catalog-hero .acq-kicker{display:none!important}
  body[data-page="special"] .drink-catalog-hero h2{
    display:block!important;
    margin:0 0 4px!important;
    font-size:17px!important;
    line-height:1.2!important;
    color:#0f172a!important;
    font-weight:950!important;
  }
  body[data-page="special"] .drink-catalog-hero h2:before{content:'今晚怎么安排？';}
  body[data-page="special"] .drink-catalog-hero h2{font-size:0!important}
  body[data-page="special"] .drink-catalog-hero h2:before{font-size:17px!important}
  body[data-page="special"] .drink-catalog-hero p{
    display:block!important;
    margin:0!important;
    max-width:none!important;
    color:#475569!important;
    font-size:11.5px!important;
    line-height:1.35!important;
  }
  body[data-page="special"] .drink-catalog-hero p:before{content:'选场景后直接筛套餐，加入清单再提交确认。';}
  body[data-page="special"] .drink-catalog-hero p{font-size:0!important}
  body[data-page="special"] .drink-catalog-hero p:before{font-size:11.5px!important}
  body[data-page="special"] .drink-catalog-hero:after{display:none!important;content:none!important}
  body[data-page="special"] .mobile-decision-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  body[data-page="special"] .mobile-decision-actions .btn{
    min-height:34px!important;
    border-radius:11px!important;
    padding:6px 8px!important;
    font-size:12px!important;
    font-weight:950!important;
    box-shadow:none!important;
  }
  body[data-page="special"] .mobile-decision-actions .btn-p{
    background:#4f46e5!important;color:#fff!important;border:1px solid #4f46e5!important;
  }
  body[data-page="special"] .mobile-decision-actions .btn-o{
    background:#eef2ff!important;color:#312e81!important;border:1px solid #c7d2fe!important;
  }
}



/* ===== MOBILE HERO CHIP BAR 2026-05-12 12:14 ===== */
@media (max-width:900px){
  body[data-page="special"] .drink-catalog-hero{
    padding:0!important;
    margin:0 0 7px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  body[data-page="special"] .drink-catalog-hero h2,
  body[data-page="special"] .drink-catalog-hero p,
  body[data-page="special"] .drink-catalog-hero .acq-kicker{display:none!important}
  body[data-page="special"] .mobile-decision-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(82px,1fr))!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
  }
  body[data-page="special"] .mobile-decision-actions .btn{
    min-height:34px!important;
    height:34px!important;
    border-radius:999px!important;
    padding:0 6px!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:950!important;
    justify-content:center!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
}



/* ===== MOBILE SCENE BAR HIGH CONTRAST 2026-05-12 12:16 ===== */
@media (max-width:900px){
  body[data-page="special"] .drink-catalog-hero{
    padding:8px!important;
    margin:0 0 8px!important;
    background:#111827!important;
    border:1px solid #1f2937!important;
    box-shadow:0 8px 20px rgba(15,23,42,.22)!important;
    border-radius:14px!important;
    color:#fff!important;
  }
  body[data-page="special"] .drink-catalog-hero h2,
  body[data-page="special"] .drink-catalog-hero p,
  body[data-page="special"] .drink-catalog-hero .acq-kicker{display:none!important}
  body[data-page="special"] .mobile-decision-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
  }
  body[data-page="special"] .mobile-decision-actions .btn{
    min-height:42px!important;
    height:42px!important;
    border-radius:12px!important;
    padding:0 8px!important;
    font-size:14px!important;
    line-height:1.1!important;
    font-weight:950!important;
    justify-content:center!important;
    min-width:0!important;
    white-space:nowrap!important;
    letter-spacing:.1px!important;
    text-shadow:none!important;
  }
  body[data-page="special"] .mobile-decision-actions .btn-p{
    background:#f97316!important;
    color:#ffffff!important;
    border:1px solid #fb923c!important;
    box-shadow:0 6px 14px rgba(249,115,22,.30)!important;
  }
  body[data-page="special"] .mobile-decision-actions .btn-o{
    background:#ffffff!important;
    color:#111827!important;
    border:1px solid #e5e7eb!important;
    box-shadow:none!important;
  }
}



/* ===== MOBILE BRAND SCENE + NOTICE RESTORE 2026-05-12 12:20 ===== */
@media (max-width:900px){
  body[data-page="special"] .mobile-notice-bar,
  body[data-page="regular"] .mobile-notice-bar{
    display:flex!important;
    margin:0 0 8px!important;
    padding:8px 10px!important;
    border:1px solid #dbe4ff!important;
    background:#ffffff!important;
    color:#334155!important;
    box-shadow:0 5px 14px rgba(79,70,229,.08)!important;
    border-radius:13px!important;
  }
  body[data-page="special"] .mobile-notice-badge,
  body[data-page="regular"] .mobile-notice-badge{background:#4f46e5!important;color:#fff!important}
  body[data-page="special"] .mobile-notice-title,
  body[data-page="regular"] .mobile-notice-title{color:#1e1b4b!important;font-weight:950!important}
  body[data-page="special"] .mobile-notice-line,
  body[data-page="regular"] .mobile-notice-line{color:#475569!important;font-weight:700!important}
  body[data-page="special"] .mobile-notice-arrow,
  body[data-page="regular"] .mobile-notice-arrow{color:#4f46e5!important}

  body[data-page="special"] .drink-catalog-hero{
    padding:9px 10px 10px!important;
    margin:0 0 8px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f5f7ff 100%)!important;
    border:1px solid #c7d2fe!important;
    box-shadow:0 8px 20px rgba(79,70,229,.12)!important;
    border-radius:15px!important;
    color:#111827!important;
  }
  body[data-page="special"] .drink-catalog-hero .acq-kicker{display:none!important}
  body[data-page="special"] .drink-catalog-hero h2{
    display:block!important;
    margin:0 0 6px!important;
    font-size:16px!important;
    line-height:1.2!important;
    color:#1e1b4b!important;
    font-weight:950!important;
  }
  body[data-page="special"] .drink-catalog-hero h2:before{content:'按场景快速筛选';font-size:16px!important}
  body[data-page="special"] .drink-catalog-hero h2{font-size:0!important}
  body[data-page="special"] .drink-catalog-hero p{display:none!important}
  body[data-page="special"] .drink-catalog-hero:after{display:none!important;content:none!important}
  body[data-page="special"] .mobile-decision-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
  }
  body[data-page="special"] .mobile-decision-actions .btn{
    min-height:40px!important;
    height:40px!important;
    border-radius:12px!important;
    padding:0 8px!important;
    font-size:13.5px!important;
    line-height:1.1!important;
    font-weight:950!important;
    justify-content:center!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  body[data-page="special"] .mobile-decision-actions .btn-p{
    background:#4f46e5!important;
    color:#ffffff!important;
    border:1px solid #4f46e5!important;
    box-shadow:0 7px 16px rgba(79,70,229,.22)!important;
  }
  body[data-page="special"] .mobile-decision-actions .btn-o{
    background:#ffffff!important;
    color:#312e81!important;
    border:1px solid #c7d2fe!important;
  }
}


/* ===== MOBILE VISUAL OPT PASS 2026-05-13 ===== */
@media(max-width:900px){
  body{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
  body.mobile-cart-visible{padding-bottom:calc(188px + env(safe-area-inset-bottom))!important}
  .sidebar{height:calc(62px + env(safe-area-inset-bottom))!important}
  .sidebar-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:48px!important}
  .sidebar-nav button{min-height:46px!important;font-size:10px!important}
  .content{padding-bottom:calc(118px + env(safe-area-inset-bottom))!important}
  body.mobile-cart-visible .content{padding-bottom:calc(178px + env(safe-area-inset-bottom))!important}
  .mobile-cartbar{display:none;position:fixed;left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:230;background:rgba(15,23,42,.96);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:10px 10px 10px 13px;box-shadow:0 14px 34px rgba(15,23,42,.28);backdrop-filter:blur(14px);grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
  body.mobile-cart-visible .mobile-cartbar{display:grid}
  .mobile-cartbar b{display:block;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-cartbar small{display:block;margin-top:2px;color:#cbd5e1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-cartbar .mobile-cartbar-total{font-size:16px;font-weight:950;color:#fef3c7;margin-right:4px;white-space:nowrap}
  .mobile-cartbar button{min-height:42px;border-radius:999px;padding:0 14px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;border:0;font-weight:950;white-space:nowrap}
  body[data-page="seats"] #seatGrid .store-table-card>table{display:none!important}
  body[data-page="seats"] #seatGrid .mobile-cards{display:grid!important;grid-template-columns:1fr;gap:10px}
  .seat-mobile-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:14px;box-shadow:0 5px 18px rgba(15,23,42,.045)}
  .seat-mobile-card h4{font-size:17px;font-weight:950;margin:8px 0 5px;color:#111827}
  .seat-mobile-card .seat-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px}
  .seat-mobile-card .seat-actions .btn{min-height:42px!important;border-radius:13px!important}
  .modal-overlay.show{align-items:flex-end!important}.modal{border-radius:20px 20px 0 0!important}
  .toast-ct{top:auto!important;bottom:calc(138px + env(safe-area-inset-bottom))!important;left:10px!important;right:10px!important}
  body.mobile-cart-visible .toast-ct{bottom:calc(198px + env(safe-area-inset-bottom))!important}
  #cartMountSpecial .card,#cartMountRegular .card{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:auto!important;max-height:none!important;overflow:visible!important;box-shadow:0 5px 18px rgba(15,23,42,.045)!important;margin-bottom:10px!important}
  #cartMountSpecial .card:before,#cartMountRegular .card:before{display:none!important}
}
.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed #dbe4ff}.cart-actions .btn{justify-content:center}.btn[disabled]{opacity:.65;pointer-events:none}.mobile-cart-sheet{max-width:460px}.cart-sheet-list{display:flex;flex-direction:column;gap:8px}.cart-sheet-item{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--bd);border-radius:10px;padding:10px;background:#fff}.cart-sheet-item b{font-size:13px}.cart-sheet-item small{display:block;color:var(--mu);font-size:11px;margin-top:2px}.cart-sheet-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd)}.cart-sheet-total b{font-size:22px;color:var(--p)}
@media(min-width:901px){.mobile-cartbar{display:none!important}}


/* ===== CONFIRMED SPECIAL PAGE CLARITY 2026-05-13 08:54 ===== */
.special-info-hero{grid-template-columns:1fr!important}
.special-info-hero p{max-width:760px!important}
.drink-store-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:2px 0 4px;padding:4px 8px;border-radius:999px;background:#eef2ff;border:1px solid #c7d2fe;color:#312e81;font-size:12px;font-weight:900;line-height:1.2}
@media(max-width:900px){
  body[data-page="special"] .mobile-decision-actions{display:none!important}
  body[data-page="special"] .drink-catalog-hero.special-info-hero{display:block!important;padding:12px!important;margin:0 0 10px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid #dbe4ff!important;border-radius:14px!important;color:#111827!important}
  body[data-page="special"] .drink-catalog-hero.special-info-hero .acq-kicker{display:inline-block!important;font-size:11px!important;font-weight:900!important;color:#4f46e5!important;background:#eef2ff!important;border-radius:999px!important;padding:3px 8px!important;margin-bottom:6px!important}
  body[data-page="special"] .drink-catalog-hero.special-info-hero h2{display:block!important;font-size:17px!important;line-height:1.25!important;margin:2px 0 5px!important;color:#111827!important}
  body[data-page="special"] .drink-catalog-hero.special-info-hero h2:before{content:none!important}
  body[data-page="special"] .drink-catalog-hero.special-info-hero p{display:block!important;font-size:12.5px!important;line-height:1.6!important;margin:0!important;color:#475569!important;max-width:none!important;-webkit-line-clamp:unset!important;overflow:visible!important}
  body[data-page="special"] .drink-catalog-hero.special-info-hero p:before{content:none!important}
  body[data-page="special"] .store-chip-row,body[data-page="regular"] .store-chip-row{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;max-height:none!important;padding:2px 0 8px!important;margin:0 0 10px!important;gap:7px!important;position:static!important;background:transparent!important;border-bottom:0!important}
  body[data-page="special"] .store-chip,body[data-page="regular"] .store-chip{flex:0 1 auto!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-height:34px!important;padding:7px 10px!important;line-height:1.2!important}
  .drink-store-badge{font-size:12px!important;margin:2px 0 5px!important;padding:5px 8px!important;background:#eef2ff!important;border-color:#c7d2fe!important;color:#312e81!important}
}


/* ===== STORE CHIPS TWO-LINE CLEANUP 2026-05-13 08:59 ===== */
@media(max-width:900px){
  body[data-page="special"] .store-chip-row,
  body[data-page="regular"] .store-chip-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    max-height:none!important;
    padding:2px 0 8px!important;
    margin:0 0 10px!important;
  }
  body[data-page="special"] .store-chip,
  body[data-page="regular"] .store-chip{
    width:100%!important;
    min-width:0!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:11.5px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
  }
}


/* ===== STORE FILTER READABLE + CARD STORE LINE 2026-05-13 09:03 ===== */
.drink-store-line{display:flex;align-items:flex-start;gap:7px;margin:6px 0 7px;padding:8px 9px;border-radius:10px;background:linear-gradient(90deg,#111827,#312e81);color:#fff;box-shadow:0 8px 18px rgba(49,46,129,.16);flex-wrap:wrap}.drink-store-line span{flex:0 0 auto;font-size:10px;font-weight:900;letter-spacing:.08em;color:#c7d2fe;border:1px solid rgba(199,210,254,.35);border-radius:999px;padding:2px 6px}.drink-store-line b{flex:1 1 0;min-width:0;font-size:13px;font-weight:950;line-height:1.25;color:#fff;word-break:break-word;overflow-wrap:anywhere;white-space:normal}
@media(max-width:900px){
  body[data-page="special"] .store-chip-row,
  body[data-page="regular"] .store-chip-row{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    gap:7px!important;
    overflow:visible!important;
    max-height:none!important;
    padding:2px 0 8px!important;
    margin:0 0 10px!important;
  }
  body[data-page="special"] .store-chip,
  body[data-page="regular"] .store-chip{
    width:auto!important;
    min-width:auto!important;
    max-width:100%!important;
    height:auto!important;
    min-height:32px!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:11.5px!important;
    font-weight:850!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-align:center!important;
    word-break:keep-all!important;
  }
  .drink-store-badge{display:none!important}
  .drink-store-line{margin:6px 0 7px!important;padding:8px 9px!important;border-radius:10px!important;background:linear-gradient(90deg,#111827,#312e81)!important;color:#fff!important}
}


/* ===== STORE FILTER TWO-COLUMN CARDS 2026-05-13 09:11 ===== */
@media(max-width:900px){
  body[data-page="special"] .store-chip-row,
  body[data-page="regular"] .store-chip-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    max-height:none!important;
    padding:2px 0 10px!important;
    margin:0 0 10px!important;
  }
  body[data-page="special"] .store-chip,
  body[data-page="regular"] .store-chip{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:42px!important;
    height:auto!important;
    padding:8px 9px!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    border:1px solid #dbe4ff!important;
    color:#334155!important;
    box-shadow:0 4px 12px rgba(15,23,42,.04)!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    text-align:center!important;
    word-break:break-word!important;
  }
  body[data-page="special"] .store-chip.active,
  body[data-page="regular"] .store-chip.active{
    background:#4f46e5!important;
    border-color:#4f46e5!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(79,70,229,.20)!important;
  }
}


/* ===== STORE FILTER REVERT TO HORIZONTAL 2026-05-13 09:20 ===== */
@media(max-width:900px){
  body[data-page="special"] .store-chip-row,
  body[data-page="regular"] .store-chip-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:46px!important;
    padding:2px 2px 8px!important;
    margin:0 0 10px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body[data-page="special"] .store-chip-row::-webkit-scrollbar,
  body[data-page="regular"] .store-chip-row::-webkit-scrollbar{display:none!important}
  body[data-page="special"] .store-chip,
  body[data-page="regular"] .store-chip{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:auto!important;
    max-width:180px!important;
    height:auto!important;
    min-height:34px!important;
    padding:7px 12px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    border:1px solid #dbe4ff!important;
    color:#334155!important;
    box-shadow:none!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
  }
  body[data-page="special"] .store-chip.active,
  body[data-page="regular"] .store-chip.active{
    background:#4f46e5!important;
    border-color:#4f46e5!important;
    color:#fff!important;
    box-shadow:none!important;
  }
}



/* ===== CLEAN PURPLE BOOKING TOOL VISUAL SYSTEM 2026-05-13 09:30 ===== */
:root{--p:#635bff;--ph:#4f46e5;--pl:#f1f0ff;--txt:#172033;--mu:#667085;--bd:#e7e9f2;--bg:#f7f8fc;--card:#fff}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI','PingFang SC','Microsoft YaHei',sans-serif!important;color:var(--txt)!important;background:linear-gradient(180deg,#f8f8ff 0%,#f7f8fc 46%,#f8fafc 100%)!important;font-size:13px!important;letter-spacing:.01em}
.header h1{font-size:18px!important;font-weight:900!important;letter-spacing:-.02em}.card-hd h3,.event-card h4,.ticket-card h4,.plan-card h4,.account-card h4,.guide-card h4,.seat-card h4,.drink-card h4{font-weight:900!important;color:#121827!important;letter-spacing:-.015em}.muted{color:#667085!important;line-height:1.65!important}.btn{border-radius:999px!important;font-weight:800!important}.tag{border-radius:999px!important;font-weight:850!important;letter-spacing:.02em}.card,.event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card,.drink-card{border-color:#e8eaf4!important;box-shadow:0 8px 28px rgba(31,41,55,.055)!important}.card{border-radius:18px!important}
.page-info-card,.special-info-hero{position:relative;overflow:hidden;border:1px solid rgba(99,91,255,.16)!important;background:linear-gradient(135deg,#ffffff 0%,#fbfbff 48%,#f1f0ff 100%)!important;box-shadow:0 16px 42px rgba(79,70,229,.10)!important;padding:18px 18px 16px!important;margin-bottom:14px!important}.page-info-card:before,.special-info-hero:before{content:'';position:absolute;right:-42px;top:-58px;width:168px;height:168px;border-radius:50%;background:radial-gradient(circle,rgba(99,91,255,.18),rgba(99,91,255,0) 66%);pointer-events:none}.page-info-card:after,.special-info-hero:after{content:'';position:absolute;left:18px;bottom:0;width:72px;height:3px;border-radius:999px;background:linear-gradient(90deg,#635bff,#a78bfa)}.info-kicker,.acq-kicker{display:inline-flex!important;align-items:center;gap:6px;background:#eef2ff!important;color:#4338ca!important;border:1px solid #dbe4ff!important;border-radius:999px!important;padding:4px 10px!important;font-size:11px!important;font-weight:900!important;margin-bottom:9px!important}.page-info-card h2,.special-info-hero h2{font-size:21px!important;line-height:1.22!important;font-weight:950!important;color:#111827!important;margin:0 0 7px!important;letter-spacing:-.04em}.page-info-card p,.special-info-hero p{max-width:760px!important;color:#475467!important;font-size:13px!important;line-height:1.7!important;margin:0!important}.info-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.info-points span{display:inline-flex;align-items:center;border:1px solid #e4e7fb;background:rgba(255,255,255,.72);color:#475467;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:850}
.sidebar-nav button .i{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border-radius:9px!important;background:rgba(255,255,255,.10)!important;color:#e0e7ff!important;font-size:11px!important;font-weight:950!important;line-height:1!important;letter-spacing:-.02em}.sidebar-nav button.active .i{background:#fff!important;color:#4f46e5!important}.sidebar-nav button{font-weight:750!important}.sidebar-nav button.active{background:linear-gradient(135deg,#635bff,#7c3aed)!important;color:#fff!important}
.drink-type-card b{font-size:13px!important;letter-spacing:.01em}.drink-type-card{border-color:#e2e7ff!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important}.drink-type-card.active{background:linear-gradient(135deg,#eef2ff,#f5f3ff)!important;border-color:#8b87ff!important;box-shadow:0 12px 28px rgba(99,91,255,.16)!important}
#page-group .ticket-card .tag,#page-group .group-ticket .tag{background:#eef2ff!important;color:#4338ca!important;border:1px solid #dbe4ff!important}.gt-icon{font-size:0!important;background:linear-gradient(135deg,#eef2ff,#f7f5ff)!important;border:1px solid #dbe4ff!important;color:#4338ca!important;box-shadow:none!important}.gt-icon:after{content:'散台';font-size:12px;font-weight:950;letter-spacing:-.03em}.group-ticket.booth .gt-icon:after{content:'卡座'}.group-ticket.booth .gt-icon{background:linear-gradient(135deg,#fff7ed,#fff)!important;border-color:#fed7aa!important;color:#9a3412!important}.ticket-card h4{font-size:16px!important}.group-split .group-tab{font-weight:850!important;border-color:#e2e7ff!important;background:#fff!important}.group-split .group-tab.active{background:linear-gradient(135deg,#635bff,#7c3aed)!important;color:#fff!important;border-color:transparent!important}
@media(max-width:900px){body{font-size:13px!important}.content{padding:10px 10px calc(98px + env(safe-area-inset-bottom))!important}.page-info-card,.special-info-hero{padding:15px 14px 14px!important;border-radius:18px!important;margin-bottom:10px!important}.page-info-card h2,.special-info-hero h2{font-size:19px!important}.page-info-card p,.special-info-hero p{font-size:12.5px!important;line-height:1.62!important}.info-points{gap:6px;margin-top:10px}.info-points span{font-size:10.5px;padding:4px 8px}.sidebar{background:rgba(255,255,255,.96)!important;border-top:1px solid rgba(226,232,240,.96)!important;box-shadow:0 -12px 34px rgba(15,23,42,.10)!important}.sidebar-nav{gap:4px!important;padding:7px 6px calc(7px + env(safe-area-inset-bottom))!important}.sidebar-nav button{color:#64748b!important;background:transparent!important;border-radius:14px!important;font-size:10px!important;font-weight:850!important}.sidebar-nav button .i{width:22px!important;height:22px!important;border-radius:9px!important;background:#f1f3fb!important;color:#667085!important;font-size:10.5px!important}.sidebar-nav button.active{background:#f1f0ff!important;color:#4338ca!important;box-shadow:none!important}.sidebar-nav button.active .i{background:linear-gradient(135deg,#635bff,#7c3aed)!important;color:#fff!important}.card,.event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card,.drink-card{border-radius:16px!important}.drink-type-picker{gap:8px!important}.drink-type-card{border-radius:15px!important}.drink-type-card b{font-size:12.5px!important}.drink-type-card small{font-size:10.5px!important}.ticket-card .tag{font-size:10.5px!important}.group-action-card h3{font-size:16px!important}}



/* ===== REMOVE CATEGORY FAKE LOGO 2026-05-13 09:44 ===== */
.drink-type-card b{letter-spacing:-.01em!important}



/* ===== NAV AUTH REGULAR NOTICE UNIFY 2026-05-13 09:55 ===== */
.auth-fast-actions-disabled{display:block!important;margin-top:10px!important}.auth-fast-actions-disabled .auth-tip{border:1px solid #dbe4ff;background:#f8f9ff;border-radius:12px;padding:10px;color:#475569;text-align:center}.customer-auth-overlay.show{display:flex!important}.auth-open .main,.auth-open .sidebar{filter:blur(4px);pointer-events:none;user-select:none}
@media(max-width:900px){body[data-auth-required="true"] .customer-auth-overlay.show{align-items:flex-start!important}.sidebar-nav button[data-page="recharge"]{order:-3}.sidebar-nav button[data-page="special"]{order:-2}.sidebar-nav button[data-page="regular"]{order:-1}.mobile-notice-bar{display:flex!important;margin:0 0 8px!important;padding:8px 10px!important;border:1px solid #dbe4ff!important;background:#ffffff!important;color:#334155!important;box-shadow:0 5px 14px rgba(79,70,229,.08)!important;border-radius:13px!important}.mobile-notice-badge{background:#4f46e5!important;color:#fff!important}.mobile-notice-title{color:#1e1b4b!important;font-weight:950!important}.mobile-notice-line{color:#475569!important;font-weight:700!important}.mobile-notice-arrow{color:#4f46e5!important}.drink-type-picker{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important}}


/* ===== BRAND RENAME YOUJU CLUB 2026-05-13 09:59 ===== */


/* ===== PC NOTICE BAR RESTORE 2026-06-05 ===== */
.pc-notice-bar{display:none}
.event-desc{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
@media(min-width:901px){
  .pc-notice-bar{display:block;margin:0 0 14px;padding:12px 14px;border:1px solid #dbe4ff;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(79,70,229,.07);cursor:pointer}
  .pc-notice-bar.hidden{display:none!important}
  .pc-notice-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
  .pc-notice-title{display:flex;align-items:center;gap:8px;color:#1e1b4b;font-size:14px;font-weight:950}
  .pc-notice-badge{display:inline-flex;align-items:center;border-radius:999px;background:#4f46e5;color:#fff;padding:3px 9px;font-size:11px;font-weight:950}
  .pc-notice-arrow{color:#4f46e5;font-size:12px;font-weight:900;white-space:nowrap}
  .pc-notice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pc-notice-line{min-width:0;padding:8px 10px;border:1px solid #eef2ff;background:#f8f9ff;border-radius:12px;color:#475569;font-size:12px;font-weight:700;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pc-notice-line b{color:#1e1b4b;font-weight:950}
}


/* ===== RECHARGE NAV + GROUP FILTER FIX 2026-05-13 10:04 ===== */
@media(max-width:900px){.sidebar-nav button[data-page="recharge"]{display:flex!important}.sidebar-nav button[data-page="profile"]{display:flex!important}.sidebar-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:46px!important}.sidebar-nav button{min-height:44px!important;font-size:9px!important}.sidebar-nav button .i{width:20px!important;height:20px!important;font-size:10px!important}}



/* ===== DEFAULT BAR CATEGORY NO ALL BUTTON 2026-05-13 10:07 ===== */


/* ===== RESTORE MOBILE PROFILE NAV 2026-05-13 10:13 ===== */
@media(max-width:900px){.sidebar-nav button[data-page="profile"]{display:flex!important}}


/* ===== CLEAN PROFILE DUPLICATE QUICK LINKS 2026-05-13 10:18 ===== */
.mobile-profile-quick,.quick-recharge-row{display:none!important}


/* ===== DIRECT MEMBER PAY + NO INNER FORM SCROLL 2026-05-13 10:25 ===== */
@media(max-width:900px){
  .modal-overlay{align-items:flex-start!important;justify-content:center!important;overflow:auto!important;padding:8px 8px calc(var(--mobile-nav-bottom) + 74px)!important}
  .modal{max-height:none!important;overflow:visible!important;width:100%!important;max-width:520px!important;padding:14px!important;border-radius:16px!important}
  .mobile-lead-modal{padding:12px!important}
  .mobile-lead-modal .modal-hd{margin-bottom:8px!important}
  .mobile-lead-modal #leadDesc{margin-bottom:8px!important;font-size:12px!important;line-height:1.35!important}
  .mobile-lead-modal .fg{margin-bottom:8px!important}
  .mobile-lead-modal .fr{gap:8px!important}
  .mobile-lead-modal input,.mobile-lead-modal select,.mobile-lead-modal textarea{padding:8px 9px!important;font-size:13px!important}
  .mobile-lead-modal textarea{min-height:54px!important}
  .mobile-lead-modal .lead-tip{font-size:11px!important;line-height:1.35!important}
  .mobile-lead-modal .modal-ft{margin-top:10px!important;padding-top:10px!important}
  .group-signup-box{padding:10px!important;margin-bottom:8px!important}
}

/* ===== MODAL FULL VIEW + GROUP PEOPLE CLEANUP 2026-05-13 10:38 ===== */
@media(max-width:900px){
  .modal-overlay.show{align-items:flex-start!important;justify-content:center!important;overflow-y:auto!important;padding:8px 0 calc(8px + env(safe-area-inset-bottom))!important}
  .modal.mobile-lead-modal{width:calc(100vw - 14px)!important;max-height:none!important;height:auto!important;overflow:visible!important;border-radius:16px!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;margin:0!important}
  .mobile-lead-modal .modal-hd{margin-bottom:5px!important}
  .mobile-lead-modal .modal-hd h2{font-size:17px!important}
  .mobile-lead-modal #leadDesc{padding:7px 8px!important;margin-bottom:7px!important;font-size:11.5px!important;line-height:1.32!important}
  .mobile-lead-modal .fg{margin-bottom:6px!important}
  .mobile-lead-modal .fg label{margin-bottom:3px!important;font-size:10.5px!important}
  .mobile-lead-modal .fr,.mobile-lead-modal .lead-main-row{gap:7px!important}
  .mobile-lead-modal input,.mobile-lead-modal select,.mobile-lead-modal textarea{min-height:36px!important;padding:7px 8px!important;font-size:13px!important;border-radius:11px!important}
  .mobile-lead-modal textarea{height:46px!important;min-height:46px!important}
  .mobile-lead-modal .lead-tip{font-size:10.5px!important;line-height:1.28!important}
  .mobile-lead-modal .modal-ft{position:static!important;margin:7px 0 0!important;padding:7px 0 0!important;box-shadow:none!important;background:transparent!important;display:grid!important;grid-template-columns:.85fr 1.15fr!important;gap:8px!important}
  .mobile-lead-modal .modal-ft .btn{min-height:39px!important;border-radius:999px!important}
  .mobile-lead-modal.group-signup-mode #leadPeopleWrap{display:none!important}
  .group-signup-box{padding:8px!important;margin:6px 0!important;border-radius:13px!important}
  .group-signup-head{margin-bottom:6px!important}
  .group-signup-head b{font-size:13px!important}.group-signup-head span{font-size:10.5px!important}
  .group-count-grid{gap:7px!important}.group-count-card{padding:7px!important;border-radius:11px!important}
  .group-count-card label{font-size:11px!important;margin-bottom:4px!important}.group-count-card input{font-size:17px!important;min-height:34px!important}
  .group-pay-total{padding:8px 9px!important;margin-top:7px!important;border-radius:11px!important}.group-pay-total b{font-size:20px!important}.group-price-note{font-size:10.5px!important;line-height:1.35!important;margin-top:5px!important}
}


/* ===== CONFIRMED FLOW PATCH 2026-05-13 11:40 ===== */
.group-join-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.group-join-actions .btn{justify-content:center}@media(max-width:900px){/* NAV ORDER SYNC FIX 2026-05-13 13:16 */.sidebar-nav button[data-page="recharge"]{order:1}.sidebar-nav button[data-page="regular"]{order:2}.sidebar-nav button[data-page="special"]{order:3}.sidebar-nav button[data-page="group"]{order:4}.sidebar-nav button[data-page="profile"]{order:5}#cartMountSpecial,#cartMountRegular{display:none!important}}



/* NAV POSITION RESTORE 2026-05-13 13:27 */
@media(max-width:900px){.sidebar-nav button[data-page="recharge"]{order:1!important}.sidebar-nav button[data-page="regular"]{order:2!important}.sidebar-nav button[data-page="special"]{order:3!important}.sidebar-nav button[data-page="group"]{order:4!important}.sidebar-nav button[data-page="profile"]{order:5!important}}

/* GROUP MODE BUTTON VISUAL FIX 2026-05-13 13:34 */
#groupModeGrid .guide-card .btn{width:100%!important;justify-content:center!important;text-align:center!important;align-items:center!important;min-height:38px!important;padding:8px 14px!important;line-height:1.2!important;border-radius:999px!important;font-size:13px!important;font-weight:900!important}
@media(max-width:900px){#groupModeGrid .guide-card .btn{min-height:40px!important;font-size:13px!important;margin-top:10px!important}}

/* GROUP ACTION BUTTON VISUAL FIX 2026-05-13 13:41 */
.group-action-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.group-action-card .btn{min-width:108px!important;min-height:40px!important;padding:9px 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.2!important;border-radius:999px!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important}
@media(max-width:900px){.group-action-card{display:block!important}.group-action-card .btn{width:100%!important;margin-top:12px!important;min-height:42px!important;font-size:13.5px!important}}

/* ===== PC PREMIUM VISUAL UPGRADE 2026-05-15 ===== */
@media (min-width:901px){
  :root{
    --p:#7c3aed;--ph:#6d28d9;--pl:#f3e8ff;--sb:#080814;--st:#b8b6d9;--bg:#f5f1ea;--card:#ffffff;--bd:#eadfce;--txt:#171421;--mu:#746b80;--sh:0 18px 50px rgba(25,18,44,.10);--r:18px;
    --gold:#c6a45d;--gold2:#ead8a7;--ink:#0b0a12;--wine:#2a1024;
  }
  html{background:#0b0a12;}
  body{
    background:
      radial-gradient(circle at 18% 0%,rgba(198,164,93,.18) 0,rgba(198,164,93,0) 30%),
      radial-gradient(circle at 92% 10%,rgba(124,58,237,.14) 0,rgba(124,58,237,0) 28%),
      linear-gradient(135deg,#f7f2ea 0%,#fbfaf7 48%,#f1e8db 100%)!important;
    color:var(--txt);
    letter-spacing:-.01em;
  }
  body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(11,10,18,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,10,18,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.08));z-index:-1}
  .sidebar{
    width:224px;background:
      radial-gradient(circle at 30% -8%,rgba(198,164,93,.28),transparent 34%),
      linear-gradient(180deg,#15101f 0%,#080814 58%,#05050a 100%)!important;
    border-right:1px solid rgba(234,216,167,.16);box-shadow:18px 0 60px rgba(8,8,20,.26)!important;
  }
  .main{margin-left:224px;}
  .sidebar-brand{padding:28px 20px 16px!important;font-size:20px!important;letter-spacing:.04em;color:#fff;line-height:1.15;}
  .sidebar-brand:before{content:'CHANGSHA NIGHTLIFE';display:block;margin-bottom:9px;font-size:10px;letter-spacing:.22em;color:var(--gold2);font-weight:800;opacity:.95;}
  .sidebar-brand small{margin-top:7px;color:#cfc9e8!important;letter-spacing:.08em;}
  .sidebar-nav{padding:10px 14px!important;gap:7px!important;}
  .sidebar-nav button{min-height:42px;border-radius:14px!important;padding:12px 14px!important;color:#bdb9d7!important;font-weight:750!important;letter-spacing:.02em;border:1px solid transparent;}
  .sidebar-nav button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(234,216,167,.15);}
  .sidebar-nav button.active{background:linear-gradient(135deg,#7c3aed,#4c1d95)!important;color:#fff!important;border-color:rgba(234,216,167,.22);box-shadow:0 14px 30px rgba(76,29,149,.36),inset 0 1px 0 rgba(255,255,255,.22)!important;}
  .sidebar-ft{padding:16px 18px!important;border-top:1px solid rgba(234,216,167,.13)!important;color:#bdb9d7!important;}
  .dot{background:var(--gold)!important;box-shadow:0 0 16px rgba(198,164,93,.75);}
  .header{height:76px!important;padding:0 34px!important;background:rgba(255,252,246,.78)!important;border-bottom:1px solid rgba(234,223,206,.72)!important;backdrop-filter:blur(18px) saturate(130%);box-shadow:0 10px 38px rgba(25,18,44,.06)!important;}
  .header h1{font-size:23px!important;font-weight:950!important;letter-spacing:-.04em;color:#171421;}
  .header h1:before{content:'';display:inline-block;width:8px;height:24px;border-radius:999px;background:linear-gradient(180deg,var(--gold2),var(--gold));margin-right:12px;vertical-align:-5px;box-shadow:0 6px 18px rgba(198,164,93,.35);}
  .content{max-width:1500px!important;padding:30px 38px 58px!important;}
  .card,.sc,.event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card,.drink-card{
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,252,247,.92))!important;border:1px solid rgba(234,223,206,.9)!important;border-radius:22px!important;box-shadow:0 20px 60px rgba(25,18,44,.09),inset 0 1px 0 rgba(255,255,255,.82)!important;
  }
  .card{padding:22px!important;margin-bottom:22px!important;}
  .card-hd{margin-bottom:18px!important;}
  .card-hd h3{font-size:20px!important;font-weight:950!important;letter-spacing:-.04em;color:#181221;}
  .muted{color:#746b80!important;line-height:1.75!important;}
  .stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:18px!important;margin-bottom:26px!important;}
  .sc{position:relative;overflow:hidden;padding:20px 22px!important;}
  .sc:before{right:-34px!important;top:-34px!important;width:110px!important;height:110px!important;background:radial-gradient(circle,rgba(198,164,93,.22),rgba(124,58,237,.08) 56%,transparent 70%)!important;}
  .sc .l{font-size:11px!important;letter-spacing:.16em!important;color:#8a7a63!important;font-weight:900!important;}
  .sc .v{font-size:34px!important;font-weight:950!important;color:#171421!important;letter-spacing:-.06em!important;}
  .btn{border-radius:999px!important;padding:9px 16px!important;font-weight:900!important;letter-spacing:.01em;}
  .btn-p{background:linear-gradient(135deg,#8b5cf6,#5b21b6)!important;box-shadow:0 14px 30px rgba(91,33,182,.28)!important;}
  .btn-p:hover{filter:brightness(1.04);transform:translateY(-1px);}
  .btn-o{background:rgba(255,255,255,.72)!important;border-color:#eadfce!important;color:#332844!important;}
  .btn-o:hover{background:#fff8e8!important;border-color:var(--gold)!important;color:#5b21b6!important;box-shadow:0 10px 24px rgba(198,164,93,.16);}
  .fb{background:rgba(255,255,255,.58)!important;border:1px solid rgba(234,223,206,.9)!important;border-radius:20px!important;padding:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);}
  input,select,textarea,.fb input,.fb select{background:rgba(255,255,255,.9)!important;border-color:#e5d8c6!important;border-radius:14px!important;padding:10px 13px!important;color:#171421;}
  input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 4px rgba(198,164,93,.18)!important;}
  .store-chip{background:rgba(255,255,255,.7)!important;border-color:#e8dccb!important;color:#4a4058!important;border-radius:999px!important;padding:8px 15px!important;font-weight:850!important;}
  .store-chip.active{background:linear-gradient(135deg,#171421,#3b244f)!important;border-color:rgba(234,216,167,.7)!important;color:#fff!important;box-shadow:0 13px 26px rgba(23,20,33,.22)!important;}
  .tb-wrap,.store-table-card{border-radius:20px!important;border:1px solid rgba(234,223,206,.92)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 18px 50px rgba(25,18,44,.07)!important;overflow:auto;}
  table{font-size:13px!important;border-collapse:separate!important;border-spacing:0;}
  th{background:linear-gradient(180deg,#fffaf1,#f5ecde)!important;color:#7d6a4b!important;border-bottom:1px solid #eadfce!important;padding:13px 14px!important;font-weight:950!important;letter-spacing:.13em!important;}
  td{padding:13px 14px!important;border-bottom:1px solid #f0e7d9!important;}
  tr:hover td{background:#fffaf1!important;}
  .price{color:#6d28d9!important;font-size:16px!important;font-weight:950!important;}
  .tag,.event-meta span,.scene-tags span,.seat-mini span{font-weight:900!important;border:1px solid rgba(234,223,206,.8);background:#fff7e8!important;color:#735b29!important;}
  .event-grid,.ticket-grid,.plan-grid,.account-grid,.guide-grid,.seat-grid,.store-grid{gap:18px!important;}
  .event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card{padding:18px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
  .event-card:hover,.ticket-card:hover,.plan-card:hover,.account-card:hover,.guide-card:hover,.seat-card:hover,.store-card:hover{transform:translateY(-4px)!important;border-color:rgba(198,164,93,.72)!important;box-shadow:0 26px 70px rgba(25,18,44,.14)!important;}
  .event-card h4,.ticket-card h4,.plan-card h4,.account-card h4,.guide-card h4,.seat-card h4{font-size:18px!important;font-weight:950!important;color:#171421;}
  .store-cover{height:174px!important;border-radius:18px!important;background:linear-gradient(135deg,#171421,#5b21b6 58%,#c6a45d)!important;box-shadow:inset 0 -70px 80px rgba(0,0,0,.24);}
  .store-cover:after{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(8,8,20,.58))!important;}
  .store-cover .cover-placeholder{font-size:18px;letter-spacing:.08em;}
  .store-kv div{background:#fffaf3!important;border-color:#eadfce!important;border-radius:16px!important;padding:11px!important;}
  .cart-panel .card,#cartMountSpecial .card,#cartMountRegular .card{background:linear-gradient(180deg,#171421,#24162f)!important;color:#fff!important;border-color:rgba(234,216,167,.22)!important;box-shadow:0 24px 70px rgba(23,20,33,.28)!important;}
  .cart-panel .card .muted,#cartMountSpecial .card .muted,#cartMountRegular .card .muted,.cart-panel .cart-item small{color:#c9c2d6!important;}
  .cart-panel .card h3,#cartMountSpecial .card h3,#cartMountRegular .card h3{color:#fff!important;}
  .cart-total{border-top-color:rgba(234,216,167,.25)!important;}
  .cart-total b{color:var(--gold2)!important;}
  .modal{border-radius:24px!important;border:1px solid rgba(234,223,206,.9);box-shadow:0 30px 90px rgba(8,8,20,.28)!important;}
  .modal-overlay{background:rgba(8,8,20,.54)!important;backdrop-filter:blur(7px);}
  .toast{border-radius:16px!important;background:linear-gradient(135deg,#171421,#5b21b6)!important;box-shadow:0 18px 44px rgba(23,20,33,.25)!important;}
}

/* ===== PC PREMIUM VISUAL BALANCE FIX 2026-05-15 ===== */
@media (min-width:901px){
  :root{
    --p:#6366f1;--ph:#4f46e5;--pl:#eef2ff;--sb:#1e1b4b;--st:#c7d2fe;--bg:#f8fafc;--card:#ffffff;--bd:#e2e8f0;--txt:#1e293b;--mu:#64748b;--sh:0 10px 28px rgba(15,23,42,.07);--r:16px;
  }
  html{background:#f8fafc!important;}
  body{
    background:
      radial-gradient(circle at 18% 0%,rgba(99,102,241,.10) 0,rgba(99,102,241,0) 30%),
      linear-gradient(180deg,#fbfcff 0%,#f8fafc 45%,#f6f7fb 100%)!important;
    color:var(--txt)!important;
  }
  body:before{display:none!important;}
  .sidebar{
    width:212px!important;
    background:linear-gradient(180deg,#21195a 0%,#1e1b4b 52%,#151139 100%)!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    box-shadow:10px 0 34px rgba(30,27,75,.16)!important;
  }
  .main{margin-left:212px!important;}
  .sidebar-brand{padding:22px 18px 12px!important;font-size:18px!important;letter-spacing:0!important;}
  .sidebar-brand:before{content:''!important;display:none!important;}
  .sidebar-brand small{color:#a5b4fc!important;letter-spacing:0!important;}
  .sidebar-nav{padding:8px 12px!important;gap:4px!important;}
  .sidebar-nav button{min-height:39px!important;border-radius:11px!important;padding:10px 12px!important;color:#c7d2fe!important;font-weight:650!important;border:0!important;letter-spacing:0!important;}
  .sidebar-nav button:hover{background:rgba(99,102,241,.28)!important;color:#fff!important;}
  .sidebar-nav button.active{background:#6366f1!important;color:#fff!important;box-shadow:0 8px 20px rgba(99,102,241,.28)!important;border:0!important;}
  .sidebar-ft{padding:12px 16px!important;color:#a5b4fc!important;border-top:1px solid rgba(255,255,255,.10)!important;}
  .dot{background:#22c55e!important;box-shadow:none!important;}
  .header{
    height:68px!important;padding:0 30px!important;background:rgba(255,255,255,.92)!important;
    border-bottom:1px solid #e2e8f0!important;backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(15,23,42,.045)!important;
  }
  .header h1{font-size:21px!important;font-weight:850!important;letter-spacing:-.03em!important;color:#1e293b!important;}
  .header h1:before{content:''!important;display:inline-block!important;width:6px!important;height:22px!important;border-radius:999px!important;background:#6366f1!important;margin-right:10px!important;vertical-align:-4px!important;box-shadow:none!important;}
  .content{max-width:1480px!important;padding:26px 32px 52px!important;}
  .card,.sc,.event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card,.drink-card{
    background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;color:#1e293b!important;
  }
  .card{padding:20px!important;margin-bottom:18px!important;}
  .card-hd{margin-bottom:14px!important;}
  .card-hd h3{font-size:18px!important;font-weight:800!important;letter-spacing:-.025em!important;color:#1e293b!important;}
  .muted{color:#64748b!important;line-height:1.65!important;}
  .stats{gap:14px!important;margin-bottom:22px!important;}
  .sc{padding:17px 18px!important;overflow:hidden;}
  .sc:before{background:radial-gradient(circle,rgba(99,102,241,.12),transparent 68%)!important;}
  .sc .l{font-size:11px!important;letter-spacing:.08em!important;color:#64748b!important;font-weight:700!important;}
  .sc .v{font-size:29px!important;font-weight:850!important;color:#1e293b!important;letter-spacing:-.04em!important;}
  .btn{border-radius:10px!important;padding:8px 14px!important;font-weight:700!important;letter-spacing:0!important;}
  .btn-p{background:#6366f1!important;color:#fff!important;box-shadow:0 8px 18px rgba(99,102,241,.22)!important;}
  .btn-p:hover{background:#4f46e5!important;transform:translateY(-1px);}
  .btn-o{background:#fff!important;border:1px solid #e2e8f0!important;color:#334155!important;box-shadow:none!important;}
  .btn-o:hover{background:#f8fafc!important;border-color:#6366f1!important;color:#4f46e5!important;box-shadow:none!important;}
  .fb{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:12px!important;box-shadow:0 6px 20px rgba(15,23,42,.04)!important;}
  input,select,textarea,.fb input,.fb select{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:9px 11px!important;color:#1e293b!important;}
  input:focus,select:focus,textarea:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #eef2ff!important;}
  .store-chip{background:#fff!important;border-color:#e2e8f0!important;color:#475569!important;border-radius:999px!important;padding:7px 13px!important;font-weight:650!important;box-shadow:none!important;}
  .store-chip.active{background:#6366f1!important;border-color:#6366f1!important;color:#fff!important;box-shadow:0 8px 18px rgba(99,102,241,.20)!important;}
  .tb-wrap,.store-table-card{border-radius:16px!important;border:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important;}
  th{background:#f8fafc!important;color:#64748b!important;border-bottom:1px solid #e2e8f0!important;padding:10px 12px!important;font-weight:750!important;letter-spacing:.06em!important;}
  td{padding:10px 12px!important;border-bottom:1px solid #eef2f7!important;}
  tr:hover td{background:#f8fafc!important;}
  .price{color:#4f46e5!important;font-size:15px!important;font-weight:850!important;}
  .tag,.event-meta span,.scene-tags span,.seat-mini span{font-weight:650!important;border:0!important;background:#f1f5f9!important;color:#475569!important;}
  .event-grid,.ticket-grid,.plan-grid,.account-grid,.guide-grid,.seat-grid,.store-grid{gap:14px!important;}
  .event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card{padding:16px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;}
  .event-card:hover,.ticket-card:hover,.plan-card:hover,.account-card:hover,.guide-card:hover,.seat-card:hover,.store-card:hover{transform:translateY(-2px)!important;border-color:#c7d2fe!important;box-shadow:0 16px 36px rgba(15,23,42,.09)!important;}
  .event-card h4,.ticket-card h4,.plan-card h4,.account-card h4,.guide-card h4,.seat-card h4{font-size:16px!important;font-weight:800!important;color:#1e293b!important;}
  .store-cover{height:150px!important;border-radius:14px!important;background:linear-gradient(135deg,#1e1b4b,#6366f1)!important;box-shadow:none!important;}
  .store-cover:after{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.38))!important;}
  .store-cover .cover-placeholder{font-size:16px!important;letter-spacing:.02em!important;}
  .store-kv div{background:#f8fafc!important;border-color:#e2e8f0!important;border-radius:12px!important;padding:9px!important;}
  .cart-panel .card,#cartMountSpecial .card,#cartMountRegular .card{background:#fff!important;color:#1e293b!important;border-color:#e2e8f0!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;}
  .cart-panel .card .muted,#cartMountSpecial .card .muted,#cartMountRegular .card .muted,.cart-panel .cart-item small{color:#64748b!important;}
  .cart-panel .card h3,#cartMountSpecial .card h3,#cartMountRegular .card h3{color:#1e293b!important;}
  .cart-total{border-top-color:#e2e8f0!important;}
  .cart-total b{color:#4f46e5!important;}
  .modal{border-radius:18px!important;border:1px solid #e2e8f0!important;box-shadow:0 24px 70px rgba(15,23,42,.18)!important;}
  .modal-overlay{background:rgba(15,23,42,.35)!important;backdrop-filter:blur(4px)!important;}
  .toast{border-radius:12px!important;background:#6366f1!important;box-shadow:0 14px 34px rgba(99,102,241,.24)!important;}
}


/* ===== PC FRONT CLEAN TYPOGRAPHY SIDEBAR 2026-05-15 ===== */
@media (min-width:901px){
  body,input,select,textarea,button,table{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif!important;font-variant-numeric:tabular-nums;}
  body{font-size:14px!important;line-height:1.55!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:linear-gradient(180deg,#f7f8fc 0%,#f4f6fb 100%)!important;color:#1f2937!important;}
  .sidebar{width:216px!important;padding:0 10px!important;background:linear-gradient(180deg,#201858 0%,#1a1648 56%,#12102f 100%)!important;box-shadow:8px 0 26px rgba(30,27,75,.13)!important}
  .main{margin-left:216px!important}
  .sidebar-brand{padding:24px 8px 18px!important;margin:0 0 4px!important;font-size:0!important;line-height:1.2!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)}
  .sidebar-brand:before{content:'有局CLUB';display:block;font-size:18px;font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1.1;margin-bottom:5px;white-space:nowrap}
  .sidebar-brand:after{content:'长沙夜生活';display:block;font-size:12px;font-weight:600;letter-spacing:.02em;color:#aebcff;line-height:1.2;white-space:nowrap}
  .sidebar-brand small{display:none!important}
  .sidebar-nav{padding:8px 0!important;gap:6px!important}
  .sidebar-nav button{width:100%!important;height:42px!important;display:flex!important;align-items:center!important;gap:10px!important;border-radius:12px!important;padding:0 12px!important;background:transparent!important;color:#cbd5ff!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.2!important;box-shadow:none!important}
  .sidebar-nav button span,.sidebar-nav button i{width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;background:rgba(255,255,255,.07)!important;font-size:13px!important;line-height:1!important;flex:0 0 22px!important;filter:saturate(.85)}
  .sidebar-nav button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:none!important}
  .sidebar-nav button.active{background:#fff!important;color:#312e81!important;box-shadow:0 10px 22px rgba(15,23,42,.18)!important}
  .sidebar-nav button.active span,.sidebar-nav button.active i{background:#eef2ff!important;color:#4f46e5!important}
  .sidebar-ft{display:none!important}
  .header{height:62px!important;padding:0 28px!important;background:rgba(255,255,255,.88)!important;border-bottom:1px solid #e7ebf3!important;box-shadow:none!important}
  .header h1{font-size:19px!important;font-weight:850!important;letter-spacing:-.025em!important;line-height:1.2!important;color:#1e293b!important}
  .header h1:before{height:20px!important;width:5px!important;margin-right:9px!important;background:#6366f1!important;box-shadow:none!important}
  .content{max-width:1360px!important;padding:22px 28px 46px!important}
  .card,.sc,.event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card,.drink-card{border-radius:18px!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important;border-color:#e6ebf3!important;background:#fff!important;color:#1f2937!important}
  .card{padding:18px!important;margin-bottom:16px!important;overflow:hidden!important}
  .card-hd{margin-bottom:12px!important;align-items:center!important}
  .card-hd h3{font-size:17px!important;font-weight:850!important;letter-spacing:-.02em!important;line-height:1.25!important;color:#1e293b!important}
  .card-hd>div>.muted{display:none!important}
  .muted{font-size:12px!important;font-weight:400!important;line-height:1.55!important;color:#64748b!important;letter-spacing:0!important}
  .stats{gap:10px!important;margin-bottom:14px!important}.sc{padding:15px 16px!important}.sc .l{font-size:11px!important;font-weight:650!important;letter-spacing:.02em!important;color:#64748b!important;text-transform:none!important}.sc .v{font-size:26px!important;font-weight:800!important;line-height:1.12!important;letter-spacing:-.035em!important}
  input,select,textarea{font-size:13px!important;font-weight:450!important;line-height:1.4!important;border-radius:11px!important}input::placeholder,textarea::placeholder{color:#94a3b8!important;font-weight:400!important}
  .btn{font-size:13px!important;font-weight:650!important;line-height:1.2!important;letter-spacing:0!important;border-radius:11px!important}.btn-sm{font-size:12px!important}.btn-xs{font-size:11.5px!important;border-radius:9px!important}
  .tag,.pill,.event-meta span,.scene-tags span,.seat-mini span{font-size:11px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.25!important}
  table,.tb-wrap table,.drink-table{font-size:12.5px!important;line-height:1.45!important;color:#273449!important}th{font-size:12px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.35!important;color:#64748b!important;white-space:nowrap!important}td{font-size:12.5px!important;font-weight:400!important;line-height:1.5!important;color:#273449!important}td b{font-weight:700!important;color:#1e293b!important}.price,.plan-price{font-weight:800!important;letter-spacing:-.01em!important;color:#4f46e5!important}
  .fb,.store-chip-row{margin-bottom:12px!important}.fb{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:none!important}.store-chip{font-size:12px!important;font-weight:650!important}
  .store-cover{height:146px!important;border-radius:15px!important}.event-card h4,.ticket-card h4,.plan-card h4,.account-card h4,.guide-card h4,.seat-card h4{font-size:16px!important;font-weight:800!important;line-height:1.3!important}
  .cart-panel .card,#cartMountSpecial .card,#cartMountRegular .card{background:#fff!important;color:#1e293b!important;border-color:#e6ebf3!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important}
}



/* ===== PC FRONT SIDEBAR STRUCTURE FIX 2026-05-15 ===== */
@media (min-width:901px){
  .sidebar{width:216px!important;padding:0 10px!important;background:linear-gradient(180deg,#201858 0%,#1a1648 56%,#12102f 100%)!important;box-shadow:8px 0 26px rgba(30,27,75,.13)!important}
  .main{margin-left:216px!important}
  .sidebar-brand{display:block!important;padding:24px 8px 18px!important;margin:0 0 4px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;font-size:0!important;color:#fff!important;line-height:1.2!important;background:transparent!important}
  .sidebar-brand:before,.sidebar-brand:after{content:none!important;display:none!important}
  .sidebar-brand b{display:block!important;font-size:18px!important;font-weight:900!important;letter-spacing:-.02em!important;color:#fff!important;line-height:1.1!important;margin:0 0 5px!important;white-space:nowrap!important}
  .sidebar-brand em{display:block!important;font-style:normal!important;font-size:12px!important;font-weight:600!important;letter-spacing:.02em!important;color:#aebcff!important;line-height:1.2!important;white-space:nowrap!important}
  .sidebar-brand small{display:none!important}
  .sidebar-nav{display:flex!important;flex-direction:column!important;padding:8px 0!important;gap:6px!important}
  .sidebar-nav button{width:100%!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;border-radius:12px!important;padding:0 12px!important;border:0!important;background:transparent!important;color:#cbd5ff!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.2!important;text-align:left!important;box-shadow:none!important;transition:.16s ease!important}
  .sidebar-nav button .i{width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;background:rgba(255,255,255,.07)!important;color:#dce3ff!important;font-size:13px!important;font-weight:800!important;line-height:1!important;flex:0 0 22px!important;filter:saturate(.85)!important}
  .sidebar-nav button b{display:block!important;font-size:13px!important;font-weight:700!important;color:inherit!important;line-height:1.2!important;margin:0!important;white-space:nowrap!important}
  .sidebar-nav button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:none!important}
  .sidebar-nav button:hover .i{background:rgba(255,255,255,.12)!important;color:#fff!important}
  .sidebar-nav button.active{background:#fff!important;color:#312e81!important;box-shadow:0 10px 22px rgba(15,23,42,.18)!important}
  .sidebar-nav button.active .i{background:#eef2ff!important;color:#4f46e5!important}
  .sidebar-ft{display:none!important}
}


/* ===== NIGHTLIFE BUTLER SERVICE 2026-05-28 ===== */
.butler-hero{background:#fff;color:var(--txt);border:1px solid var(--bd);overflow:hidden;position:relative}
.butler-hero:after{content:'';position:absolute;right:-90px;top:-100px;width:210px;height:210px;border-radius:50%;background:rgba(99,102,241,.07)}
.butler-hero>*{position:relative;z-index:1}.butler-hero .info-kicker{color:var(--p);background:var(--pl);border-color:#c7d2fe}
.butler-hero h2{color:var(--txt)}.butler-hero p{color:var(--mu)}.butler-price-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.butler-price-row span{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;background:#f8fafc;color:#475569;border:1px solid var(--bd);box-shadow:none}.butler-price-row span.sub{background:#f8fafc;color:#475569;border:1px solid var(--bd);box-shadow:none}
.butler-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.butler-choice-card{border:1px solid var(--bd);border-radius:var(--r);background:#fff;padding:14px;box-shadow:var(--sh)}.butler-choice-card h4{font-size:15px;margin-bottom:6px}.butler-choice-card p{font-size:12px;color:var(--mu);line-height:1.7}.butler-choice-card strong{display:block;color:var(--p);font-size:18px;margin-top:8px}.butler-style-line{font-size:12px;color:#475569;background:#f8fafc;border:1px solid var(--bd);border-radius:8px;padding:8px;margin-top:9px;line-height:1.6}
.butler-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.butler-service-item{border:1px solid var(--bd);border-radius:9px;background:#fff;padding:10px;font-size:13px;font-weight:800;color:#334155}.butler-service-item span{display:block;margin-top:3px;font-size:11px;font-weight:400;color:var(--mu)}
.butler-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.butler-service-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px}.butler-service-checks label{display:flex;align-items:center;gap:6px;border:1px solid var(--bd);background:#fff;border-radius:8px;padding:8px;font-size:12px;color:#334155}.butler-service-checks input{width:auto}.butler-note{background:#fffbeb;border-color:#fde68a;color:#92400e;font-size:12px;line-height:1.7}
@media(max-width:700px){.butler-choice-grid,.butler-form-grid{grid-template-columns:1fr}.butler-service-grid{grid-template-columns:1fr 1fr}.butler-service-checks{grid-template-columns:1fr 1fr}.butler-hero{padding:16px 14px!important}.butler-choice-card{padding:12px}.butler-service-item{padding:9px}}

.play-hall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.play-order-card{padding:15px}.play-order-card h4{font-size:17px;line-height:1.35;margin:8px 0;font-weight:950}.play-order-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.play-order-meta div{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:8px}.play-order-meta b{display:block;font-size:11px;color:#64748b;margin-bottom:2px}.play-qr{width:126px;height:126px;object-fit:cover;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.play-order-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed #dbe4ff}.play-order-empty{padding:28px 16px;color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:16px}@media(max-width:900px){.sidebar-nav{grid-template-columns:repeat(7,minmax(0,1fr))!important}.sidebar-nav button{font-size:9px!important}.play-hall-grid{grid-template-columns:1fr}.play-order-meta{grid-template-columns:1fr 1fr}.play-order-bottom{align-items:stretch;flex-direction:column}.play-order-bottom .btn{width:100%;justify-content:center}}
/* ===== CONVERSION HOME 2026-06-08 ===== */
.home-hero{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:18px;box-shadow:var(--sh);margin-bottom:14px}.home-hero h2{font-size:24px;line-height:1.25;margin:6px 0}.home-hero p{color:var(--mu);font-size:13px;line-height:1.75}.home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.home-action{border:1px solid var(--bd);background:#fff;border-radius:14px;padding:14px;text-align:left;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.04)}.home-action.primary{background:#eef2ff;border-color:#c7d2fe}.home-action b{display:block;font-size:15px;margin-bottom:4px;color:#111827}.home-action span{font-size:12px;color:#64748b;line-height:1.5}.home-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-mini-card{border:1px solid var(--bd);background:#fff;border-radius:14px;padding:14px;box-shadow:var(--sh)}.home-mini-card h3{font-size:15px;margin-bottom:6px}.home-mini-card p{font-size:12px;color:var(--mu);line-height:1.65;margin-bottom:10px}.home-mini-card .btn{width:100%;justify-content:center}.home-inline-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.home-inline-tabs .btn{justify-content:center}
@media(min-width:901px){.sidebar-nav{display:flex!important;flex-direction:column!important}.home-hero{padding:22px}.home-hero h2{font-size:30px}}
@media(max-width:900px){.sidebar-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.home-actions{grid-template-columns:1fr 1fr}.home-section-grid{grid-template-columns:1fr}.home-hero{margin-bottom:10px}.home-hero h2{font-size:22px}.home-action{padding:12px}.home-action.primary{grid-column:1/-1}}

/* ===== RESTORE REGULAR INFO CARD 2026-06-08 ===== */
@media(max-width:900px){
  #page-regular .page-info-card{
    display:block!important;
  }
}

/* ===== FULL WIDTH DRINK TYPE FILTERS 2026-06-08 ===== */
@media(max-width:900px){
  #page-special .drink-type-picker,
  #page-regular .drink-type-picker{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:0!important;
    margin:0 0 10px!important;
  }
  #page-special .drink-type-card,
  #page-regular .drink-type-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:44px!important;
    padding:8px 6px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    box-shadow:none!important;
  }
  #page-special .drink-type-card b,
  #page-regular .drink-type-card b{
    font-size:12px!important;
    line-height:1.2!important;
    margin:0 0 2px!important;
  }
  #page-special .drink-type-card small,
  #page-regular .drink-type-card small{
    font-size:9.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
}

/* ===== EQUAL DRINK INFO CARDS 2026-06-08 ===== */
#page-special>.special-info-hero,
#page-regular>.page-info-card{
  min-height:156px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:flex-start!important;
}
#page-special>.special-info-hero>div,
#page-regular>.page-info-card>div{
  width:100%!important;
}
@media(max-width:900px){
  #page-special>.special-info-hero,
  #page-regular>.page-info-card{
    min-height:150px!important;
  }
}
/* ===== PC/MOBILE CONVERSION POLISH 2026-06-09 ===== */
@media (min-width:901px){
  .content{max-width:1420px!important}
  .grid2{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important}
  #cartMountSpecial,#cartMountRegular{position:sticky!important;top:82px!important}
  #cartMountSpecial .cart-empty,#cartMountRegular .cart-empty{
    padding:12px 14px!important;
    border-style:dashed!important;
    box-shadow:none!important;
    background:#fbfdff!important;
  }
  #cartMountSpecial .cart-empty .cart-compact,#cartMountRegular .cart-empty .cart-compact{
    display:block!important;
  }
  #cartMountSpecial .cart-empty .cart-compact-total,
  #cartMountRegular .cart-empty .cart-compact-total,
  #cartMountSpecial .cart-empty .cart-submit,
  #cartMountRegular .cart-empty .cart-submit,
  #cartMountSpecial .cart-empty .cart-detail,
  #cartMountRegular .cart-empty .cart-detail{
    display:none!important;
  }
  #cartMountSpecial .cart-empty .cart-toggle b,
  #cartMountRegular .cart-empty .cart-toggle b{
    font-size:14px!important;
  }
  #cartMountSpecial .cart-empty .cart-toggle small,
  #cartMountRegular .cart-empty .cart-toggle small{
    white-space:normal!important;
    line-height:1.5!important;
  }
  .drink-table td:nth-child(4){max-width:320px!important}
}

@media (max-width:900px){
  body[data-page="special"] #page-special.active #specialStoreChips,
  body[data-page="regular"] #page-regular.active #regularStoreChips{
    display:flex!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:7px!important;
    margin:0 0 8px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    max-height:none!important;
    box-shadow:none!important;
  }
  body[data-page="special"] #page-special.active #specialStoreChips .store-chip,
  body[data-page="regular"] #page-regular.active #regularStoreChips .store-chip{
    flex:0 1 auto!important;
    max-width:100%!important;
    min-height:32px!important;
    padding:7px 10px!important;
    white-space:normal!important;
    line-height:1.2!important;
  }
  #cartMountSpecial .cart-panel,#cartMountRegular .cart-panel{
    display:none!important;
  }
  .mobile-cartbar{
    display:none!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(76px + env(safe-area-inset-bottom) + var(--mobile-nav-bottom))!important;
    grid-template-columns:minmax(0,1fr) auto 78px!important;
    gap:8px!important;
    align-items:center!important;
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:16px!important;
    background:#111827!important;
    color:#fff!important;
    box-shadow:0 -8px 26px rgba(15,23,42,.22)!important;
  }
  body.mobile-cart-visible .mobile-cartbar{display:grid!important}
  .mobile-cartbar b{font-size:13px!important;line-height:1.2!important}
  .mobile-cartbar small{font-size:11px!important;color:#cbd5e1!important}
  .mobile-cartbar-total{font-size:17px!important;font-weight:950!important;color:#fde68a!important}
  .mobile-cartbar button{
    min-height:38px!important;
    border-radius:999px!important;
    border:0!important;
    background:linear-gradient(135deg,#ff7a1a,#ef4444)!important;
    color:#fff!important;
    font-weight:950!important;
    text-align:center!important;
    justify-content:center!important;
  }
  body.mobile-cart-visible #page-special,
  body.mobile-cart-visible #page-regular{
    padding-bottom:calc(190px + env(safe-area-inset-bottom))!important;
  }
  .mobile-lead-modal #leadContact::placeholder{
    color:#94a3b8!important;
  }
}

/* ===== MOBILE COMPACT CARDS + STORE PICKER 2026-06-09 ===== */
.store-purpose-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.store-purpose-row button{border:1px solid #dbe4ff;background:#fff;color:#312e81;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:900;cursor:pointer}
.store-purpose-row button.active,.store-purpose-row button:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}
@media(max-width:900px){
  body[data-page="special"] #specialCards,
  body[data-page="regular"] #regularCards,
  body[data-page="seats"] #seatGrid .mobile-cards{gap:7px!important}
  body[data-page="special"] #specialCards .drink-card,
  body[data-page="regular"] #regularCards .drink-card{
    padding:9px 10px!important;
    border-radius:12px!important;
    gap:4px!important;
    box-shadow:0 5px 14px rgba(15,23,42,.10)!important;
  }
  body[data-page="special"] #specialCards .drink-card:before,
  body[data-page="regular"] #regularCards .drink-card:before{height:2px!important}
  body[data-page="special"] #specialCards .drink-card h4,
  body[data-page="regular"] #regularCards .drink-card h4{
    font-size:14px!important;
    line-height:1.24!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body[data-page="special"] #specialCards .drink-card .tag-row,
  body[data-page="regular"] #regularCards .drink-card .tag-row{gap:4px!important}
  body[data-page="special"] #specialCards .drink-card .tag-row .tag,
  body[data-page="regular"] #regularCards .drink-card .tag-row .tag{font-size:9.5px!important;padding:1px 6px!important;line-height:1.2!important}
  body[data-page="special"] #specialCards .drink-store-line,
  body[data-page="regular"] #regularCards .drink-store-line{
    margin:3px 0!important;
    padding:5px 7px!important;
    border-radius:8px!important;
    gap:5px!important;
    box-shadow:none!important;
  }
  body[data-page="special"] #specialCards .drink-store-line span,
  body[data-page="regular"] #regularCards .drink-store-line span{font-size:9px!important;padding:1px 5px!important;line-height:1.1!important}
  body[data-page="special"] #specialCards .drink-store-line b,
  body[data-page="regular"] #regularCards .drink-store-line b{
    font-size:12px!important;
    line-height:1.2!important;
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body[data-page="special"] #specialCards .deal-tags,
  body[data-page="regular"] #regularCards .deal-tags{gap:3px!important;margin-top:2px!important}
  body[data-page="special"] #specialCards .deal-tags span,
  body[data-page="regular"] #regularCards .deal-tags span{font-size:9.5px!important;padding:1px 5px!important;line-height:1.2!important}
  body[data-page="special"] #specialCards .drink-note:not(.open),
  body[data-page="regular"] #regularCards .drink-note:not(.open){
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin-top:3px!important;
    padding:5px 7px!important;
    border-radius:8px!important;
    font-size:11px!important;
    line-height:1.32!important;
  }
  body[data-page="special"] #specialCards .drink-note-btn,
  body[data-page="regular"] #regularCards .drink-note-btn{font-size:11px!important;padding:1px 0!important;margin-top:0!important}
  body[data-page="special"] #specialCards .drink-card .bottom,
  body[data-page="regular"] #regularCards .drink-card .bottom{
    margin-top:2px!important;
    padding-top:6px!important;
    gap:6px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .price,
  body[data-page="regular"] #regularCards .drink-card .bottom .price{font-size:15px!important;line-height:1.1!important}
  body[data-page="special"] #specialCards .drink-card .bottom .btn,
  body[data-page="regular"] #regularCards .drink-card .bottom .btn{
    min-height:36px!important;
    border-radius:10px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  body[data-page="seats"] #page-seats>.page-info-card{
    min-height:0!important;
    padding:10px!important;
    margin-bottom:8px!important;
    border-radius:12px!important;
  }
  body[data-page="seats"] #page-seats>.page-info-card h2{font-size:17px!important;line-height:1.2!important;margin:3px 0!important}
  body[data-page="seats"] #page-seats>.page-info-card p{font-size:12px!important;line-height:1.45!important;margin:0!important}
  body[data-page="seats"] #page-seats>.page-info-card .info-points{gap:5px!important;margin-top:8px!important}
  body[data-page="seats"] #page-seats>.page-info-card .info-points span{font-size:10.5px!important;padding:3px 7px!important}
  body[data-page="seats"] #page-seats.active .card{padding:9px!important;margin-bottom:8px!important;border-radius:12px!important}
  body[data-page="seats"] .store-purpose-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0 0 8px!important;
  }
  body[data-page="seats"] .store-purpose-row button{
    min-height:34px!important;
    padding:0 6px!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    white-space:normal!important;
  }
  body[data-page="seats"] #page-seats.active .fb{gap:6px!important;padding:7px!important;margin:0 0 8px!important}
  body[data-page="seats"] #page-seats.active .fb input,
  body[data-page="seats"] #page-seats.active .fb select{min-height:34px!important;padding:6px 8px!important;font-size:12px!important;border-radius:9px!important}
  body[data-page="seats"] .seat-mobile-card{
    padding:9px 10px!important;
    border-radius:12px!important;
    box-shadow:0 4px 12px rgba(15,23,42,.07)!important;
  }
  body[data-page="seats"] .seat-mobile-card h4{font-size:15px!important;line-height:1.23!important;margin:4px 0 2px!important}
  body[data-page="seats"] .seat-mobile-card>.muted{font-size:11.5px!important;line-height:1.35!important}
  body[data-page="seats"] .seat-mobile-card p.muted{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin:4px 0!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }
  body[data-page="seats"] .seat-mobile-card .scene-tags{gap:4px!important;margin:5px 0!important}
  body[data-page="seats"] .seat-mobile-card .scene-tags span,
  body[data-page="seats"] .seat-mobile-card .seat-mini span{font-size:10px!important;padding:2px 6px!important;line-height:1.15!important}
  body[data-page="seats"] .seat-mobile-card .seat-mini{margin-top:5px!important;gap:4px!important}
  body[data-page="seats"] .seat-mobile-card .seat-mini+.muted{
    margin-top:5px!important;
    font-size:11px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body[data-page="seats"] .seat-mobile-card .seat-actions{gap:6px!important;margin-top:8px!important}
  body[data-page="seats"] .seat-mobile-card .seat-actions .btn{min-height:36px!important;border-radius:10px!important;font-size:12px!important;padding:0 6px!important}
}

/* ===== MOBILE COMPACT CARD TIGHTEN 2026-06-09 ===== */
@media(max-width:900px){
  body[data-page="special"] #specialCards .deal-tags,
  body[data-page="regular"] #regularCards .deal-tags{
    max-height:18px!important;
    overflow:hidden!important;
  }
  body[data-page="special"] #specialCards .drink-note:not(.open),
  body[data-page="regular"] #regularCards .drink-note:not(.open){
    max-height:27px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    color:#64748b!important;
    padding:0!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  body[data-page="special"] #specialCards .drink-note:not(.open):before,
  body[data-page="regular"] #regularCards .drink-note:not(.open):before{content:none!important}
  body[data-page="special"] #specialCards .drink-note-btn,
  body[data-page="regular"] #regularCards .drink-note-btn{
    display:none!important;
  }
  body[data-page="seats"] .seat-mobile-card p.muted{
    -webkit-line-clamp:1!important;
  }
  body[data-page="seats"] .seat-mobile-card .seat-mini,
  body[data-page="seats"] .seat-mobile-card .seat-mini+.muted{
    display:none!important;
  }
  body[data-page="seats"] .seat-mobile-card .seat-actions{
    grid-template-columns:1fr 1fr!important;
    margin-top:7px!important;
  }
  body[data-page="seats"] .seat-mobile-card .seat-actions .btn{
    min-height:34px!important;
  }
}

/* ===== MOBILE PROFESSIONAL CARD POLISH 2026-06-09 ===== */
@media(max-width:900px){
  body{
    background:#f6f7fb!important;
    color:#111827!important;
    font-size:13px!important;
  }
  .content{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .card{
    border-color:#e5e7eb!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  }
  body[data-page="special"] .drink-catalog-hero.special-info-hero,
  body[data-page="regular"] #page-regular>.page-info-card{
    padding:11px 12px!important;
    border-radius:12px!important;
    border:1px solid #e5e7eb!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
    min-height:0!important;
  }
  body[data-page="special"] .drink-catalog-hero.special-info-hero h2,
  body[data-page="regular"] #page-regular>.page-info-card h2{
    font-size:18px!important;
    line-height:1.25!important;
    font-weight:900!important;
    margin:2px 0 5px!important;
    color:#111827!important;
  }
  body[data-page="special"] .drink-catalog-hero.special-info-hero p,
  body[data-page="regular"] #page-regular>.page-info-card p{
    font-size:12px!important;
    line-height:1.5!important;
    color:#64748b!important;
  }
  body[data-page="special"] .drink-catalog-hero.special-info-hero .acq-kicker,
  body[data-page="regular"] #page-regular>.page-info-card .info-kicker{
    font-size:10px!important;
    padding:2px 7px!important;
    background:#eef2ff!important;
    color:#4f46e5!important;
  }
  .home-inline-tabs{
    gap:8px!important;
    margin:0 0 10px!important;
  }
  .home-inline-tabs .btn{
    min-height:38px!important;
    border-radius:12px!important;
    font-size:13px!important;
    font-weight:900!important;
    justify-content:center!important;
    box-shadow:none!important;
  }
  body[data-page="special"] #page-special .card,
  body[data-page="regular"] #page-regular .card{
    padding:11px!important;
    border-radius:12px!important;
    margin-bottom:10px!important;
  }
  body[data-page="special"] #page-special .card-hd,
  body[data-page="regular"] #page-regular .card-hd{
    margin-bottom:8px!important;
  }
  body[data-page="special"] #page-special .card-hd h3,
  body[data-page="regular"] #page-regular .card-hd h3{
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:900!important;
    color:#111827!important;
  }
  body[data-page="special"] #page-special .card-hd .muted,
  body[data-page="regular"] #page-regular .card-hd .muted{
    font-size:11.5px!important;
    line-height:1.4!important;
  }
  body[data-page="special"] .drink-type-picker,
  body[data-page="regular"] .drink-type-picker{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 8px!important;
  }
  body[data-page="special"] .drink-type-card,
  body[data-page="regular"] .drink-type-card{
    min-height:42px!important;
    padding:7px 5px!important;
    border-radius:11px!important;
    border-color:#e5e7eb!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body[data-page="special"] .drink-type-card.active,
  body[data-page="regular"] .drink-type-card.active{
    background:#eef2ff!important;
    border-color:#c7d2fe!important;
    color:#312e81!important;
  }
  body[data-page="special"] .drink-type-card b,
  body[data-page="regular"] .drink-type-card b{
    font-size:12px!important;
    line-height:1.15!important;
  }
  body[data-page="special"] .drink-type-card small,
  body[data-page="regular"] .drink-type-card small{
    font-size:9px!important;
    line-height:1.1!important;
  }
  body[data-page="special"] #page-special.active .fb,
  body[data-page="regular"] #page-regular.active .fb{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:7px!important;
    padding:0!important;
    margin:0 0 8px!important;
    border:0!important;
    background:transparent!important;
  }
  body[data-page="special"] #page-special.active .fb input,
  body[data-page="special"] #page-special.active .fb select,
  body[data-page="regular"] #page-regular.active .fb input,
  body[data-page="regular"] #page-regular.active .fb select{
    min-height:38px!important;
    border-radius:11px!important;
    border-color:#dbe1ea!important;
    background:#fff!important;
    font-size:12.5px!important;
    box-shadow:none!important;
  }
  body[data-page="special"] #page-special.active #specialStoreChips,
  body[data-page="regular"] #page-regular.active #regularStoreChips{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    max-height:116px!important;
    overflow:auto!important;
    padding:1px 1px 2px!important;
    margin:0 0 9px!important;
  }
  body[data-page="special"] #page-special.active #specialStoreChips .store-chip,
  body[data-page="regular"] #page-regular.active #regularStoreChips .store-chip{
    width:100%!important;
    min-height:32px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    border-color:#e5e7eb!important;
    background:#fff!important;
    color:#334155!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:none!important;
  }
  body[data-page="special"] #page-special.active #specialStoreChips .store-chip.active,
  body[data-page="regular"] #page-regular.active #regularStoreChips .store-chip.active{
    background:#111827!important;
    border-color:#111827!important;
    color:#fff!important;
  }
  body[data-page="special"] #specialCards .drink-card,
  body[data-page="regular"] #regularCards .drink-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 84px!important;
    grid-template-areas:
      "kind action"
      "title action"
      "store action"
      "tags action"
      "note action"!important;
    column-gap:9px!important;
    row-gap:3px!important;
    min-height:118px!important;
    padding:10px!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
    overflow:hidden!important;
  }
  body[data-page="special"] #specialCards .drink-card:before,
  body[data-page="regular"] #regularCards .drink-card:before{
    display:none!important;
    content:none!important;
  }
  body[data-page="special"] #specialCards .drink-card .tag-row,
  body[data-page="regular"] #regularCards .drink-card .tag-row{
    grid-area:kind!important;
    height:17px!important;
    overflow:hidden!important;
  }
  body[data-page="special"] #specialCards .drink-card .tag-row .tag,
  body[data-page="regular"] #regularCards .drink-card .tag-row .tag{
    padding:2px 6px!important;
    border-radius:6px!important;
    font-size:9.5px!important;
    font-weight:900!important;
    background:#f8fafc!important;
    color:#475569!important;
  }
  body[data-page="special"] #specialCards .drink-card h4,
  body[data-page="regular"] #regularCards .drink-card h4{
    grid-area:title!important;
    font-size:14.5px!important;
    line-height:1.28!important;
    font-weight:900!important;
    color:#111827!important;
    letter-spacing:0!important;
    margin:0!important;
  }
  body[data-page="special"] #specialCards .drink-store-line,
  body[data-page="regular"] #regularCards .drink-store-line{
    grid-area:store!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:22px!important;
    padding:0!important;
    margin:0!important;
    gap:5px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#64748b!important;
    box-shadow:none!important;
  }
  body[data-page="special"] #specialCards .drink-store-line span,
  body[data-page="regular"] #regularCards .drink-store-line span{
    padding:0!important;
    border:0!important;
    color:#94a3b8!important;
    font-size:10px!important;
    letter-spacing:0!important;
  }
  body[data-page="special"] #specialCards .drink-store-line b,
  body[data-page="regular"] #regularCards .drink-store-line b{
    color:#475569!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    display:block!important;
  }
  body[data-page="special"] #specialCards .deal-tags,
  body[data-page="regular"] #regularCards .deal-tags{
    grid-area:tags!important;
    display:flex!important;
    gap:4px!important;
    flex-wrap:nowrap!important;
    max-height:18px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body[data-page="special"] #specialCards .deal-tags span,
  body[data-page="regular"] #regularCards .deal-tags span{
    flex:0 0 auto!important;
    padding:2px 5px!important;
    border-radius:6px!important;
    border:0!important;
    background:#f1f5f9!important;
    color:#64748b!important;
    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1.2!important;
  }
  body[data-page="special"] #specialCards .deal-tags span.hot-tag,
  body[data-page="regular"] #regularCards .deal-tags span.hot-tag,
  body[data-page="special"] #specialCards .deal-tags span.easy-tag,
  body[data-page="regular"] #regularCards .deal-tags span.easy-tag{
    background:#eef2ff!important;
    color:#4f46e5!important;
  }
  body[data-page="special"] #specialCards .drink-note,
  body[data-page="regular"] #regularCards .drink-note{
    grid-area:note!important;
    min-height:0!important;
    margin:0!important;
    color:#94a3b8!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom,
  body[data-page="regular"] #regularCards .drink-card .bottom{
    grid-area:action!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    gap:8px!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 0 9px!important;
    border-top:0!important;
    border-left:1px solid #eef2f7!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .price,
  body[data-page="regular"] #regularCards .drink-card .bottom .price{
    display:block!important;
    text-align:right!important;
    font-size:16px!important;
    line-height:1.1!important;
    font-weight:950!important;
    color:#111827!important;
    white-space:nowrap!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .btn,
  body[data-page="regular"] #regularCards .drink-card .bottom .btn{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    border-radius:9px!important;
    padding:0 6px!important;
    font-size:11.5px!important;
    font-weight:900!important;
    justify-content:center!important;
    background:#4f46e5!important;
    color:#fff!important;
    border:1px solid #4f46e5!important;
    box-shadow:none!important;
  }
  body[data-page="special"] #specialCards .drink-card[data-added="1"],
  body[data-page="regular"] #regularCards .drink-card[data-added="1"]{
    background:#f8fff9!important;
    border-color:#86efac!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  }
  body[data-page="special"] #specialCards .drink-card[data-added="1"] .bottom .btn,
  body[data-page="regular"] #regularCards .drink-card[data-added="1"] .bottom .btn{
    background:#fff!important;
    color:#166534!important;
    border-color:#86efac!important;
  }
  body[data-page="seats"] #page-seats>.page-info-card,
  body[data-page="seats"] #page-seats.active .card{
    border-color:#e5e7eb!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  }
  body[data-page="seats"] .seat-mobile-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 84px!important;
    grid-template-areas:
      "area actions"
      "name actions"
      "meta actions"
      "tags actions"
      "intro actions"!important;
    column-gap:9px!important;
    row-gap:3px!important;
    min-height:128px!important;
    padding:10px!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  }
  body[data-page="seats"] .seat-mobile-card>.tag{
    grid-area:area!important;
    width:max-content!important;
    padding:2px 6px!important;
    border-radius:6px!important;
    background:#f8fafc!important;
    color:#64748b!important;
    font-size:10px!important;
  }
  body[data-page="seats"] .seat-mobile-card h4{
    grid-area:name!important;
    font-size:14.5px!important;
    line-height:1.25!important;
    font-weight:900!important;
    margin:0!important;
    color:#111827!important;
  }
  body[data-page="seats"] .seat-mobile-card>.muted{
    grid-area:meta!important;
    font-size:11.5px!important;
    color:#64748b!important;
    line-height:1.3!important;
  }
  body[data-page="seats"] .seat-mobile-card .scene-tags{
    grid-area:tags!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    margin:0!important;
    max-height:18px!important;
    overflow:hidden!important;
  }
  body[data-page="seats"] .seat-mobile-card .scene-tags span{
    flex:0 0 auto!important;
    padding:2px 5px!important;
    border:0!important;
    border-radius:6px!important;
    background:#f1f5f9!important;
    color:#64748b!important;
    font-size:9.5px!important;
    font-weight:800!important;
  }
  body[data-page="seats"] .seat-mobile-card p.muted{
    grid-area:intro!important;
    -webkit-line-clamp:1!important;
    margin:0!important;
    color:#94a3b8!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  body[data-page="seats"] .seat-mobile-card .seat-actions{
    grid-area:actions!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:0!important;
    padding-left:9px!important;
    border-left:1px solid #eef2f7!important;
  }
  body[data-page="seats"] .seat-mobile-card .seat-actions .btn{
    width:100%!important;
    min-height:34px!important;
    border-radius:9px!important;
    font-size:11px!important;
    padding:0 4px!important;
    justify-content:center!important;
    white-space:normal!important;
    line-height:1.12!important;
    box-shadow:none!important;
  }
}

/* ===== MOBILE SEAT CARD CLEANUP 2026-06-09 ===== */
@media(max-width:900px){
  body[data-page="special"] .drink-catalog-hero.special-info-hero:after,
  body[data-page="regular"] #page-regular>.page-info-card:after,
  body[data-page="seats"] #page-seats>.page-info-card:after{
    display:none!important;
    content:none!important;
  }
  body[data-page="seats"] .seat-mobile-card{
    grid-template-areas:
      "area actions"
      "name actions"
      "meta actions"
      "tags actions"!important;
    min-height:116px!important;
  }
  body[data-page="seats"] .seat-mobile-card p.muted{
    display:none!important;
  }
  body[data-page="seats"] .seat-mobile-card .seat-actions{
    min-height:94px!important;
  }
  body[data-page="seats"] .seat-mobile-card .seat-actions .btn{
    min-height:36px!important;
  }
}

/* ===== MOBILE SPECIAL REDUNDANT PACKAGE TAG HIDE 2026-06-09 ===== */
@media(max-width:900px){
  body[data-page="special"] #specialCards .drink-card{
    grid-template-areas:
      "title action"
      "store action"
      "tags action"
      "note action"!important;
    min-height:108px!important;
  }
  body[data-page="special"] #specialCards .drink-card .tag-row{
    display:none!important;
  }
}

/* ===== MOBILE STORE FILTER NO INNER SCROLL 2026-06-09 ===== */
@media(max-width:900px){
  body[data-page="special"] #page-special.active #specialStoreChips,
  body[data-page="regular"] #page-regular.active #regularStoreChips{
    max-height:none!important;
    overflow:visible!important;
  }
  body[data-page="special"] #page-special.active #specialStoreChips.mobile-chip-collapsed .store-chip:nth-of-type(n+7),
  body[data-page="regular"] #page-regular.active #regularStoreChips.mobile-chip-collapsed .store-chip:nth-of-type(n+7){
    display:none!important;
  }
  .mobile-chip-toggle{
    width:100%!important;
    min-height:34px!important;
    margin:-2px 0 9px!important;
    border:1px solid #dbe1ea!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#4f46e5!important;
    font-size:12px!important;
    font-weight:900!important;
    justify-content:center!important;
    box-shadow:none!important;
  }
}

/* ===== MOBILE REGULAR MENU COLOR + TAG CLEANUP 2026-06-09 ===== */
@media(max-width:900px){
  body[data-page="regular"] #regularCards .drink-card{
    grid-template-areas:
      "title action"
      "store action"
      "tags action"
      "note action"!important;
    min-height:108px!important;
    border-color:#dbeafe!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  }
  body[data-page="regular"] #page-regular>.page-info-card{
    border-color:#bfdbfe!important;
    background:linear-gradient(135deg,#ffffff 0%,#eff6ff 100%)!important;
  }
  body[data-page="regular"] #page-regular .drink-menu-tabs .btn-p,
  body[data-page="regular"] #page-regular .home-inline-tabs .btn-p{
    background:#2563eb!important;
    border-color:#2563eb!important;
    color:#fff!important;
  }
  body[data-page="regular"] #page-regular .drink-type-card.active{
    background:#dbeafe!important;
    border-color:#93c5fd!important;
    color:#1d4ed8!important;
  }
  body[data-page="regular"] #page-regular.active #regularStoreChips .store-chip{
    border-color:#dbeafe!important;
  }
  body[data-page="regular"] #page-regular.active #regularStoreChips .store-chip.active{
    background:#2563eb!important;
    border-color:#2563eb!important;
    color:#fff!important;
  }
  body[data-page="regular"] #regularCards .drink-card .tag-row{
    display:none!important;
  }
  body[data-page="regular"] #regularCards .drink-card h4{
    color:#0f172a!important;
  }
  body[data-page="regular"] #regularCards .drink-store-line span{
    color:#64748b!important;
  }
  body[data-page="regular"] #regularCards .drink-store-line b{
    color:#1d4ed8!important;
  }
  body[data-page="regular"] #regularCards .deal-tags span{
    background:#eef2ff!important;
    color:#4f46e5!important;
  }
  body[data-page="regular"] #regularCards .deal-tags span.hot-tag{
    background:#fff7ed!important;
    color:#ea580c!important;
  }
  body[data-page="regular"] #regularCards .deal-tags span.easy-tag{
    background:#ecfdf5!important;
    color:#059669!important;
  }
  body[data-page="regular"] #regularCards .drink-card .bottom{
    border-left-color:#dbeafe!important;
  }
  body[data-page="regular"] #regularCards .drink-card .bottom .price{
    color:#1d4ed8!important;
  }
  body[data-page="regular"] #regularCards .drink-card .bottom .btn{
    background:#2563eb!important;
    border-color:#2563eb!important;
  }
}

/* ===== MOBILE TYPOGRAPHY NORMALIZE 2026-06-09 ===== */
@media(max-width:900px){
  body{
    font-size:14px!important;
    line-height:1.55!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  .content{
    color:#111827!important;
  }
  .drink-catalog-hero h2,
  .page-info-card h2,
  .home-hero h2{
    font-size:19px!important;
    line-height:1.3!important;
    font-weight:700!important;
    letter-spacing:0!important;
  }
  .drink-catalog-hero p,
  .page-info-card p,
  .muted,
  .drink-flow-hint{
    font-size:13px!important;
    line-height:1.55!important;
    font-weight:400!important;
  }
  .card-hd h3,
  #page-special .card-hd h3,
  #page-regular .card-hd h3{
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:700!important;
  }
  .btn,
  .home-inline-tabs .btn,
  .mobile-chip-toggle{
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.2!important;
    letter-spacing:0!important;
  }
  .sidebar-nav button{
    font-size:10.5px!important;
    font-weight:500!important;
    line-height:1.15!important;
  }
  .sidebar-nav button b{
    font-size:10.5px!important;
    font-weight:600!important;
    line-height:1.15!important;
  }
  .sidebar-nav button .i{
    font-size:16px!important;
    font-weight:600!important;
  }
  body[data-page="special"] #specialCards .drink-card h4,
  body[data-page="regular"] #regularCards .drink-card h4,
  body[data-page="seats"] .seat-mobile-card h4{
    font-size:15px!important;
    line-height:1.34!important;
    font-weight:700!important;
    letter-spacing:0!important;
  }
  body[data-page="special"] #specialCards .drink-store-line b,
  body[data-page="regular"] #regularCards .drink-store-line b,
  body[data-page="seats"] .seat-mobile-card>.muted{
    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:500!important;
  }
  body[data-page="special"] #specialCards .drink-store-line span,
  body[data-page="regular"] #regularCards .drink-store-line span{
    font-size:11px!important;
    font-weight:500!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .price,
  body[data-page="regular"] #regularCards .drink-card .bottom .price{
    font-size:16px!important;
    line-height:1.15!important;
    font-weight:700!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .btn,
  body[data-page="regular"] #regularCards .drink-card .bottom .btn,
  body[data-page="seats"] .seat-mobile-card .seat-actions .btn{
    font-size:12px!important;
    font-weight:650!important;
    line-height:1.15!important;
  }
  body[data-page="special"] #specialCards .deal-tags span,
  body[data-page="regular"] #regularCards .deal-tags span,
  body[data-page="seats"] .seat-mobile-card .scene-tags span,
  .tag,
  .info-points span,
  .store-purpose-row button{
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:500!important;
    letter-spacing:0!important;
  }
  body[data-page="special"] #page-special.active #specialStoreChips .store-chip,
  body[data-page="regular"] #page-regular.active #regularStoreChips .store-chip{
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.15!important;
  }
  body[data-page="special"] .drink-type-card b,
  body[data-page="regular"] .drink-type-card b{
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.18!important;
  }
  body[data-page="special"] .drink-type-card small,
  body[data-page="regular"] .drink-type-card small{
    font-size:10.5px!important;
    font-weight:400!important;
    line-height:1.2!important;
  }
}

/* ===== MOBILE TYPOGRAPHY FINAL OVERRIDE 2026-06-09 ===== */
@media(max-width:900px){
  body[data-page="special"] .drink-catalog-hero.special-info-hero h2,
  body[data-page="regular"] #page-regular>.page-info-card h2,
  body[data-page="seats"] #page-seats>.page-info-card h2{
    font-size:19px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }
  body[data-page="special"] .drink-type-card b,
  body[data-page="regular"] .drink-type-card b,
  #page-special .drink-type-card b,
  #page-regular .drink-type-card b{
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.2!important;
  }
  body[data-page="special"] #specialCards .deal-tags span,
  body[data-page="regular"] #regularCards .deal-tags span{
    font-weight:500!important;
  }
}

/* ===== MOBILE IOS EMOJI NAV 2026-06-09 ===== */
@media(max-width:900px){
  .sidebar{
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:auto!important;
    height:calc(72px + env(safe-area-inset-bottom))!important;
    min-height:0!important;
    display:block!important;
    padding:7px 10px calc(8px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.94)!important;
    border-top:1px solid rgba(226,232,240,.95)!important;
    box-shadow:0 -10px 28px rgba(15,23,42,.08)!important;
    backdrop-filter:blur(18px)!important;
    z-index:240!important;
  }
  .sidebar-brand,
  .sidebar-ft{
    display:none!important;
  }
  .sidebar-nav{
    height:56px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
  }
  .sidebar-nav button{
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:4px 2px!important;
    border:0!important;
    border-radius:18px!important;
    background:transparent!important;
    color:#64748b!important;
    box-shadow:none!important;
    font-size:10.5px!important;
    font-weight:500!important;
    line-height:1.1!important;
  }
  .sidebar-nav button .i{
    width:28px!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:14px!important;
    background:transparent!important;
    font-size:21px!important;
    line-height:1!important;
    filter:saturate(1.08);
  }
  .sidebar-nav button .i svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .sidebar-nav button b{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:inherit!important;
    font-size:10.5px!important;
    font-weight:600!important;
    line-height:1.1!important;
  }
  .sidebar-nav button.active{
    background:#f1efff!important;
    color:#4f46e5!important;
  }
  .sidebar-nav button.active .i{
    background:#ffffff!important;
    box-shadow:0 4px 10px rgba(79,70,229,.10)!important;
  }
  .sidebar-nav button[data-page="special"].active{
    background:#fff1f2!important;
    color:#e11d48!important;
  }
  .sidebar-nav button[data-page="butler"].active{
    background:#eff6ff!important;
    color:#2563eb!important;
  }
  .sidebar-nav button[data-page="group"].active{
    background:#fef3c7!important;
    color:#b45309!important;
  }
  .sidebar-nav button[data-page="profile"].active{
    background:#f0fdf4!important;
    color:#16a34a!important;
  }
  .main{
    bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
  .content{
    padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
  }
}

/* ===== MOBILE IOS NAV ACTIVE STATE FIX 2026-06-09 ===== */
@media(max-width:900px){
  .sidebar-nav button,
  .sidebar-nav button.active,
  .sidebar-nav button:hover{
    background:transparent!important;
    color:#64748b!important;
  }
  body[data-page="home"] .sidebar-nav button[data-page="home"],
  body[data-page="tonight"] .sidebar-nav button[data-page="home"]{
    background:#f1efff!important;
    color:#4f46e5!important;
  }
  body[data-page="special"] .sidebar-nav button[data-page="special"],
  body[data-page="regular"] .sidebar-nav button[data-page="special"]{
    background:#fff1f2!important;
    color:#e11d48!important;
  }
  body[data-page="butler"] .sidebar-nav button[data-page="butler"]{
    background:#eff6ff!important;
    color:#2563eb!important;
  }
  body[data-page="group"] .sidebar-nav button[data-page="group"]{
    background:#fef3c7!important;
    color:#b45309!important;
  }
  body[data-page="profile"] .sidebar-nav button[data-page="profile"],
  body[data-page="recharge"] .sidebar-nav button[data-page="profile"]{
    background:#f0fdf4!important;
    color:#16a34a!important;
  }
  body[data-page="home"] .sidebar-nav button[data-page="home"] .i,
  body[data-page="tonight"] .sidebar-nav button[data-page="home"] .i,
  body[data-page="butler"] .sidebar-nav button[data-page="butler"] .i,
  body[data-page="special"] .sidebar-nav button[data-page="special"] .i,
  body[data-page="regular"] .sidebar-nav button[data-page="special"] .i,
  body[data-page="seats"] .sidebar-nav button[data-page="seats"] .i,
  body[data-page="group"] .sidebar-nav button[data-page="group"] .i,
  body[data-page="profile"] .sidebar-nav button[data-page="profile"] .i,
  body[data-page="recharge"] .sidebar-nav button[data-page="profile"] .i{
    background:#fff!important;
    box-shadow:0 4px 10px rgba(15,23,42,.08)!important;
  }
  .sidebar-nav button.ios-active{
    background:#f1efff!important;
    color:#4f46e5!important;
  }
  .sidebar-nav button[data-page="special"].ios-active{
    background:#fff1f2!important;
    color:#e11d48!important;
  }
  .sidebar-nav button[data-page="butler"].ios-active{
    background:#eff6ff!important;
    color:#2563eb!important;
  }
  .sidebar-nav button[data-page="group"].ios-active{
    background:#fef3c7!important;
    color:#b45309!important;
  }
  .sidebar-nav button[data-page="profile"].ios-active{
    background:#f0fdf4!important;
    color:#16a34a!important;
  }
  .sidebar-nav button.ios-active .i{
    background:#fff!important;
    box-shadow:0 4px 10px rgba(15,23,42,.08)!important;
  }
  .sidebar-nav button .i,
  .sidebar-nav button.active .i,
  .sidebar-nav button.ios-active .i{
    color:inherit!important;
  }
  .sidebar-nav button .i svg,
  .sidebar-nav button.active .i svg,
  .sidebar-nav button.ios-active .i svg{
    stroke:currentColor!important;
  }
}

/* ===== PC/MOBILE UNIFIED LINE NAV POLISH 2026-06-09 ===== */
.sidebar-nav button .i svg{
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
@media(min-width:901px){
  .sidebar{
    width:216px!important;
    background:#171348!important;
    border-right:1px solid rgba(255,255,255,.06)!important;
    box-shadow:none!important;
  }
  .main{
    margin-left:216px!important;
  }
  .sidebar-brand{
    padding:24px 18px 14px!important;
    font-size:18px!important;
    font-weight:800!important;
    letter-spacing:0!important;
  }
  .sidebar-brand em,
  .sidebar-brand small{
    display:block!important;
    margin-top:3px!important;
    color:#b6c2ff!important;
    font-size:12px!important;
    font-style:normal!important;
    font-weight:500!important;
  }
  .sidebar-nav{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    padding:10px 10px!important;
    background:transparent!important;
  }
  .sidebar-nav button{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0 12px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#c8d1ff!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    text-align:left!important;
    transition:background .16s ease,color .16s ease,border-color .16s ease!important;
  }
  .sidebar-nav button .i{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.07)!important;
    color:inherit!important;
    box-shadow:none!important;
    filter:none!important;
  }
  .sidebar-nav button .i svg{
    width:17px!important;
    height:17px!important;
  }
  .sidebar-nav button b{
    display:block!important;
    min-width:0!important;
    color:inherit!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  .sidebar-nav button:hover{
    background:rgba(255,255,255,.07)!important;
    color:#ffffff!important;
    border-color:rgba(255,255,255,.08)!important;
    transform:none!important;
  }
  .sidebar-nav button:hover .i{
    background:rgba(255,255,255,.12)!important;
    color:#ffffff!important;
  }
  .sidebar-nav button.active,
  .sidebar-nav button.ios-active{
    background:rgba(99,102,241,.26)!important;
    color:#ffffff!important;
    border-color:rgba(129,140,248,.30)!important;
    box-shadow:inset 3px 0 0 #8b8cff!important;
  }
  .sidebar-nav button.active .i,
  .sidebar-nav button.ios-active .i{
    background:rgba(255,255,255,.14)!important;
    color:#ffffff!important;
    box-shadow:none!important;
  }
  .sidebar-ft{
    margin-top:auto!important;
    padding:12px 18px 16px!important;
    color:#aebcff!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
}
@media(max-width:900px){
  .sidebar-nav button .i svg{
    width:21px!important;
    height:21px!important;
  }
  .sidebar-nav button[data-page="home"]{order:1!important}
  .sidebar-nav button[data-page="special"]{order:2!important}
  .sidebar-nav button[data-page="butler"]{order:3!important}
  .sidebar-nav button[data-page="group"]{order:4!important}
  .sidebar-nav button[data-page="profile"]{order:5!important}
}

/* ===== FRONT PAGE EXPERIENCE OPTIMIZATION 2026-06-14 ===== */
@media (min-width:901px){
  .content{max-width:1280px!important;margin:0 auto!important}
  .page-info-card,.drink-catalog-hero{
    border:0!important;
    background:linear-gradient(135deg,#111827 0%,#312e81 52%,#0f172a 100%)!important;
    color:#fff!important;
    overflow:hidden!important;
    position:relative!important;
    box-shadow:0 18px 44px rgba(15,23,42,.16)!important;
  }
  .home-hero{
    border:1px solid #dbe4ff!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#172033!important;
    overflow:hidden!important;
    position:relative!important;
    box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
  }
  .page-info-card:before,.drink-catalog-hero:before{
    content:'';position:absolute;inset:auto -90px -110px auto;width:260px;height:260px;border-radius:50%;
    background:rgba(99,102,241,.28);pointer-events:none;
  }
  .home-hero h2,.page-info-card h2,.drink-catalog-hero h2{font-size:30px!important;letter-spacing:0!important;line-height:1.22!important}
  .page-info-card p,.drink-catalog-hero p{max-width:760px!important;color:#dbe4ff!important;font-size:14px!important;line-height:1.85!important}
  .home-hero p{max-width:760px!important;color:#536179!important;font-size:14px!important;line-height:1.85!important}
  .info-kicker,.acq-kicker{display:inline-flex!important;margin-bottom:10px!important;color:#c7d2fe!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;padding:5px 10px!important;font-size:12px!important;font-weight:900!important}
  .home-hero .info-kicker{color:#4338ca!important;background:#eef2ff!important;border-color:#dbe4ff!important}
  .info-points span,.home-hero .info-points span{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
  .home-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-action{min-height:112px!important;border-color:#e5e9f2!important;background:#fff!important;color:#172033!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important}
  .home-action.primary{background:linear-gradient(135deg,#4f46e5,#2563eb)!important;color:#fff!important;border-color:transparent!important}
  .home-action.primary b,
  .home-action.primary span{color:#fff!important}
  .home-action:not(.primary) span{color:#64748b!important}
  .home-action:hover{transform:translateY(-2px);border-color:#c7d2fe!important;box-shadow:0 16px 34px rgba(15,23,42,.10)!important}
  .home-mini-card,.card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card,.drink-card{border-radius:12px!important}
  .drink-type-picker{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .drink-type-card{min-height:66px!important;border-radius:12px!important}
}
/* ===== PC SPECIAL HERO TEXT FIX 2026-06-14 ===== */
@media (min-width:901px){
  body:not([data-page="home"]) .page-info-card,
  body[data-page="special"] #page-special>.drink-catalog-hero.special-info-hero{
    background:linear-gradient(135deg,#1e1b4b 0%,#312e81 58%,#4f46e5 100%)!important;
    color:#fff!important;
    border:0!important;
  }
  body:not([data-page="home"]) .page-info-card .info-kicker,
  body[data-page="special"] #page-special>.drink-catalog-hero.special-info-hero .acq-kicker{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.24)!important;
    color:#e0e7ff!important;
  }
  body:not([data-page="home"]) .page-info-card h2,
  body[data-page="special"] #page-special>.drink-catalog-hero.special-info-hero h2{
    color:#fff!important;
  }
  body:not([data-page="home"]) .page-info-card p,
  body[data-page="special"] #page-special>.drink-catalog-hero.special-info-hero p{
    color:#dbe4ff!important;
  }
  body:not([data-page="home"]) .page-info-card .info-points span,
  body[data-page="special"] #page-special>.drink-catalog-hero.special-info-hero .info-points span{
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.22)!important;
    color:#f8fafc!important;
  }
  body:not([data-page="home"]) .page-info-card .butler-price-row span{
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.22)!important;
    color:#f8fafc!important;
  }
  body:not([data-page="home"]) .page-info-card .butler-price-row .sub{
    color:#dbe4ff!important;
  }
}
@media (max-width:900px){
  .content{padding-top:8px!important}
  .pc-notice-bar{display:none!important}
  .mobile-notice-bar{margin-top:0!important}
  .page-info-card,.drink-catalog-hero{
    margin:0 0 10px!important;
    padding:16px 14px!important;
    border:1px solid #dbe4ff!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#172033!important;
    box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
  }
  .home-hero{
    margin:0 0 10px!important;
    padding:15px 13px!important;
    border:1px solid #dbe4ff!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#172033!important;
    box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
  }
  .home-hero h2,.page-info-card h2,.drink-catalog-hero h2{font-size:22px!important;line-height:1.22!important;letter-spacing:0!important;margin:4px 0 8px!important}
  .page-info-card p,.drink-catalog-hero p{font-size:13px!important;line-height:1.68!important;color:#536179!important;margin:0!important}
  .home-hero p{font-size:13px!important;line-height:1.62!important;color:#536179!important;margin:0!important}
  .info-kicker,.acq-kicker{display:inline-flex!important;margin-bottom:6px!important;color:#c7d2fe!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;padding:4px 9px!important;font-size:11px!important;font-weight:900!important}
  .page-info-card .info-kicker,.drink-catalog-hero .acq-kicker{color:#4338ca!important;background:#eef2ff!important;border-color:#dbe4ff!important}
  .page-info-card .info-points span,.drink-catalog-hero .info-points span{background:#f1f5ff!important;border-color:#dbe4ff!important;color:#334155!important}
  .home-hero .info-kicker{color:#4338ca!important;background:#eef2ff!important;border-color:#dbe4ff!important}
  .home-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:13px!important}
  .home-action{min-height:72px!important;border-radius:15px!important;padding:10px!important;background:#fff!important;color:#172033!important;border-color:#e5e9f2!important;box-shadow:0 6px 18px rgba(15,23,42,.06)!important}
  .home-action.primary{grid-column:1/-1!important;background:linear-gradient(135deg,#4f46e5,#2563eb)!important;color:#fff!important}
  .home-action.primary b,
  .home-action.primary span{color:#fff!important}
  .home-action:not(.primary) span{color:#64748b!important}
  .home-action b{font-size:14px!important;line-height:1.25!important}
  .home-action span{font-size:11px!important;line-height:1.35!important;margin-top:3px!important}
  .home-section-grid{grid-template-columns:1fr!important;gap:9px!important}
  .home-mini-card{border-radius:15px!important;padding:13px!important}
  .home-mini-card h3{font-size:16px!important;margin-bottom:4px!important}
  .home-mini-card p{font-size:12px!important;line-height:1.55!important}
  .home-inline-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 9px!important}
  .home-inline-tabs .btn{width:100%!important}
  .drink-flow-hint{font-size:12px!important;line-height:1.5!important;border-radius:12px!important;margin-bottom:8px!important}
  .drink-type-picker{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-bottom:8px!important}
  .drink-type-card{min-width:0!important;border-radius:13px!important;min-height:48px!important;padding:8px 5px!important}
  .drink-type-card b{font-size:13px!important;line-height:1.15!important}
  .drink-type-card small{font-size:10px!important;line-height:1.15!important}
  .card,.event-card,.ticket-card,.plan-card,.account-card,.guide-card,.seat-card,.store-card,.drink-card{border-radius:15px!important}
  .ticket-card,.plan-card,.seat-mobile-card,.drink-card{box-shadow:0 6px 18px rgba(15,23,42,.055)!important}
  body[data-page="special"] #page-special.active .drink-card,
  body[data-page="regular"] #page-regular.active .drink-card{padding:11px 12px!important}
  .sidebar{height:calc(72px + env(safe-area-inset-bottom))!important}
  .sidebar-nav{grid-auto-rows:58px!important;padding-top:6px!important}
  .sidebar-nav button{border-radius:15px!important}
}
@media (max-width:380px){
  .home-actions{grid-template-columns:1fr!important}
  .drink-type-picker{gap:5px!important}
  .drink-type-card b{font-size:12px!important}
}

/* ===== FRONT PAGE MOBILE HERO TONE FIX 2026-06-14 ===== */
@media (max-width:900px){
  .home-hero,
  .page-info-card,
  .drink-catalog-hero,
  .special-info-hero,
  .butler-hero{
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#172033!important;
    border:1px solid #dbe4ff!important;
    box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
  }
  .home-hero h2,
  .page-info-card h2,
  .drink-catalog-hero h2,
  .special-info-hero h2,
  .butler-hero h2{color:#172033!important}
  .home-hero p,
  .page-info-card p,
  .drink-catalog-hero p,
  .special-info-hero p,
  .butler-hero p{color:#536179!important}
  .home-hero .info-kicker,
  .page-info-card .info-kicker,
  .drink-catalog-hero .acq-kicker,
  .special-info-hero .acq-kicker,
  .butler-hero .info-kicker{
    color:#4338ca!important;
    background:#eef2ff!important;
    border-color:#dbe4ff!important;
  }
  .page-info-card .info-points span,
  .drink-catalog-hero .info-points span,
  .special-info-hero .info-points span{
    background:#f1f5ff!important;
    border-color:#dbe4ff!important;
    color:#334155!important;
  }
  .home-hero:before,
  .home-hero:after,
  .page-info-card:before,
  .page-info-card:after,
  .drink-catalog-hero:before,
  .drink-catalog-hero:after,
  .special-info-hero:before,
  .special-info-hero:after,
  .butler-hero:before,
  .butler-hero:after{opacity:.45!important}
}
/* ===== MOBILE SPECIAL PRODUCT CARD POLISH 2026-06-15 ===== */
@media(max-width:900px){
  body[data-page="special"] #specialCards{
    gap:12px!important;
  }
  body[data-page="special"] #specialCards .mobile-result-note{
    display:none!important;
  }
  body[data-page="special"] #specialCards .drink-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "eyebrow"
      "store"
      "title"
      "tags"
      "note"
      "action"!important;
    row-gap:9px!important;
    min-height:0!important;
    padding:15px!important;
    border:1px solid #edf0f5!important;
    border-radius:16px!important;
    background:
      linear-gradient(180deg,rgba(255,247,237,.72),rgba(255,255,255,0) 74px),
      #fff!important;
    box-shadow:0 10px 26px rgba(15,23,42,.07)!important;
    overflow:hidden!important;
  }
  body[data-page="special"] #specialCards .special-card-eyebrow{
    grid-area:eyebrow!important;
    width:max-content!important;
    max-width:100%!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#c2410c!important;
    box-shadow:inset 0 0 0 1px #fed7aa!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.2!important;
  }
  body[data-page="special"] #specialCards .drink-card:after{
    content:"今日特惠套餐"!important;
    grid-area:eyebrow!important;
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#c2410c!important;
    box-shadow:inset 0 0 0 1px #fed7aa!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.2!important;
  }
  body[data-page="special"] #specialCards .drink-card:before,
  body[data-page="special"] #specialCards .drink-card .tag-row,
  body[data-page="special"] #specialCards .drink-note-btn{
    display:none!important;
    content:none!important;
  }
  body[data-page="special"] #specialCards .drink-card h4{
    grid-area:title!important;
    margin:0!important;
    color:#111827!important;
    font-size:16.5px!important;
    font-weight:900!important;
    line-height:1.42!important;
    letter-spacing:0!important;
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    word-break:break-word!important;
  }
  body[data-page="special"] #specialCards .drink-store-line{
    grid-area:store!important;
    display:flex!important;
    align-items:flex-start!important;
    min-height:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:7px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body[data-page="special"] #specialCards .drink-store-line span{
    flex:0 0 auto!important;
    padding:3px 7px!important;
    border-radius:999px!important;
    background:#111827!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1.2!important;
    letter-spacing:0!important;
  }
  body[data-page="special"] #specialCards .drink-store-line b{
    min-width:0!important;
    color:#334155!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }
  body[data-page="special"] #specialCards .deal-tags{
    grid-area:tags!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    max-height:none!important;
    margin:0!important;
    overflow:visible!important;
  }
  body[data-page="special"] #specialCards .deal-tags span{
    flex:0 1 auto!important;
    max-width:100%!important;
    padding:5px 8px!important;
    border:0!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#475569!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    box-shadow:inset 0 0 0 1px #e5e7eb!important;
  }
  body[data-page="special"] #specialCards .deal-tags span.hot-tag,
  body[data-page="special"] #specialCards .deal-tags span.easy-tag{
    background:#fff7ed!important;
    color:#c2410c!important;
    box-shadow:inset 0 0 0 1px #fed7aa!important;
  }
  body[data-page="special"] #specialCards .drink-add-price{
    grid-area:tags!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    background:#fff7ed!important;
    color:#c2410c!important;
    font-size:10.5px!important;
    font-weight:900!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  body[data-page="special"] #specialCards .drink-note{
    grid-area:note!important;
    display:block!important;
    margin:0!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    color:#64748b!important;
    font-size:12px!important;
    line-height:1.55!important;
    white-space:normal!important;
    overflow:visible!important;
    word-break:break-word!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom{
    grid-area:action!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px 0 0!important;
    gap:12px!important;
    border-left:0!important;
    border-top:1px solid #eef2f7!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .price{
    display:block!important;
    min-width:0!important;
    color:#ef4444!important;
    font-size:22px!important;
    font-weight:950!important;
    line-height:1!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:104px!important;
    max-width:none!important;
    min-height:40px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#ef4444,#f97316)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(239,68,68,.22)!important;
    font-size:13px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    justify-content:center!important;
  }
  body[data-page="special"] #specialCards .drink-card[data-added="1"]{
    border-color:#86efac!important;
    background:#f8fff9!important;
  }
  body[data-page="special"] #specialCards .drink-card[data-added="1"] .bottom .btn{
    border:1px solid #86efac!important;
    background:#fff!important;
    color:#166534!important;
  }
}
/* ===== MOBILE SPECIAL CARD COMPACT FIX 2026-06-15 ===== */
@media(max-width:900px){
  body[data-page="special"] #specialCards{
    gap:8px!important;
  }
  body[data-page="special"] #specialCards .drink-card{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "store"
      "title"
      "tags"
      "action"!important;
    row-gap:6px!important;
    padding:12px 12px 10px!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(15,23,42,.055)!important;
  }
  body[data-page="special"] #specialCards .drink-card:after,
  body[data-page="special"] #specialCards .special-card-eyebrow,
  body[data-page="special"] #specialCards .drink-note,
  body[data-page="special"] #specialCards .drink-note-btn{
    display:none!important;
    content:none!important;
  }
  body[data-page="special"] #specialCards .drink-store-line{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
  }
  body[data-page="special"] #specialCards .drink-store-line span{
    padding:2px 6px!important;
    font-size:10px!important;
    line-height:1.15!important;
  }
  body[data-page="special"] #specialCards .drink-store-line b{
    font-size:12px!important;
    line-height:1.2!important;
  }
  body[data-page="special"] #specialCards .drink-card h4{
    font-size:15.5px!important;
    line-height:1.34!important;
    margin:0!important;
    max-height:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  body[data-page="special"] #specialCards .deal-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    margin:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body[data-page="special"] #specialCards .deal-tags span{
    padding:3px 6px!important;
    border-radius:7px!important;
    font-size:10px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body[data-page="special"] #specialCards .deal-tags span:nth-child(n+4){
    display:none!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom{
    margin-top:2px!important;
    padding-top:8px!important;
    min-height:44px!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .price{
    font-size:20px!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .btn{
    min-width:96px!important;
    min-height:36px!important;
    padding:0 14px!important;
    border-radius:11px!important;
    font-size:12.5px!important;
  }
}
/* ===== MOBILE SPECIAL CARD OVERLAP FIX 2026-06-15 ===== */
@media(max-width:900px){
  body[data-page="special"] #specialCards .drink-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    min-height:0!important;
    padding:11px 12px 10px!important;
  }
  body[data-page="special"] #specialCards .drink-card:after,
  body[data-page="special"] #specialCards .drink-card:before{
    display:none!important;
    content:none!important;
  }
  body[data-page="special"] #specialCards .drink-card>*{
    position:static!important;
    transform:none!important;
    grid-area:auto!important;
    float:none!important;
    clear:both!important;
    min-width:0!important;
    max-width:100%!important;
    flex:0 0 auto!important;
  }
  body[data-page="special"] #specialCards .drink-store-line{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    line-height:1.25!important;
  }
  body[data-page="special"] #specialCards .drink-store-line span{
    flex:0 0 auto!important;
    line-height:1.2!important;
  }
  body[data-page="special"] #specialCards .drink-store-line b{
    flex:1 1 auto!important;
    min-width:0!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body[data-page="special"] #specialCards .drink-card h4{
    order:2!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:1px 0 0!important;
    line-height:1.38!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body[data-page="special"] #specialCards .deal-tags,
  body[data-page="special"] #specialCards .drink-add-price{
    order:3!important;
  }
  body[data-page="special"] #specialCards .deal-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    width:100%!important;
    margin:0!important;
    min-height:0!important;
  }
  body[data-page="special"] #specialCards .deal-tags span{
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom{
    order:4!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    margin-top:4px!important;
    padding-top:8px!important;
  }
}
/* ===== MOBILE SPECIAL FIRST SCREEN COMPACT PREVIEW 2026-06-18 ===== */
@media(max-width:900px){
  body[data-page="special"] .content{
    padding:8px 10px calc(126px + env(safe-area-inset-bottom))!important;
  }
  body[data-page="special"] .mobile-notice-bar{
    min-height:42px!important;
    margin:0 0 6px!important;
    padding:7px 9px!important;
    border-radius:16px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  body[data-page="special"] .mobile-notice-top{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    min-width:0!important;
    gap:8px!important;
  }
  body[data-page="special"] .mobile-notice-title{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  body[data-page="special"] .mobile-notice-title span:last-child{
    max-width:104px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body[data-page="special"] .mobile-notice-arrow{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:20px!important;
  }
  body[data-page="special"] .mobile-notice-list{
    min-width:0!important;
    flex:1 1 auto!important;
    max-height:20px!important;
    overflow:hidden!important;
  }
  body[data-page="special"] .mobile-notice-line{
    font-size:12px!important;
    line-height:20px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body[data-page="special"] .drink-catalog-hero.special-info-hero{
    margin:0 0 6px!important;
    padding:9px 11px!important;
    border-radius:17px!important;
  }
  body[data-page="special"] .drink-catalog-hero.special-info-hero .acq-kicker{
    margin-bottom:5px!important;
    padding:3px 8px!important;
    font-size:10.5px!important;
  }
  body[data-page="special"] .drink-catalog-hero.special-info-hero h2{
    font-size:20px!important;
    line-height:1.18!important;
    margin:0 0 5px!important;
  }
  body[data-page="special"] .drink-catalog-hero.special-info-hero p{
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:12.5px!important;
    line-height:1.5!important;
  }
  body[data-page="special"] .home-inline-tabs{
    margin:0 0 7px!important;
    gap:7px!important;
  }
  body[data-page="special"] .home-inline-tabs .btn{
    min-height:38px!important;
    border-radius:14px!important;
    font-size:13px!important;
  }
  body[data-page="special"] #page-special .card:has(#specialCards){
    padding:10px 10px!important;
    border-radius:17px!important;
  }
  body[data-page="special"] #page-special .card-hd{
    margin-bottom:7px!important;
  }
  body[data-page="special"] #page-special .card-hd h3{
    font-size:18px!important;
    line-height:1.2!important;
  }
  body[data-page="special"] #specialHint{
    display:none!important;
  }
  body[data-page="special"] .drink-type-picker{
    gap:6px!important;
    margin-bottom:7px!important;
  }
  body[data-page="special"] .drink-type-card{
    min-height:46px!important;
    padding:7px 8px!important;
    border-radius:14px!important;
  }
  body[data-page="special"] .drink-type-card b{
    font-size:13px!important;
    line-height:1.15!important;
  }
  body[data-page="special"] .drink-type-card small{
    font-size:10px!important;
    line-height:1.2!important;
  }
  body[data-page="special"] #page-special.active .fb{
    grid-template-columns:minmax(0,1fr) 168px!important;
    gap:6px!important;
    margin-bottom:7px!important;
  }
  body[data-page="special"] #specialSearch,
  body[data-page="special"] #specialType{
    min-height:43px!important;
    border-radius:13px!important;
    font-size:13.5px!important;
  }
  body[data-page="special"] #specialType{
    padding-left:10px!important;
    padding-right:34px!important;
    font-size:13.5px!important;
    font-weight:750!important;
    text-overflow:clip!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    background-color:#fff!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 11px center!important;
    background-size:12px 12px!important;
  }
  body[data-page="special"] #specialStoreChips{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0 0 6px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body[data-page="special"] #specialStoreChips .store-chip{
    min-height:34px!important;
    max-width:none!important;
    padding:6px 8px!important;
    border-radius:13px!important;
    font-size:12px!important;
    line-height:1.15!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body[data-page="special"] #specialStoreChips .store-chip:nth-child(n+7){
    display:none!important;
  }
  body[data-page="special"] #specialStoreChips:after{
    content:none!important;
    display:none!important;
  }
  body[data-page="special"] .mobile-chip-toggle{
    width:100%!important;
    min-height:34px!important;
    justify-content:center!important;
    margin:0 0 8px!important;
    border-radius:13px!important;
    border:1px dashed #c7d2fe!important;
    background:#f8f9ff!important;
    color:#6366f1!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  body[data-page="special"] #specialCards{
    gap:8px!important;
    padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
  }
  body[data-page="special"] #specialCards .drink-card{
    padding:10px 12px!important;
    gap:5px!important;
    border-radius:16px!important;
  }
  body[data-page="special"] #specialCards .drink-store-line b{
    font-size:12.5px!important;
  }
  body[data-page="special"] #specialCards .drink-card h4{
    font-size:15px!important;
    line-height:1.32!important;
  }
  body[data-page="special"] #specialCards .drink-add-price{
    font-size:12px!important;
    padding:4px 8px!important;
    width:max-content!important;
  }
  body[data-page="special"] #specialCards .deal-tags span:nth-child(n+3){
    display:none!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom{
    margin-top:2px!important;
    padding-top:7px!important;
    min-height:40px!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .price{
    font-size:22px!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .btn{
    min-height:38px!important;
    min-width:106px!important;
  }
}
/* ===== MOBILE SPECIAL PREMIUM CARD PREVIEW 2026-06-18 ===== */
@media(max-width:900px){
  body[data-page="special"] #specialCards{
    gap:10px!important;
  }
  body[data-page="special"] #specialCards .drink-card{
    position:relative!important;
    overflow:hidden!important;
    padding:14px 14px 13px!important;
    border-radius:18px!important;
    border:1px solid #dbe4ff!important;
    background:
      linear-gradient(135deg,rgba(99,102,241,.075),rgba(255,255,255,0) 34%),
      linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
    box-shadow:0 12px 28px rgba(30,41,59,.10)!important;
    color:#111827!important;
    gap:7px!important;
  }
  body[data-page="special"] #specialCards .drink-card:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:4px!important;
    background:linear-gradient(180deg,#6366f1,#8b5cf6)!important;
    border-radius:18px 0 0 18px!important;
    pointer-events:none!important;
  }
  body[data-page="special"] #specialCards .drink-card:after{
    content:none!important;
    display:none!important;
    pointer-events:none!important;
  }
  body[data-page="special"] #specialCards .drink-card>*{
    position:relative!important;
    z-index:1!important;
  }
  body[data-page="special"] #specialCards .drink-store-line{
    gap:8px!important;
    color:#475569!important;
  }
  body[data-page="special"] #specialCards .drink-store-line span{
    padding:3px 7px!important;
    border-radius:999px!important;
    background:#eef2ff!important;
    color:#4338ca!important;
    font-size:10.5px!important;
    font-weight:950!important;
    line-height:1.1!important;
  }
  body[data-page="special"] #specialCards .drink-store-line b{
    color:#334155!important;
    font-size:13px!important;
    font-weight:850!important;
    letter-spacing:0!important;
  }
  body[data-page="special"] #specialCards .drink-card h4{
    color:#111827!important;
    font-size:16px!important;
    line-height:1.34!important;
    font-weight:950!important;
    letter-spacing:0!important;
    margin-top:1px!important;
  }
  body[data-page="special"] #specialCards .drink-add-price{
    width:max-content!important;
    max-width:100%!important;
    padding:4px 9px!important;
    border-radius:999px!important;
    background:#fff7ed!important;
    color:#c2410c!important;
    border:1px solid #fed7aa!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.2!important;
  }
  body[data-page="special"] #specialCards .deal-tags{
    gap:5px!important;
  }
  body[data-page="special"] #specialCards .deal-tags span{
    padding:4px 8px!important;
    border-radius:999px!important;
    border:1px solid #dbe4ff!important;
    background:#f8f9ff!important;
    color:#475569!important;
    font-size:10.5px!important;
    font-weight:850!important;
  }
  body[data-page="special"] #specialCards .deal-tags span.hot-tag,
  body[data-page="special"] #specialCards .deal-tags span.easy-tag,
  body[data-page="special"] #specialCards .drink-card .deal-tags span.hot-tag,
  body[data-page="special"] #specialCards .drink-card .deal-tags span.easy-tag{
    border-color:#c7d2fe!important;
    background:#eef2ff!important;
    color:#4338ca!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom{
    margin-top:4px!important;
    padding-top:10px!important;
    border-top:1px solid #eef2f7!important;
    min-height:44px!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .price{
    color:#4f46e5!important;
    font-size:25px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:0!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .btn{
    min-width:108px!important;
    min-height:40px!important;
    padding:0 16px!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;
    box-shadow:0 10px 20px rgba(79,70,229,.22)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
  }
  body[data-page="special"] #specialCards .drink-card[data-added="1"]{
    border-color:#86efac!important;
    background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;
  }
  body[data-page="special"] #specialCards .drink-card[data-added="1"] .bottom .btn{
    background:#22c55e!important;
    box-shadow:0 8px 18px rgba(34,197,94,.18)!important;
  }
}
/* ===== MOBILE SPECIAL PREMIUM CARD COMPACT PREVIEW 2026-06-18 ===== */
@media(max-width:900px){
  body[data-page="special"] #specialCards{
    gap:8px!important;
  }
  body[data-page="special"] #specialCards .drink-card{
    padding:11px 12px 10px!important;
    border-radius:17px!important;
    gap:5px!important;
    box-shadow:0 9px 22px rgba(30,41,59,.085)!important;
  }
  body[data-page="special"] #specialCards .drink-card:before{
    width:3px!important;
    border-radius:17px 0 0 17px!important;
  }
  body[data-page="special"] #specialCards .drink-store-line{
    gap:6px!important;
    line-height:1.15!important;
  }
  body[data-page="special"] #specialCards .drink-store-line span{
    padding:2px 6px!important;
    font-size:10px!important;
  }
  body[data-page="special"] #specialCards .drink-store-line b{
    font-size:12.5px!important;
    line-height:1.2!important;
  }
  body[data-page="special"] #specialCards .drink-card h4{
    font-size:15px!important;
    line-height:1.28!important;
    margin-top:0!important;
  }
  body[data-page="special"] #specialCards .drink-add-price{
    padding:3px 8px!important;
    font-size:11.5px!important;
    line-height:1.15!important;
  }
  body[data-page="special"] #specialCards .deal-tags{
    gap:4px!important;
  }
  body[data-page="special"] #specialCards .deal-tags span{
    padding:3px 7px!important;
    font-size:10px!important;
    line-height:1.12!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom{
    margin-top:2px!important;
    padding-top:8px!important;
    min-height:40px!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .price{
    font-size:23px!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .btn{
    min-width:100px!important;
    min-height:38px!important;
    padding:0 13px!important;
    border-radius:13px!important;
    font-size:12.5px!important;
  }
}

/* ===== MOBILE SPECIAL DRINK CARD COMPACT FINAL 2026-06-21 ===== */
@media (max-width:900px){
  body[data-page="special"] #specialCards{
    gap:7px!important;
  }
  body[data-page="special"] #specialCards .drink-card{
    padding:9px 10px!important;
    border-radius:15px!important;
    gap:4px!important;
    min-height:0!important;
    box-shadow:0 7px 18px rgba(30,41,59,.07)!important;
  }
  body[data-page="special"] #specialCards .drink-card:before{
    width:3px!important;
    border-radius:15px 0 0 15px!important;
  }
  body[data-page="special"] #specialCards .drink-store-line{
    margin-bottom:1px!important;
    gap:5px!important;
    line-height:1.12!important;
  }
  body[data-page="special"] #specialCards .drink-store-line span{
    padding:1px 5px!important;
    font-size:10px!important;
  }
  body[data-page="special"] #specialCards .drink-store-line b{
    font-size:12px!important;
    line-height:1.15!important;
  }
  body[data-page="special"] #specialCards .drink-card h4{
    font-size:14.5px!important;
    line-height:1.22!important;
    margin:0!important;
  }
  body[data-page="special"] #specialCards .drink-add-price{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    padding:2px 7px!important;
    font-size:11px!important;
    line-height:1.15!important;
    margin:1px 0!important;
    border-radius:999px!important;
  }
  body[data-page="special"] #specialCards .deal-tags{
    gap:4px!important;
    margin-top:1px!important;
  }
  body[data-page="special"] #specialCards .deal-tags span{
    padding:2px 6px!important;
    font-size:10px!important;
    line-height:1.1!important;
  }
  body[data-page="special"] #specialCards .deal-tags span:nth-child(n+4){
    display:none!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom{
    margin-top:4px!important;
    padding-top:6px!important;
    min-height:34px!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .price{
    font-size:22px!important;
    line-height:1!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .btn{
    min-width:92px!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
}

/* ===== PC HOME CLEAN WORKSPACE FINAL 2026-06-20 ===== */
@media (min-width:901px){
  #page-home{max-width:1180px!important}
  #page-home .home-hero{display:grid!important;grid-template-columns:minmax(0,360px) minmax(0,1fr)!important;align-items:center!important;gap:18px!important;padding:20px 24px!important;border-radius:18px!important;margin-bottom:14px!important;min-height:0!important}
  #page-home .home-hero:before,#page-home .home-hero:after{opacity:.18!important}
  #page-home .info-kicker{margin-bottom:8px!important}
  #page-home .home-hero h2{font-size:28px!important;line-height:1.18!important;margin:0 0 8px!important;letter-spacing:0!important}
  #page-home .home-hero p{font-size:13.5px!important;line-height:1.65!important;max-width:330px!important;margin:0!important}
  #page-home .home-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important;align-self:stretch!important}
  #page-home .home-action{min-height:70px!important;padding:13px 14px!important;border-radius:13px!important;text-align:left!important;box-shadow:none!important;transform:none!important}
  #page-home .home-action:hover{transform:none!important;border-color:#818cf8!important;box-shadow:0 8px 20px rgba(79,70,229,.12)!important}
  #page-home .home-action.primary{grid-row:span 2!important;min-height:148px!important;justify-content:center!important;background:linear-gradient(135deg,#1e1b4b,#4f46e5)!important}
  #page-home .home-action b{font-size:15px!important;line-height:1.25!important;margin-bottom:4px!important}
  #page-home .home-action.primary b{font-size:18px!important}
  #page-home .home-action span{font-size:12px!important;line-height:1.45!important}
  #page-home .home-section-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:0!important}
  #page-home .home-mini-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:12px!important;row-gap:4px!important;padding:14px 16px!important;border-radius:13px!important;min-height:0!important;box-shadow:none!important}
  #page-home .home-mini-card h3{font-size:15px!important;margin:0!important}
  #page-home .home-mini-card p{grid-column:1!important;font-size:12px!important;line-height:1.45!important;margin:0!important;color:#64748b!important}
  #page-home .home-mini-card .btn{grid-column:2!important;grid-row:1 / span 2!important;min-height:34px!important;padding:7px 12px!important;border-radius:999px!important}
}

/* ===== PC DRINK LIST WORKBENCH POLISH 2026-06-21 ===== */
@media (min-width:901px){
  #page-special .grid2,
  #page-regular .grid2{
    grid-template-columns:minmax(0,1fr) 342px!important;
    gap:18px!important;
  }
  #page-special .grid2 > div:first-child > .card,
  #page-regular .grid2 > div:first-child > .card{
    padding:20px!important;
    border:1px solid #e3e8ef!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
  }
  #page-special .card-hd,
  #page-regular .card-hd{
    align-items:flex-start!important;
    margin-bottom:12px!important;
  }
  #page-special .card-hd h3,
  #page-regular .card-hd h3{
    font-size:19px!important;
    line-height:1.25!important;
    letter-spacing:0!important;
  }
  #page-special .drink-flow-hint,
  #page-regular .drink-flow-hint{
    border:1px solid #dbe7f4!important;
    border-left:4px solid #0f766e!important;
    border-radius:12px!important;
    background:#f0fdfa!important;
    color:#115e59!important;
    font-weight:650!important;
    padding:10px 13px!important;
    margin:0 0 12px!important;
  }
  #page-special .drink-type-picker,
  #page-regular .drink-type-picker{
    padding:6px!important;
    margin-bottom:12px!important;
    border:1px solid #e2e8f0!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    gap:6px!important;
  }
  #page-special .drink-type-picker button,
  #page-regular .drink-type-picker button{
    min-height:38px!important;
    padding:8px 14px!important;
    border-radius:10px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  #page-special .fb,
  #page-regular .fb{
    display:grid!important;
    grid-template-columns:minmax(280px,1fr) 180px!important;
    gap:10px!important;
    padding:10px!important;
    margin-bottom:12px!important;
    border:1px solid #e2e8f0!important;
    border-radius:14px!important;
    background:#f8fafc!important;
  }
  #page-special .fb input,
  #page-special .fb select,
  #page-regular .fb input,
  #page-regular .fb select{
    height:42px!important;
    min-width:0!important;
    border-radius:11px!important;
    border-color:#d5dde8!important;
    background:#fff!important;
    font-size:13px!important;
    font-weight:650!important;
  }
  #page-special .store-chip-row,
  #page-regular .store-chip-row{
    gap:7px!important;
    margin:0 0 14px!important;
    max-height:78px!important;
    overflow:auto!important;
    padding:1px 2px 4px!important;
  }
  #page-special .store-chip,
  #page-regular .store-chip{
    border-radius:10px!important;
    padding:7px 11px!important;
    border-color:#d8e0eb!important;
    background:#fff!important;
    color:#334155!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:0 2px 8px rgba(15,23,42,.035)!important;
  }
  #page-special .store-chip.active,
  #page-regular .store-chip.active{
    background:#0f172a!important;
    border-color:#0f172a!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(15,23,42,.18)!important;
  }
  #page-special .tb-wrap,
  #page-regular .tb-wrap{
    border:1px solid #dfe7f1!important;
    border-radius:16px!important;
    background:#fff!important;
    overflow:auto!important;
    box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
  }
  #page-special table,
  #page-regular table{
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:fixed!important;
    width:100%!important;
    min-width:760px!important;
    font-size:13px!important;
  }
  #page-special th,
  #page-regular th{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    padding:13px 14px!important;
    background:#f7f9fc!important;
    border-bottom:1px solid #dfe7f1!important;
    color:#64748b!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  #page-special th:nth-child(1),
  #page-regular th:nth-child(1){width:27%!important}
  #page-special th:nth-child(2),
  #page-regular th:nth-child(2){width:11%!important}
  #page-special th:nth-child(3),
  #page-regular th:nth-child(3){width:18%!important}
  #page-special th:nth-child(4),
  #page-regular th:nth-child(4){width:24%!important}
  #page-special th:nth-child(5),
  #page-regular th:nth-child(5){width:10%!important}
  #page-special th:nth-child(6),
  #page-regular th:nth-child(6){width:10%!important}
  #page-special td,
  #page-regular td{
    padding:13px 14px!important;
    border-bottom:1px solid #edf2f7!important;
    color:#1f2937!important;
    line-height:1.45!important;
    vertical-align:middle!important;
    white-space:normal!important;
    background:#fff!important;
  }
  #page-special tbody tr:nth-child(even) td,
  #page-regular tbody tr:nth-child(even) td{
    background:#fcfdff!important;
  }
  #page-special tbody tr:hover td,
  #page-regular tbody tr:hover td{
    background:#f6fbff!important;
  }
  #page-special td:first-child,
  #page-regular td:first-child{
    font-size:14px!important;
    font-weight:850!important;
    color:#0f172a!important;
  }
  #page-special td:nth-child(2),
  #page-regular td:nth-child(2){
    color:#0f766e!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  #page-special td:nth-child(3),
  #page-regular td:nth-child(3){
    color:#334155!important;
    font-size:12.5px!important;
    font-weight:750!important;
  }
  #page-special td:nth-child(4),
  #page-regular td:nth-child(4){
    color:#64748b!important;
    font-size:12px!important;
    line-height:1.6!important;
  }
  #page-special td:nth-child(5),
  #page-regular td:nth-child(5){
    color:#b45309!important;
    font-size:15px!important;
    font-weight:950!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  #page-special td:nth-child(6),
  #page-regular td:nth-child(6){
    text-align:right!important;
    white-space:nowrap!important;
  }
  #page-special td:nth-child(6) .btn,
  #page-regular td:nth-child(6) .btn{
    min-width:82px!important;
    height:34px!important;
    justify-content:center!important;
    padding:0 12px!important;
    border-radius:10px!important;
    background:#0f172a!important;
    border-color:#0f172a!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:850!important;
    box-shadow:0 7px 16px rgba(15,23,42,.16)!important;
  }
  #page-special td:nth-child(6) .btn:hover,
  #page-regular td:nth-child(6) .btn:hover{
    background:#0f766e!important;
    border-color:#0f766e!important;
    box-shadow:0 9px 18px rgba(15,118,110,.2)!important;
  }
  #page-special .store-group-row td,
  #page-regular .store-group-row td{
    padding:10px 14px!important;
    background:#eef6ff!important;
    color:#0f172a!important;
    border-top:1px solid #d9e8f8!important;
    border-bottom:1px solid #d9e8f8!important;
    font-weight:850!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  #page-special .grid2,
  #page-regular .grid2{
    grid-template-columns:1fr!important;
  }
  #cartMountSpecial,
  #cartMountRegular{
    max-width:none!important;
  }
  #page-special .tb-wrap,
  #page-regular .tb-wrap{
    overflow-x:hidden!important;
  }
  #page-special table,
  #page-regular table{
    min-width:0!important;
  }
  #page-special th:nth-child(1),
  #page-regular th:nth-child(1){width:25%!important}
  #page-special th:nth-child(2),
  #page-regular th:nth-child(2){width:10%!important}
  #page-special th:nth-child(3),
  #page-regular th:nth-child(3){width:17%!important}
  #page-special th:nth-child(4),
  #page-regular th:nth-child(4){width:27%!important}
  #page-special th:nth-child(5),
  #page-regular th:nth-child(5){width:10%!important}
  #page-special th:nth-child(6),
  #page-regular th:nth-child(6){width:11%!important}
  #page-special td,
  #page-regular td{
    padding:12px 11px!important;
  }
  #page-special td:first-child,
  #page-regular td:first-child{
    font-size:13.5px!important;
  }
  #page-special td:nth-child(6) .btn,
  #page-regular td:nth-child(6) .btn{
    min-width:72px!important;
    padding:0 10px!important;
  }
}

@media (min-width:901px){
  #page-special .tb-wrap,
  #page-regular .tb-wrap{
    padding:0!important;
    border:1px solid #e4e7f2!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(30,27,75,.055)!important;
  }
  #page-special table,
  #page-regular table{
    border-spacing:0!important;
  }
  #page-special thead th,
  #page-regular thead th{
    background:#fafbff!important;
    border-bottom:1px solid #e6e9f4!important;
    padding:12px 13px!important;
    color:#747b8f!important;
  }
  #page-special tbody tr,
  #page-regular tbody tr{
    transform:translateZ(0)!important;
  }
  #page-special tbody tr td,
  #page-regular tbody tr td,
  #page-special tbody tr:nth-child(even) td,
  #page-regular tbody tr:nth-child(even) td{
    background:#fff!important;
    border-top:0!important;
    border-bottom:1px solid #edf0f7!important;
    box-shadow:none!important;
  }
  #page-special tbody tr:hover td,
  #page-regular tbody tr:hover td{
    background:#fafaff!important;
    border-color:#e2e5f1!important;
    box-shadow:none!important;
  }
  #page-special tbody tr td:first-child,
  #page-regular tbody tr td:first-child{
    border-left:0!important;
    border-radius:0!important;
    box-shadow:inset 2px 0 0 transparent!important;
    padding-left:14px!important;
    letter-spacing:0!important;
  }
  #page-special tbody tr:hover td:first-child,
  #page-regular tbody tr:hover td:first-child{
    border-left-color:transparent!important;
    box-shadow:inset 2px 0 0 #635bff!important;
  }
  #page-special tbody tr td:last-child,
  #page-regular tbody tr td:last-child{
    border-right:0!important;
    border-radius:0!important;
    padding-right:14px!important;
  }
  #page-special td:nth-child(2),
  #page-regular td:nth-child(2){
    color:#334155!important;
    font-size:12.5px!important;
  }
  #page-special td:nth-child(2):not(:empty),
  #page-regular td:nth-child(2):not(:empty){
    font-weight:850!important;
  }
  #page-special td:nth-child(3),
  #page-regular td:nth-child(3){
    color:#475569!important;
    font-size:12.5px!important;
  }
  #page-special td:nth-child(4),
  #page-regular td:nth-child(4){
    color:#64748b!important;
    font-size:12px!important;
  }
  #page-special td:nth-child(5),
  #page-regular td:nth-child(5){
    color:#4f46e5!important;
    font-size:15px!important;
    font-weight:950!important;
    letter-spacing:0!important;
  }
  #page-special td:nth-child(6) .btn,
  #page-regular td:nth-child(6) .btn{
    height:32px!important;
    min-width:76px!important;
    border-radius:9px!important;
    background:#4f46e5!important;
    border-color:#4f46e5!important;
    box-shadow:0 7px 16px rgba(79,70,229,.18)!important;
  }
  #page-special td:nth-child(6) .btn:hover,
  #page-regular td:nth-child(6) .btn:hover{
    background:#4338ca!important;
    border-color:#4338ca!important;
    box-shadow:0 8px 18px rgba(79,70,229,.22)!important;
  }
  #page-special .store-group-row td,
  #page-regular .store-group-row td{
    border-radius:12px!important;
    border:1px solid #d8e7f8!important;
    box-shadow:none!important;
  }
}

/* ===== PC NOTICE NAV BAR 2026-06-21 ===== */
@media (min-width:901px){
  .pc-notice-bar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:12px!important;
    margin:-8px 0 14px!important;
    padding:8px 10px 8px 12px!important;
    min-height:42px!important;
    border:1px solid #e2e8f0!important;
    border-radius:0!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  .pc-notice-top{
    display:contents!important;
    margin:0!important;
  }
  .pc-notice-title{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:128px!important;
    color:#0f172a!important;
    font-size:13px!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  .pc-notice-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:24px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    background:#111827!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:950!important;
  }
  .pc-notice-arrow{
    grid-column:3!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:28px!important;
    padding:0 10px!important;
    border:1px solid #dbe4ef!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    color:#334155!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .pc-notice-list{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .pc-notice-line{
    flex:1 1 0!important;
    min-width:0!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#475569!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:inset 0 0 0 1px #e2e8f0!important;
  }
  .pc-notice-line b,
  .pc-notice-line .notice-time{
    color:#0f172a!important;
    font-weight:950!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .pc-notice-bar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    margin:-8px 0 12px!important;
  }
  .pc-notice-title{
    min-width:92px!important;
  }
  .pc-notice-title span:last-child{
    display:none!important;
  }
  .pc-notice-line:nth-child(n+2){
    display:none!important;
  }
}

/* ===== PC RECHARGE NAV CARD 2026-06-21 ===== */
@media (min-width:901px){
  .sidebar-nav button.pc-recharge-nav{
    margin:0!important;
  }
  body[data-page="recharge"] .sidebar-nav button[data-page="profile"]{
    background:transparent!important;
    color:#cbd5ff!important;
    box-shadow:none!important;
  }
  body[data-page="recharge"] .sidebar-nav button[data-page="profile"] .i{
    background:rgba(255,255,255,.07)!important;
    color:#dce3ff!important;
  }
  body[data-page="recharge"] .sidebar-nav button[data-page="recharge"]{
    background:#fff!important;
    color:#312e81!important;
    box-shadow:0 10px 22px rgba(15,23,42,.18)!important;
  }
  body[data-page="recharge"] .sidebar-nav button[data-page="recharge"] .i{
    background:#eef2ff!important;
    color:#4f46e5!important;
  }
}

@media (max-width:900px){
  .sidebar-nav button.pc-recharge-nav{
    display:none!important;
  }
}

/* ===== PC NOTICE MOVED TO SIDEBAR 2026-06-21 ===== */
@media (min-width:901px){
  .pc-notice-bar{
    display:none!important;
  }
  .sidebar-nav button.pc-notice-nav{
    margin:2px 0!important;
  }
  body[data-page="tonight"] .sidebar-nav button[data-page="home"]{
    background:transparent!important;
    color:#cbd5ff!important;
    box-shadow:none!important;
  }
  body[data-page="tonight"] .sidebar-nav button[data-page="home"] .i{
    background:rgba(255,255,255,.07)!important;
    color:#dce3ff!important;
  }
  body[data-page="tonight"] .sidebar-nav button[data-page="tonight"]{
    background:#fff!important;
    color:#312e81!important;
    box-shadow:0 10px 22px rgba(15,23,42,.18)!important;
  }
  body[data-page="tonight"] .sidebar-nav button[data-page="tonight"] .i{
    background:#eef2ff!important;
    color:#4f46e5!important;
  }
}

@media (max-width:900px){
  .sidebar-nav button.pc-notice-nav{
    display:none!important;
  }
}

/* ===== PC RECHARGE NAV MATCH DEFAULT STATE 2026-06-21 ===== */
@media (min-width:901px){
  body:not([data-page="recharge"]) .sidebar .sidebar-nav button.pc-recharge-nav{
    background:transparent!important;
    border-color:transparent!important;
    color:#cbd5ff!important;
    box-shadow:none!important;
  }
  body:not([data-page="recharge"]) .sidebar .sidebar-nav button.pc-recharge-nav .i{
    background:rgba(255,255,255,.07)!important;
    color:#dce3ff!important;
  }
  body[data-page="recharge"] .sidebar .sidebar-nav button.pc-recharge-nav[data-page="recharge"],
  body[data-page="recharge"] .sidebar .sidebar-nav button.pc-recharge-nav[data-page="recharge"].active{
    background:#fff!important;
    color:#312e81!important;
    box-shadow:0 10px 22px rgba(15,23,42,.18)!important;
  }
  body[data-page="recharge"] .sidebar .sidebar-nav button.pc-recharge-nav[data-page="recharge"] .i,
  body[data-page="recharge"] .sidebar .sidebar-nav button.pc-recharge-nav[data-page="recharge"].active .i{
    background:#eef2ff!important;
    color:#4f46e5!important;
  }
}

/* ===== PC DRINK TABLE FIT CONTAINER 2026-06-21 ===== */
@media (min-width:901px){
  #page-special table,
  #page-regular table{
    min-width:0!important;
  }
  #page-special .tb-wrap,
  #page-regular .tb-wrap{
    overflow-x:hidden!important;
  }
}

/* ===== MOBILE SPECIAL DRINK CARD COMPACT OVERRIDE 2026-06-21 ===== */
@media (max-width:900px){
  body[data-page="special"] #specialCards{
    gap:7px!important;
  }
  body[data-page="special"] #specialCards .drink-card{
    padding:8px 9px!important;
    border-radius:14px!important;
    gap:3px!important;
    min-height:0!important;
    box-shadow:0 6px 16px rgba(30,41,59,.065)!important;
  }
  body[data-page="special"] #page-special.active #specialCards .drink-card{
    padding:8px 9px!important;
    border-radius:14px!important;
    gap:3px!important;
    min-height:0!important;
  }
  body[data-page="special"] #specialCards .drink-card:before{
    width:3px!important;
    border-radius:14px 0 0 14px!important;
  }
  body[data-page="special"] #specialCards .drink-store-line{
    margin:0!important;
    gap:5px!important;
    line-height:1.1!important;
  }
  body[data-page="special"] #specialCards .drink-store-line span{
    padding:1px 5px!important;
    font-size:10px!important;
  }
  body[data-page="special"] #specialCards .drink-store-line b{
    font-size:12px!important;
    line-height:1.15!important;
  }
  body[data-page="special"] #specialCards .drink-card h4{
    font-size:14px!important;
    line-height:1.2!important;
    margin:0!important;
  }
  body[data-page="special"] #specialCards .drink-add-price{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    padding:2px 7px!important;
    font-size:11px!important;
    line-height:1.12!important;
    margin:1px 0!important;
    border-radius:999px!important;
  }
  body[data-page="special"] #specialCards .deal-tags{
    gap:4px!important;
    margin-top:1px!important;
  }
  body[data-page="special"] #specialCards .deal-tags span{
    padding:2px 6px!important;
    font-size:10px!important;
    line-height:1.08!important;
  }
  body[data-page="special"] #specialCards .deal-tags span:nth-child(n+4){
    display:none!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom{
    margin-top:3px!important;
    padding-top:6px!important;
    min-height:32px!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .price{
    font-size:21px!important;
    line-height:1!important;
  }
  body[data-page="special"] #specialCards .drink-card .bottom .btn{
    min-width:88px!important;
    min-height:32px!important;
    padding:0 11px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }
}