:root {
  --home-bg:#f6f7fb; --home-surface:#fff; --home-surface-soft:#f8f9fd;
  --home-ink:#1f2433; --home-muted:#72798d; --home-line:#e5e8f0;
  --home-primary:#6357d9; --home-primary-dark:#5044c4; --home-primary-soft:#f0eeff;
  --home-success:#2d9b78; --home-success-soft:#eaf7f1; --home-warning:#c77b18;
  --home-navy:#202b46; --home-radius-lg:18px; --home-radius-md:12px; --home-radius-sm:8px;
  --home-shadow:0 10px 30px rgba(37,42,75,.06);
}
html,body{background:var(--home-bg);color:var(--home-ink);overflow-x:hidden}
body,button,input,select,textarea{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}
.topbar{height:72px;padding:0 max(20px,4vw);background:var(--home-navy);color:#fff;border:0;box-shadow:none}
.brand{color:#fff;gap:10px}.brand-mark{width:40px;height:40px;padding:0;border-radius:9px;background:#fff;border:0}.brand-mark img{width:40px;height:40px}.brand strong{color:#fff;font-size:18px}.brand small{color:#b9c1d4}
.balance{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:9px}.top-actions{gap:10px}.top-actions .button,.language-button{min-height:38px;border-radius:9px}.top-actions .button.ghost,.language-button{color:#fff;background:transparent;border-color:rgba(255,255,255,.28)}.top-actions .button.primary{color:#2d2b34;background:#f7d27a;border-color:#f7d27a}
.workspace{display:grid;grid-template-columns:208px minmax(0,1fr);gap:24px;width:min(100%,1440px);padding:24px max(20px,4vw) 64px;box-sizing:border-box}
.sidebar{position:sticky;top:92px;align-self:start;width:auto;padding:8px;background:#fff;border:1px solid var(--home-line);border-radius:var(--home-radius-md);box-shadow:var(--home-shadow)}.nav-item{padding:12px 14px;color:var(--home-muted);border-radius:8px}.nav-item:before{width:6px;height:6px;margin-right:9px;background:#c4c8d3}.nav-item.active{color:var(--home-primary);background:var(--home-primary-soft);box-shadow:none}.nav-item.active:before{background:var(--home-primary)}
.landing-hero{min-height:270px;padding:42px;background:linear-gradient(135deg,#f0eeff 0%,#fbfbff 62%,#edf7ff 100%);border:1px solid #e1e4f2;border-radius:var(--home-radius-lg);box-shadow:none}.landing-hero:after{display:none}.hero-copy{max-width:780px}.hero-kicker,.eyebrow{color:var(--home-primary);font-size:12px;letter-spacing:.1em}.hero-copy h1{margin:8px 0 10px;color:var(--home-ink);font-size:clamp(34px,4.3vw,58px);line-height:1.15;letter-spacing:-.04em}.hero-copy p{max-width:700px;color:var(--home-muted);font-size:15px}.hero-actions{margin-top:20px}.hero-primary,.button.primary{background:var(--home-primary);border-color:var(--home-primary);border-radius:var(--home-radius-sm);min-height:44px}.hero-primary:hover,.button.primary:hover{background:var(--home-primary-dark)}.hero-secondary{color:var(--home-primary);border-color:#cbc8f5;background:rgba(255,255,255,.65);border-radius:var(--home-radius-sm);min-height:44px}.hero-promises{display:flex;gap:10px;margin-top:22px}.hero-promises>*{padding:5px 10px;color:#5e5a9a;background:rgba(255,255,255,.55);border:1px solid #dfddfa;border-radius:999px;font-size:12px}
.live-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 26px;background:transparent;border:0;gap:12px}.live-stats div{padding:16px 18px;background:#fff;border:1px solid var(--home-line);border-radius:var(--home-radius-md);box-shadow:var(--home-shadow)}.live-stats strong{color:var(--home-ink);font-size:26px}.live-stats span{color:var(--home-muted);font-size:12px}.page-heading{margin:24px 0 14px}.page-heading h2{color:var(--home-ink);font-size:26px}.page-heading p{color:var(--home-muted)}
.catalog-browser{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:20px;align-items:start}.service-pane{display:flex;flex-direction:column;gap:14px}.flow-card,.offer-pane,.member-dashboard,.faq-section,.recharge-guide,.benefit-grid article{background:var(--home-surface);border:1px solid var(--home-line);border-radius:var(--home-radius-md);box-shadow:var(--home-shadow)}.flow-card{padding:22px}.flow-step-head{padding-bottom:14px;border-bottom:1px solid var(--home-line)}.flow-step-head>b{width:28px;height:28px;color:var(--home-primary);background:var(--home-primary-soft);border-radius:8px;box-shadow:none}.flow-step-head strong{color:var(--home-ink)}.flow-step-head small{color:var(--home-muted)}
.service-flow .popular-block{margin-top:16px;padding:14px;background:var(--home-surface-soft);border:1px solid var(--home-line);border-radius:var(--home-radius-sm)}.service-flow .popular-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.service-flow .popular-service{min-height:64px;padding:9px;border:1px solid var(--home-line);border-radius:var(--home-radius-sm);background:#fff;box-shadow:none}.service-flow .popular-service:hover{border-color:#b7b0f3;transform:translateY(-2px);box-shadow:none}.popular-icon,.service-logo,.selected-service-logo{background:var(--home-primary-soft);color:var(--home-primary);border-radius:8px}
.tier-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tier-option{min-height:72px;padding:13px;border:1px solid var(--home-line);border-radius:var(--home-radius-sm);background:#fff}.tier-option.active,.tier-option.gold.active,.tier-option.silver.active{background:var(--home-primary-soft);border-color:#aaa3ee;box-shadow:inset 3px 0 var(--home-primary)}.tier-option b{color:var(--home-ink)}.tier-option small{color:var(--home-muted)}
.country-flow{min-height:0}.country-results{max-height:560px;padding:6px 8px 8px 2px;scrollbar-color:#c6c5d3 #f1f1f5}.country-results .catalog-card{padding:14px;border:1px solid var(--home-line);border-radius:var(--home-radius-sm);background:#fff;box-shadow:none}.country-results .catalog-card:hover{border-color:#aaa3ee;box-shadow:0 2px 0 #6357d933}.country-results .price{color:var(--home-primary)}.country-results .catalog-bottom .button.primary{background:var(--home-primary);border-color:var(--home-primary)}
.catalog-right{position:sticky;top:92px;max-height:none;overflow:visible;display:flex;flex-direction:column;gap:14px}.offer-pane{border-top:3px solid var(--home-primary)}.selection-overview{border-color:var(--home-line)}.selection-stats{background:var(--home-surface-soft)}.selection-stats strong{color:var(--home-primary)}.workbench-note{background:var(--home-warning-soft);border-color:#f3e3ba}.workbench-guide>div>b{color:#fff;background:var(--home-primary);border-radius:7px}
input,select,textarea{min-height:44px;border:1px solid #d9dce6;border-radius:var(--home-radius-sm);background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--home-primary);box-shadow:0 0 0 3px rgba(99,87,217,.14);outline:0}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.benefit-grid article{padding:18px}.benefit-grid article>span{color:var(--home-primary)}.recharge-guide{background:linear-gradient(135deg,#f0eeff,#fbfbff);border-color:#dedaf9}
@media(max-width:1100px){.workspace{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow-x:auto;gap:4px}.nav-item{flex:0 0 auto}.catalog-browser{grid-template-columns:1fr}.catalog-right{position:static;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:760px){.workspace{padding:18px 14px 48px}.landing-hero{min-height:0;padding:28px 22px}.hero-copy h1{font-size:36px}.hero-promises{flex-wrap:wrap}.service-flow .popular-services{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-selector,.catalog-right,.benefit-grid{grid-template-columns:1fr}.catalog-right{display:flex}.live-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.topbar{padding:8px 14px}.top-actions .button,.language-button{padding:8px 10px}.hero-actions{display:grid;gap:8px}.hero-primary,.hero-secondary{width:100%}.hero-copy h1{font-size:34px}}

.member-mode #page-catalog .landing-hero{display:flex !important}
.member-mode #page-catalog .live-stats{display:grid !important}
.member-mode #page-catalog .conversion-sections{display:block !important}

/* navigation is a full-width service bar; never constrain it to the old rail width */
.workspace{display:block !important; width:min(100%,1440px) !important}
.sidebar{position:static !important; width:100% !important; max-width:none !important; box-sizing:border-box; display:flex !important; flex-wrap:nowrap !important; overflow-x:auto !important; margin:0 0 24px !important; padding:6px !important;}
.nav-item{flex:0 0 auto !important; width:auto !important; min-width:112px !important; white-space:nowrap !important; text-align:center !important;}

/* Malai visual identity: ink, warm paper and vermilion action color */
:root{--home-bg:#f4f2ee;--home-surface:#fffefa;--home-surface-soft:#faf8f3;--home-ink:#20252b;--home-muted:#74736f;--home-line:#e5e0d8;--home-primary:#d85e43;--home-primary-dark:#b94932;--home-primary-soft:#fff0eb;--home-success:#2d8a69;--home-success-soft:#eaf6f0;--home-warning:#a86b1d;--home-warning-soft:#fff7e7;--home-navy:#191d23;--home-shadow:0 8px 22px rgba(48,42,32,.055)}
html,body{background:var(--home-bg)}
.topbar{background:var(--home-navy)}
.top-actions .button.primary{background:#f0b16b;border-color:#f0b16b;color:#2b211b}
.landing-hero{background:linear-gradient(135deg,#fff0e7 0%,#fffaf4 64%,#f2eee8 100%);border-color:#ead8ca}
.hero-kicker,.eyebrow{color:var(--home-primary)}
.hero-primary,.button.primary{background:var(--home-primary);border-color:var(--home-primary)}
.hero-primary:hover,.button.primary:hover{background:var(--home-primary-dark)}
.hero-secondary{color:var(--home-primary);border-color:#edc0b3}
.hero-promises>*{color:#875547;background:#fff9f4;border-color:#efd5ca}
.nav-item.active{color:var(--home-primary);background:var(--home-primary-soft)}.nav-item.active:before{background:var(--home-primary)}
.flow-step-head>b,.workbench-guide>div>b{color:var(--home-primary);background:var(--home-primary-soft)}
.popular-icon,.service-logo,.selected-service-logo{background:var(--home-primary-soft);color:var(--home-primary)}
.popular-service:hover,.country-results .catalog-card:hover{border-color:#e5a99b;box-shadow:0 2px 0 #d85e4333}
.tier-option.active,.tier-option.gold.active,.tier-option.silver.active{background:var(--home-primary-soft);border-color:#e5a99b;box-shadow:inset 3px 0 var(--home-primary)}
.country-results .price,.selection-stats strong{color:var(--home-primary)}
.offer-pane{border-top-color:var(--home-primary)}
.recharge-guide{background:linear-gradient(135deg,#fff0e8,#fffaf6);border-color:#efd4c8}
.member-mode #page-rentals,.member-mode [data-page="rentals"],#page-rentals,[data-page="rentals"]{display:none !important}
/* Long-term rental is temporarily offline; keep its backend intact but remove every public entry. */
.sidebar [data-page="rentals"],
#page-orders [data-order-type="rental"],
#page-orders #rental-orders-panel,
#page-admin [data-ops-tab="rentals"],
#page-admin [data-ops-panel="rentals"]{display:none !important}

/* Clear section rhythm: each work area reads as a distinct surface. */
#page-catalog{padding-top:6px}
#page-catalog>.landing-hero{margin-bottom:24px;box-shadow:0 10px 24px rgba(71,53,38,.08)}
#page-catalog>.live-stats{padding:12px;background:#ebe6df;border:1px solid #d7cec2;border-radius:16px;box-shadow:0 6px 16px rgba(71,53,38,.06)}
#page-catalog>.page-heading{margin-top:34px;padding:18px 0 16px;border-top:2px solid #d8cfc5;border-bottom:1px solid #e5ded5}
#page-catalog>.page-heading .eyebrow{font-weight:800}
#page-catalog>.catalog-browser{padding:18px;background:#ebe7e1;border:1px solid #d8d0c6;border-radius:18px;box-shadow:0 8px 22px rgba(71,53,38,.07)}
#page-catalog>.conversion-sections{margin-top:34px;padding-top:30px;border-top:2px solid #d8cfc5}
#page-catalog>.conversion-sections:before{content:"使用说明与充值";display:block;margin:0 0 16px;color:#5e5a55;font-size:13px;font-weight:800;letter-spacing:.12em}
#page-catalog .flow-card,#page-catalog .offer-pane,#page-catalog .member-dashboard{box-shadow:0 5px 14px rgba(71,53,38,.08);border-color:#d8d0c6}
#page-catalog .flow-card+.flow-card{margin-top:2px}
#page-catalog .benefit-grid{padding:14px;background:#ebe7e1;border:1px solid #d8d0c6;border-radius:16px}
#page-catalog .faq-section{margin-top:18px;border-top:3px solid #d85e43}
#page-catalog .faq-section{color:#272522;background:#fffefa;border-color:#d8d0c6}
#page-catalog .faq-section h2,#page-catalog .faq-section strong{color:#20252b}
#page-catalog .faq-section>div>p{color:#6d625b}
#page-catalog .faq-list details{border:1px solid #ded5ca;background:#fbf8f3;color:#302d29}
#page-catalog .faq-list summary{color:#302d29}
#page-catalog .faq-list p{color:#6d625b}
#page-catalog .country-flow{background:#fffefa;border:1px solid #cbbfb3;box-shadow:0 8px 18px rgba(71,53,38,.08)}
#page-catalog .country-flow .flow-step-head{border-bottom-color:#ddd3c8}
#page-catalog .country-controls input,#page-catalog .country-controls select{background:#fff;color:#302d29;border:1px solid #c4b7aa;box-shadow:0 1px 2px rgba(71,53,38,.04)}
#page-catalog .country-controls input::placeholder{color:#786d64;opacity:1}
#page-catalog .country-results .empty{color:#655b53;border:1px dashed #c9bbae;background:#f8f3ed;font-weight:650}
#page-catalog .service-flow .service-search input{background:#fffefa;color:#302d29;border:1px solid #c4b7aa !important;box-shadow:0 1px 2px rgba(71,53,38,.04)}
#page-catalog .service-flow .service-search input::placeholder{color:#786d64;opacity:1}
#page-catalog .service-flow .service-search span{color:#756a61 !important;font-weight:650}
#page-catalog .service-flow .popular-head small{color:#756a61 !important;font-weight:700}
#page-catalog .country-results .catalog-card{border-color:#c7bbae !important;box-shadow:0 3px 9px rgba(71,53,38,.055)}

/* Button and control polish */
.hero-primary,.button.primary{color:#fff !important;font-weight:800;box-shadow:0 6px 14px rgba(216,94,67,.18)}
.hero-primary:hover,.button.primary:hover{color:#fff !important;box-shadow:0 8px 18px rgba(185,73,50,.22)}
.hero-secondary{background:#fffefa !important;color:var(--home-primary) !important;font-weight:750;box-shadow:0 3px 8px rgba(71,53,38,.04)}
.hero-secondary:hover{background:#fff4ef !important;border-color:#d85e43 !important}
.top-actions .button.primary{color:#2b211b !important;box-shadow:0 3px 10px rgba(240,177,107,.16)}
.top-actions .button.ghost,.language-button{background:rgba(255,255,255,.055);transition:background .18s,border-color .18s}
.top-actions .button.ghost:hover,.language-button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5)}
.nav-item{border:1px solid transparent;transition:background .18s,border-color .18s,color .18s}
.nav-item:hover{background:#f8f3ed;border-color:#eadfd3;color:#5c5148}
.nav-item.active{border-color:#f0c6b8;box-shadow:inset 3px 0 #d85e43}
.live-stats div{transition:transform .18s,box-shadow .18s}.live-stats div:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(71,53,38,.11)}
.hero-promises>*{font-weight:650}

/* Featured service cards: stronger contrast and a separate Malai ordering surface. */
.service-flow .popular-block{background:#eee9e2;border-color:#d6cbbf;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.service-flow .popular-block>div:first-child strong,.service-flow .popular-block>div:first-child span{color:#3d3833 !important}
.service-flow .popular-block>div:first-child span{font-weight:700}
.service-flow .popular-service{background:#fffefa !important;border-color:#d7cec4 !important;color:#302d29 !important;box-shadow:0 2px 5px rgba(71,53,38,.045) !important}
.service-flow .popular-service:hover,.service-flow .popular-service.active{background:#fff3ed !important;border-color:#dc8068 !important;color:#2b2724 !important;box-shadow:0 4px 10px rgba(216,94,67,.12) !important}
.service-flow .popular-service>span{color:#302d29 !important;font-weight:800}
.service-flow .popular-service>small{color:#6d625b !important;font-weight:550}
.service-flow .popular-icon{box-shadow:0 3px 8px rgba(50,42,34,.1)}