/* NewLuck service surfaces. Visual source: C端_页面与交互规范.md.
   Loaded after module styles; homepage/detail layout is maintained by its own modules. */
body[data-client="consumer"][data-consumer-surface="service"] {
  --c-bg:#fff7ec;
  --c-surface:#ffffff;
  --c-ink:#302418;
  --c-muted:#78634f;
  --c-line:#eddcca;
  --c-soft:#fff0dc;
  --c-green:#d83f18;
  --c-gold:#81500c;
  --c-accent:#d83f18;
  --c-control-radius:9px;
  --c-card-radius:14px;
  --account-ink:var(--c-ink);
  --account-muted:var(--c-muted);
  --account-accent:var(--c-ink);
  background:var(--c-bg);
  color:var(--c-ink);
  scrollbar-color:#b7b0a1 var(--c-bg);
}
body[data-consumer-surface="service"] :is(.phone,.consumer-stage,.phone.rs-market-page){background:var(--c-bg)}
body[data-client="consumer"][data-consumer-surface="service"] :is(.c-right,.rs-card,.tx-c-card,.c-order-card,.c-order-section,.c-order-state){background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--c-card-radius);box-shadow:none}
body[data-client="consumer"][data-consumer-surface="service"] .c-order-state{padding:16px;margin:16px 0 12px}
body[data-client="consumer"][data-consumer-surface="service"] :is(.c-homehero,.tx-status-hero){background:var(--c-surface);border-radius:var(--c-card-radius);box-shadow:none}
body[data-consumer-surface="service"] .c-homehero::after{content:none}
body[data-consumer-surface="service"] .c-kicker{display:none}
body[data-client="consumer"][data-consumer-surface="service"] .btn{border-radius:var(--c-control-radius);border-color:var(--c-line);background:var(--c-surface);color:var(--c-ink);box-shadow:none}
body[data-client="consumer"][data-consumer-surface="service"] .btn.primary{background:var(--c-accent);border-color:var(--c-accent);color:#302418}
body[data-client="consumer"][data-consumer-surface="service"] .btn:disabled{background:#e6e2d8;border-color:#eddcca;color:#757369;cursor:not-allowed;transform:none}
body[data-client="consumer"][data-consumer-surface="service"] :is(.c-buybar,.tx-purchase){background:var(--c-surface);border-color:var(--c-line);box-shadow:none;backdrop-filter:none}
body[data-client="consumer"][data-consumer-surface="service"] .cabinet-actions .btn:not(.primary){background:transparent;border-color:#858176;color:var(--c-ink)}
body[data-client="consumer"][data-consumer-surface="service"] .tx-wide{border-radius:var(--c-control-radius)!important}
body[data-client="consumer"][data-consumer-surface="service"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:#ffffff;border-color:#c8b39c;border-radius:var(--c-control-radius);color:var(--c-ink);caret-color:var(--c-ink)}
body[data-consumer-surface="service"] :is(input,textarea)::placeholder{color:var(--c-muted);opacity:1}
body[data-client="consumer"][data-consumer-surface="service"] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #d83f18;outline-offset:3px}
body[data-client="consumer"][data-consumer-surface="service"] .tx-c-tabs{gap:20px;border-color:var(--c-line)}
body[data-client="consumer"][data-consumer-surface="service"] .tx-c-tabs button{position:relative;flex-shrink:0;min-width:44px;min-height:44px;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--c-muted)}
body[data-client="consumer"][data-consumer-surface="service"] .tx-c-tabs button.active{color:var(--c-ink);font-weight:650}
body[data-consumer-surface="service"] .tx-c-tabs button.active::after{content:"";position:absolute;bottom:0;left:50%;width:22px;height:3px;transform:translateX(-50%);background:#d83f18}
body[data-consumer-surface="service"] .c-order-tabs>:is(a,button){position:relative;border-bottom:0}
body[data-consumer-surface="service"] .c-order-tabs>:is([aria-current="page"],[aria-pressed="true"])::after{content:"";position:absolute;bottom:0;left:50%;width:22px;height:3px;transform:translateX(-50%);background:#d83f18}
body[data-client="consumer"][data-consumer-surface="service"] .shelf-tabs a[aria-current]::after{background:#d83f18;border-radius:0;width:22px}
body[data-client="consumer"][data-consumer-surface="service"] :is(.badge,.consumer-prize-tag,.rs-sale-tag){border-radius:2px;background:#eeece5;color:#55534d}
body[data-client="consumer"][data-consumer-surface="service"] :is(.badge.warn,.rs-sale-tag.is-presale,.consumer-prize-tag.is-last){background:var(--c-soft);color:#655319}
body[data-client="consumer"][data-consumer-surface="service"] .badge.bad{background:#f7e5df;color:#a13e32}
body[data-client="consumer"][data-consumer-surface="service"] .badge.good{background:#e4eddf;color:#42613c}
body[data-client="consumer"][data-consumer-surface="service"] .cabinet-item .badge.good{background:#eeece5;color:#55534d}
body[data-client="consumer"][data-consumer-surface="service"] .c-homehero p{color:var(--c-muted)}
body[data-client="consumer"][data-consumer-surface="service"] .c-homehero h1{font-size:24px}
body[data-consumer-surface="service"] .ff-c-facts dt{color:var(--c-muted)}
body[data-client="consumer"][data-consumer-surface="service"] .c-order-product>img{background:#fff;border-radius:3px}
body[data-client="consumer"][data-consumer-surface="service"] :is(.c-benefit,.c-benefit-hint){background:var(--c-surface);border-color:var(--c-line);border-radius:4px;color:#655319}
body[data-client="consumer"][data-consumer-surface="service"] :is(.rs-warning,.c-arrival,.shelf-next,.notice,.account-message,.account-demo-note){background:var(--c-soft);color:#655319;border-color:var(--c-line);border-radius:4px}
body[data-client="consumer"][data-consumer-surface="service"] :is(.rs-product-image,.ff-product-image,.c-product-image,.tx-product-icon,.cabinet-thumb,.cabinet-image,.rs-listing-thumb,.rs-product-zoom,.cabinet-preview-image){background:#fff;border-radius:3px;mix-blend-mode:normal}
body[data-client="consumer"][data-consumer-surface="service"] .cabinet-thumb{border:1px solid #e6e5e0}
body[data-client="consumer"][data-consumer-surface="service"] .cabinet-item{border:0;border-radius:3px;background:transparent;box-shadow:none}
body[data-consumer-surface="service"] .cabinet-grid{gap:16px 9px}
body[data-consumer-surface="service"] .cabinet-series{margin-bottom:24px}
body[data-consumer-surface="service"] .cabinet-toolbar{margin-bottom:20px;flex-wrap:wrap;gap:0 12px}
body[data-client="consumer"][data-consumer-surface="service"] .cabinet-toolbar .tx-c-tabs{gap:16px}
body[data-client="consumer"][data-consumer-surface="service"] .cabinet-toolbar .tx-c-tabs button{padding-inline:0}
body[data-consumer-surface="service"] .cabinet-total{padding-block:8px}
body[data-consumer-surface="service"] .cabinet-open:active{background:#fff0dc0a}
/* My account: a warm identity panel, then quiet service groups. */
body[data-client="consumer"][data-consumer-surface="service"][data-view="mine"] .rs-account-overview{margin:0;padding:0 16px 8px;background:#fff0dc;border:0;border-radius:0;color:#302418}
body[data-client="consumer"][data-consumer-surface="service"][data-view="mine"] .rs-mine-profile{padding:20px 0;gap:12px}
body[data-consumer-surface="service"] .rs-account-overview :is(h1,.rs-profile-name,.points-entry){color:#302418}
body[data-consumer-surface="service"] .rs-account-overview :is(.rs-profile-settings,.points-entry-value){color:#78634f}
body[data-consumer-surface="service"] .rs-account-overview .points-entry{border-color:#eddcca}
body[data-consumer-surface="service"] .rs-account-overview .points-entry strong{color:var(--c-accent)}
body[data-client="consumer"][data-consumer-surface="service"][data-view="mine"] .rs-mine-content{padding-top:20px}
body[data-client="consumer"][data-consumer-surface="service"][data-view="mine"] .rs-mine-content .rs-card{padding:14px 16px 4px;margin-bottom:16px}
body[data-consumer-surface="service"] .rs-account-row{padding-block:14px}
body[data-client="consumer"][data-consumer-surface="service"] .points-balance{background:#fff0dc;color:#302418;border-radius:6px;text-align:left}
body[data-consumer-surface="service"] .points-balance>strong{color:var(--c-accent)}
body[data-client="consumer"][data-consumer-surface="service"] .points-balance :is(p,span){color:#78634f}
body[data-client="consumer"][data-consumer-surface="service"] .points-change{color:#42613c}
/* Shared dialogs: cream body and white product media, independent of entry page. */
body[data-client="consumer"][data-consumer-surface="service"] :is(.dialog,dialog){background:var(--c-surface);color:var(--c-ink);border-color:var(--c-line);border-radius:8px;box-shadow:0 20px 64px #fff0dc26}
body[data-consumer-surface="service"] dialog::backdrop{background:#fff0dc88}
body[data-client="consumer"][data-consumer-surface="service"] :is(.dialoghead,.dialogfoot){background:var(--c-surface);border-color:var(--c-line)}
body[data-consumer-surface="service"] .c-product-preview-media{background:#fff}
body[data-consumer-surface="service"] .c-product-preview-close{width:44px;height:44px;border-radius:4px;color:var(--c-ink)}
/* Login keeps its own no-tab layout, with the same warm brand header. */
body[data-client="consumer"][data-consumer-surface="service"] .account-consumer-auth{background:var(--c-bg);color:var(--c-ink);padding-inline:24px}
body[data-client="consumer"][data-consumer-surface="service"] .account-auth-top{margin:0 -24px;padding:0 16px;background:#fff0dc}
body[data-client="consumer"][data-consumer-surface="service"] :is(.account-back,.account-browse){color:var(--c-accent)}
body[data-client="consumer"][data-consumer-surface="service"] .account-consumer-brand{margin:0 -24px 28px;padding:20px 24px 28px;background:#fff0dc}
body[data-client="consumer"][data-consumer-surface="service"] :is(.account-phone,.account-code){border:1px solid #c8b39c;border-radius:4px;background:var(--c-surface);box-shadow:none}
body[data-client="consumer"][data-consumer-surface="service"] .account-form :is(.account-phone,.account-code) input{border:0;background:transparent;box-shadow:none}
body[data-client="consumer"][data-consumer-surface="service"] .account-form input::placeholder{color:var(--c-muted);opacity:1}
body[data-client="consumer"][data-consumer-surface="service"] .account-phone select{background:transparent;border:0;border-right:1px solid var(--c-line);border-radius:0}
body[data-client="consumer"][data-consumer-surface="service"] .account-consumer-auth .account-login h1{font-size:24px;color:var(--c-ink)}
body[data-client="consumer"][data-consumer-surface="service"] .account-submit.btn.primary{background:var(--c-accent);border-color:var(--c-accent);color:#302418;border-radius:4px;box-shadow:none}
body[data-client="consumer"][data-consumer-surface="service"] .account-login :is(.account-agree,.account-login-heading p,.account-auth-footer){color:var(--c-muted)}
body[data-consumer-surface="service"] .empty{color:var(--c-muted)}
/* Navigation comes last to keep service button rules out of the shared tabs. */
body[data-client="consumer"][data-consumer-surface="service"] .phone .nl-c-navigation a.btn{background:transparent;border:0;color:#78634f;border-radius:0}
body[data-client="consumer"][data-consumer-surface="service"] .phone .nl-c-navigation a.btn.active{color:var(--c-accent)}
body[data-client="consumer"][data-consumer-surface="service"] .phone>.c-nav :is(a,button){background:transparent;border:0;color:var(--c-accent)}
@media(hover:hover){
  body[data-client="consumer"][data-consumer-surface="service"] .btn.primary:not(:disabled):hover{background:#bd3210;border-color:#bd3210}
  body[data-consumer-surface="service"] .cabinet-open:hover{background:#fff0dc05}
}