:root {
  --brand: #1268e8;
  --brand-2: #4ab8ff;
  --brand-dark: #0b3f99;
  --ink: #101828;
  --ink-2: #344054;
  --muted: #667085;
  --line: #e4eaf2;
  --line-strong: #d0d8e5;
  --surface: #ffffff;
  --surface-2: #f7f9fc;
  --page: #eef3f9;
  --ok: #079455;
  --warn: #b54708;
  --danger: #d92d20;
  --radius: 22px;
  --shadow: 0 18px 55px rgba(16, 43, 82, .10);
  --shadow-soft: 0 8px 26px rgba(16, 43, 82, .07);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--page);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
img { max-width: 100%; }
.ui-icon { display: block; }

.app-shell {
  min-height: 100vh;
  background: linear-gradient(180deg, #f8fbff 0, #f4f7fb 52%, #eef3f8 100%);
  padding-bottom: 0;
}
.page-content {
  width: min(1280px, calc(100% - 40px));
  min-height: 66vh;
  margin: 0 auto;
  padding-bottom: 26px;
}

/* 顶部导航 */
.home-header {
  position: sticky;
  top: 0;
  z-index: 40;
  color: #fff;
  background: rgba(12, 85, 190, .95);
  backdrop-filter: blur(18px);
  box-shadow: 0 8px 25px rgba(8, 55, 135, .16);
}
.home-header-inner {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 280px minmax(320px, 1fr);
  gap: 12px 30px;
  align-items: center;
  padding: 15px 0 0;
}
.brand-row { display: flex; align-items: center; justify-content: space-between; min-width: 0; }
.app-brand { display: flex; align-items: center; gap: 11px; min-width: 0; color: #fff; text-decoration: none; }
.app-logo {
  width: 44px; height: 44px; border-radius: 15px; display: grid; place-items: center;
  background: linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.12));
  border: 1px solid rgba(255,255,255,.32); box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}
.app-brand b { display: block; font-size: 19px; letter-spacing: .3px; }
.app-brand small { display: block; margin-top: 3px; color: rgba(255,255,255,.75); font-size: 11px; }
.header-user, .sub-user, .back-btn {
  width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center;
  color: inherit; text-decoration: none;
}
.header-user { background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.20); }
.home-search {
  height: 46px; display: flex; align-items: center; gap: 8px; color: #8b98aa;
  background: #fff; border: 1px solid rgba(255,255,255,.35); border-radius: 14px; padding: 0 7px 0 15px;
  box-shadow: 0 8px 25px rgba(0,0,0,.10);
}
.home-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #182230; font-size: 14px; }
.home-search button { border: 0; color: #fff; background: var(--brand); border-radius: 10px; padding: 9px 18px; font-weight: 800; cursor: pointer; }
.home-tabs {
  grid-column: 1 / -1; display: flex; align-items: center; gap: 3px; overflow-x: auto;
  padding: 1px 0 0; scrollbar-width: none;
}
.home-tabs::-webkit-scrollbar { display: none; }
.home-tabs a { position: relative; flex: 0 0 auto; color: rgba(255,255,255,.76); text-decoration: none; padding: 12px 18px 14px; font-size: 14px; }
.home-tabs a:first-child { padding-left: 0; }
.home-tabs a.active, .home-tabs a:hover { color: #fff; font-weight: 800; }
.home-tabs a.active::after { content: ""; position: absolute; left: 50%; bottom: 4px; width: 26px; height: 3px; border-radius: 99px; background: #fff; transform: translateX(-50%); }

.sub-header { position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,.93); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(217,225,235,.86); }
.sub-header-inner { width: min(1280px, calc(100% - 40px)); height: 68px; margin: 0 auto; display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; }
.sub-header h1 { margin: 0; text-align: center; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub-header .back-btn, .sub-header .sub-user { color: #344054; }
.sub-header .back-btn:hover, .sub-header .sub-user:hover { background: #eef4fb; }

.flash { margin: 18px 0 0; padding: 14px 17px; border-radius: 14px; font-size: 14px; line-height: 1.6; border: 1px solid transparent; }
.flash.success { color: #067647; background: #ecfdf3; border-color: #d1fadf; }
.flash.warning { color: var(--warn); background: #fffaeb; border-color: #fedf89; }
.flash.error { color: #b42318; background: #fff1f0; border-color: #fecdca; }

/* 通用 */
.container { width: min(920px, 100%); margin: 0 auto; padding: 24px 0; }
.panel, .home-card, .advantage-card, .menu-list, .order-card, .empty-state {
  background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow-soft);
}
.panel { border-radius: var(--radius); padding: 28px; }
.muted { color: var(--muted); }
.help { color: #7a8799; font-size: 12px; }
.text-center { text-align: center; }
.link { color: var(--brand); text-decoration: none; }
.field { margin-bottom: 18px; }
.field label { display: block; margin-bottom: 8px; color: #344054; font-size: 13px; font-weight: 800; }
.input, .select, .textarea {
  width: 100%; border: 1px solid var(--line-strong); background: #fff; color: var(--ink);
  border-radius: 13px; padding: 13px 14px; outline: none; transition: .18s ease;
}
.input, .select { min-height: 48px; }
.textarea { min-height: 116px; resize: vertical; line-height: 1.65; }
.input:focus, .select:focus, .textarea:focus { border-color: #5b9df6; box-shadow: 0 0 0 4px rgba(18,104,232,.10); }
.btn {
  appearance: none; border: 0; border-radius: 13px; min-height: 44px; padding: 11px 17px;
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  font-size: 14px; font-weight: 850; text-decoration: none; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-blue { color: #fff; background: linear-gradient(135deg, #2478ee, #0b5dc8); box-shadow: 0 9px 22px rgba(18,104,232,.22); }
.btn-dark { color: #fff; background: #172033; }
.btn-light { color: #175ea7; background: #edf5ff; border: 1px solid #dcecff; }
.btn-danger { color: #b42318; background: #fff0ef; }
.btn-block { width: 100%; }
.safe-tip { display: flex; align-items: flex-start; gap: 10px; margin: 15px 0; padding: 13px 14px; color: #476580; background: #f0f8ff; border: 1px solid #d9ecfc; border-radius: 13px; font-size: 12px; line-height: 1.7; }
.safe-tip .ui-icon { flex: 0 0 auto; color: var(--brand); margin-top: 1px; }
.warning-inline { margin: 14px 0; padding: 13px 14px; color: var(--warn); background: #fff8e8; border: 1px solid #fde6ac; border-radius: 13px; font-size: 13px; line-height: 1.7; }

/* 首页 */
.quota-hero {
  position: relative; overflow: hidden; min-height: 270px; margin-top: 26px; padding: 42px 46px;
  color: #fff; border-radius: 28px; background: linear-gradient(125deg, #073a8c 0%, #0b67d8 48%, #2aa9ff 100%);
  box-shadow: 0 25px 65px rgba(8,76,171,.22);
}
.quota-hero::before { content: ""; position: absolute; width: 520px; height: 520px; right: -170px; top: -235px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.23), rgba(255,255,255,0) 67%); }
.quota-hero::after { content: ""; position: absolute; right: 5%; bottom: -55px; width: 250px; height: 310px; background: url('../img/iphone-placeholder.svg') center/contain no-repeat; filter: drop-shadow(0 22px 22px rgba(0,0,0,.25)); transform: rotate(7deg); opacity: .96; }
.quota-kicker, .quota-value, .quota-sub, .quota-actions { position: relative; z-index: 2; }
.quota-kicker { font-size: 15px; color: rgba(255,255,255,.80); }
.quota-value { margin-top: 12px; font-size: clamp(46px, 6vw, 72px); font-weight: 950; letter-spacing: -2px; line-height: 1; }
.quota-value small { margin-left: 6px; font-size: 18px; font-weight: 700; }
.quota-sub { margin-top: 13px; color: rgba(255,255,255,.78); font-size: 13px; }
.quota-actions { display: flex; gap: 12px; margin-top: 24px; }
.quota-actions a { min-width: 118px; padding: 10px 18px; border-radius: 12px; text-align: center; text-decoration: none; font-size: 13px; font-weight: 850; }
.quota-actions .primary { color: #0a5abb; background: #fff; }
.quota-actions .ghost { color: #fff; border: 1px solid rgba(255,255,255,.40); background: rgba(255,255,255,.10); }
.home-card { margin-top: 18px; border-radius: 22px; overflow: hidden; }
.notice-strip { min-height: 44px; margin: 0 18px 18px; padding: 10px 14px; display: flex; align-items: center; gap: 10px; color: #50718e; background: #f4f9ff; border: 1px solid #e1eef9; border-radius: 13px; font-size: 13px; }
.notice-strip b { color: var(--brand); white-space: nowrap; }
.notice-strip span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.promo-scroll { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 18px; }
.promo-banner { min-height: 176px; position: relative; overflow: hidden; padding: 27px; color: #fff; border-radius: 22px; text-decoration: none; box-shadow: var(--shadow-soft); }
.promo-banner.blue { background: linear-gradient(135deg, #1268e8, #46b7ff); }
.promo-banner.dark { background: linear-gradient(135deg, #1d2939, #416387); }
.promo-banner.gold { background: linear-gradient(135deg, #70421d, #d5a25e); }
.promo-banner b, .promo-banner p, .promo-banner span { position: relative; z-index: 2; }
.promo-banner b { display: block; font-size: 22px; }
.promo-banner p { max-width: 72%; margin: 9px 0 16px; color: rgba(255,255,255,.82); font-size: 12px; line-height: 1.7; }
.promo-banner span { display: inline-flex; padding: 7px 12px; border: 1px solid rgba(255,255,255,.32); border-radius: 999px; background: rgba(255,255,255,.14); font-size: 11px; font-weight: 800; }
.promo-banner img { position: absolute; right: -8px; bottom: -38px; width: 160px; height: 190px; object-fit: contain; filter: drop-shadow(0 16px 18px rgba(0,0,0,.22)); }
.service-grid { display: grid; grid-template-columns: repeat(4, 1fr); padding: 18px; }
.service-item { display: flex; align-items: center; justify-content: center; gap: 10px; color: #4f6379; font-size: 13px; }
.service-item i { width: 38px; height: 38px; display: grid; place-items: center; color: var(--brand); background: #eaf4ff; border-radius: 13px; font-style: normal; }
.home-section { padding: 28px 0 4px; }
.section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.section-head h2 { margin: 0; font-size: 25px; letter-spacing: -.4px; }
.section-head p { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
.section-more { display: inline-flex; align-items: center; gap: 3px; color: #4f7195; text-decoration: none; font-size: 13px; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.product-card { overflow: hidden; border-radius: 21px; background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-soft); transition: transform .18s ease, box-shadow .18s ease; }
.product-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.product-media { height: 245px; position: relative; display: grid; place-items: center; padding: 24px; background: linear-gradient(145deg, #fbfdff, #eef4fa); }
.product-media img { width: 100%; height: 100%; object-fit: contain; transition: transform .22s ease; }
.product-card:hover .product-media img { transform: scale(1.035); }
.product-badge { position: absolute; left: 13px; top: 13px; padding: 5px 9px; color: #1769bd; background: #e8f4ff; border-radius: 999px; font-size: 10px; font-weight: 850; }
.product-body { padding: 16px; }
.product-meta { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.tag { display: inline-flex; padding: 4px 8px; color: #617891; background: #f1f5f9; border-radius: 8px; font-size: 10px; }
.product-card h3 { min-height: 44px; margin: 0; font-size: 16px; line-height: 1.45; }
.price { display: flex; align-items: flex-end; gap: 4px; margin: 12px 0 13px; color: #e84a35; }
.price strong { font-size: 23px; }
.price span { margin-bottom: 3px; color: #8a96a6; font-size: 11px; }
.search-empty { grid-column: 1 / -1; padding: 45px 20px; color: #7b8796; text-align: center; background: #fff; border: 1px dashed #d5deea; border-radius: 18px; }

/* 商品详情 */
.detail-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); gap: 26px; padding: 28px 0 8px; }
.detail-media, .detail-panel { border: 1px solid var(--line); border-radius: 25px; background: #fff; box-shadow: var(--shadow-soft); }
.detail-media { min-height: 585px; display: grid; place-items: center; padding: 55px; background: radial-gradient(circle at 50% 30%, #fff, #eef4fa 75%); }
.detail-media img { width: 100%; height: 100%; max-height: 470px; object-fit: contain; }
.detail-panel { padding: 32px; }
.detail-panel h1 { margin: 10px 0 5px; font-size: 31px; letter-spacing: -.7px; }
.detail-price { margin: 10px 0 16px; color: #d93b2b; font-size: 13px; }
.detail-price strong { margin-right: 4px; font-size: 34px; }
.option-group { margin-top: 22px; }
.option-group > .title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; color: #27364a; font-size: 14px; font-weight: 850; }
.options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.option { position: relative; }
.option input { position: absolute; opacity: 0; pointer-events: none; }
.option label { min-height: 64px; display: flex; flex-direction: column; justify-content: center; padding: 11px 13px; border: 1px solid #d9e1eb; border-radius: 13px; background: #fff; cursor: pointer; }
.option label b { font-size: 13px; }
.option input:checked + label { border-color: var(--brand); background: #f1f7ff; box-shadow: 0 0 0 3px rgba(18,104,232,.08); }
.summary-box { margin: 20px 0; padding: 6px 16px; border: 1px solid #e1e7ef; border-radius: 16px; background: #f8fafc; }
.summary-row { min-height: 45px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid #e8edf3; color: #5a697b; font-size: 13px; }
.summary-row:last-child { border-bottom: 0; }
.summary-row b { color: #1c2736; text-align: right; }
.summary-row.total b { color: #e24431; font-size: 17px; }
.sticky-action { position: static; padding: 0; border: 0; background: transparent; }
.sticky-action-inner { display: flex; align-items: stretch; gap: 10px; }
.sticky-action .service-link { width: 70px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #66788e; text-decoration: none; border: 1px solid #dfe6ee; border-radius: 13px; background: #fff; font-size: 10px; }
.sticky-action .btn { flex: 1; }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding: 18px 0 6px; }
.feature { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-soft); }
.feature-icon { width: 42px; height: 42px; display: grid; place-items: center; color: var(--brand); background: #eaf4ff; border-radius: 14px; }
.feature h4 { margin: 13px 0 7px; font-size: 15px; }
.feature p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }

/* 认证、登录 */
.auth-wrap { width: min(760px, 100%); margin: 0 auto; padding: 28px 0 10px; }
.onboarding-brand { padding: 6px 10px 22px; text-align: center; }
.onboarding-logo { width: 70px; height: 70px; margin: 0 auto 14px; display: grid; place-items: center; color: #fff; border-radius: 23px; background: linear-gradient(145deg, #0b5dcc, #48b7ff); box-shadow: 0 16px 38px rgba(18,104,232,.25); }
.onboarding-brand h1 { margin: 0 0 7px; font-size: 29px; }
.onboarding-brand p { margin: 0; color: var(--muted); font-size: 13px; }
.onboarding-steps { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 auto 22px; max-width: 620px; }
.onboarding-steps::before { content: ""; position: absolute; left: 16%; right: 16%; top: 19px; height: 2px; background: #dbe4ee; }
.onboarding-steps > div { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 7px; color: #98a2b3; font-size: 12px; }
.onboarding-steps i { width: 38px; height: 38px; display: grid; place-items: center; color: #8a96a6; background: #e6edf4; border: 5px solid #f5f8fb; border-radius: 50%; font-style: normal; font-weight: 900; }
.onboarding-steps .active, .onboarding-steps .done { color: #1768bd; font-weight: 850; }
.onboarding-steps .active i { color: #fff; background: var(--brand); box-shadow: 0 8px 20px rgba(18,104,232,.25); }
.onboarding-steps .done i { color: var(--ok); background: #e7f8ef; }
.sms-login-panel { width: min(580px, 100%); margin: 0 auto; }
.sms-login-panel h2 { margin: 0 0 5px; font-size: 23px; }
.captcha-row, .sms-code-row { display: flex; align-items: stretch; gap: 10px; }
.captcha-row .input, .sms-code-row .input { min-width: 0; flex: 1; }
.captcha-image-btn { width: 128px; min-width: 128px; height: 48px; padding: 0; overflow: hidden; border: 1px solid #d8e1eb; border-radius: 13px; background: #fff; cursor: pointer; }
.captcha-image-btn img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sms-send-btn { min-width: 120px; min-height: 48px; border: 0; border-radius: 13px; color: #1468b8; background: #eaf4ff; font-size: 13px; font-weight: 900; cursor: pointer; }
.sms-send-btn:disabled { color: #8b9caf; background: #eef2f6; cursor: not-allowed; }
.sms-send-message { min-height: 20px; margin-top: 7px; font-size: 12px; line-height: 1.6; }
.sms-send-message.ok { color: var(--ok); }
.sms-send-message.error { color: #b42318; }
.verify-title { padding: 0 3px 18px; }
.verify-title > span { display: inline-flex; padding: 6px 11px; color: #1568ba; background: #e7f3ff; border-radius: 999px; font-size: 11px; font-weight: 850; }
.verify-title h1 { margin: 11px 0 7px; font-size: 28px; }
.verify-title p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.verify-panel { padding: 30px; }
.form-section-title { display: flex; align-items: center; gap: 10px; margin: 27px 0 11px; color: #253349; font-size: 15px; font-weight: 900; }
.form-section-title:first-child { margin-top: 0; }
.form-section-title i { width: 29px; height: 29px; display: grid; place-items: center; color: #fff; background: var(--brand); border-radius: 10px; font-style: normal; font-size: 12px; }
.upload-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin: 14px 0 20px; }
.upload-card { position: relative; min-height: 145px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 18px; overflow: hidden; border: 1px dashed #9fc4e8; border-radius: 16px; background: #f4f9ff; cursor: pointer; }
.upload-card::before { content: "+"; width: 38px; height: 38px; margin-bottom: 9px; display: grid; place-items: center; color: var(--brand); background: #e1f0ff; border-radius: 50%; font-size: 25px; }
.upload-card b { font-size: 13px; }
.upload-card span { margin-top: 5px; color: #7d8b9e; font-size: 11px; }
.upload-card input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.agree-row { display: flex; align-items: flex-start; gap: 9px; margin: 17px 0; color: #5e6d7f; font-size: 12px; line-height: 1.7; }
.agree-row input { margin-top: 4px; flex: 0 0 auto; }
.quota-result-card { position: relative; overflow: hidden; padding: 38px 34px; color: #fff; text-align: center; border-radius: 26px; background: linear-gradient(150deg, #0751b6, #117de1 57%, #52c2ff); box-shadow: 0 24px 58px rgba(17,101,200,.24); }
.quota-result-card::before { content: ""; position: absolute; width: 300px; height: 300px; right: -130px; top: -145px; border-radius: 50%; background: rgba(255,255,255,.09); }
.result-icon { position: relative; width: 72px; height: 72px; margin: 0 auto 16px; display: grid; place-items: center; color: var(--ok); background: #fff; border-radius: 50%; box-shadow: 0 12px 28px rgba(0,0,0,.16); }
.result-label { position: relative; color: rgba(255,255,255,.82); font-size: 13px; }
.quota-result-card h1 { position: relative; margin: 9px 0 3px; font-size: 18px; }
.result-quota { position: relative; margin: 5px 0; font-size: 52px; font-weight: 950; letter-spacing: -2px; }
.result-quota small { margin-left: 5px; font-size: 15px; }
.quota-result-card > p { position: relative; max-width: 500px; margin: 8px auto 18px; color: rgba(255,255,255,.81); font-size: 12px; line-height: 1.8; }
.result-status { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(255,255,255,.12); font-size: 12px; }
.result-status span { padding: 5px 9px; color: #1766b6; background: #fff; border-radius: 999px; font-weight: 850; }
.quota-result-card .btn-blue { color: #1766b6; background: #fff; box-shadow: none; }
.quota-result-card .btn-light { color: #fff; border: 1px solid rgba(255,255,255,.26); background: rgba(255,255,255,.12); }
.verified-strip { display: flex; align-items: center; gap: 10px; margin: 15px 0; padding: 13px 14px; color: #247054; border: 1px solid #d4f3e2; border-radius: 14px; background: #ecfbf3; }
.verified-strip > i { width: 34px; height: 34px; display: grid; place-items: center; color: var(--ok); background: #fff; border-radius: 50%; font-style: normal; }
.verified-strip > div { min-width: 0; flex: 1; }
.verified-strip b, .verified-strip span { display: block; }
.verified-strip b { font-size: 13px; }
.verified-strip span { margin-top: 3px; color: #5d8373; font-size: 11px; }
.verified-strip a { color: #07864d; text-decoration: none; font-size: 12px; }

/* 额度与个人中心 */
.quota-page-hero { margin-top: 26px; padding: 43px; color: #fff; border-radius: 27px; background: linear-gradient(135deg, #083c90, #0a72db 60%, #38aff6); box-shadow: 0 22px 55px rgba(9,87,180,.20); }
.quota-page-hero .label { color: rgba(255,255,255,.82); font-size: 14px; }
.quota-page-hero .number { margin: 10px 0 8px; font-size: 58px; font-weight: 950; letter-spacing: -2px; }
.quota-page-hero .number small { margin-left: 6px; font-size: 17px; }
.quota-page-hero p { max-width: 760px; margin: 0; color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.8; }
.quick-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 18px 0; }
.quick-action { min-height: 80px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #35475b; text-decoration: none; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-soft); font-size: 14px; font-weight: 800; }
.quick-action i { width: 40px; height: 40px; display: grid; place-items: center; color: var(--brand); background: #e9f4ff; border-radius: 13px; font-style: normal; }
.advantage-card { padding: 24px; border-radius: 22px; }
.advantage-card h3 { margin: 0 0 17px; font-size: 19px; }
.advantage-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.advantage-item { min-height: 70px; display: flex; align-items: center; gap: 9px; padding: 12px; color: #4c6077; border: 1px solid #ebeff4; border-radius: 14px; background: #fafcff; font-size: 12px; }
.advantage-item i { width: 34px; height: 34px; display: grid; place-items: center; color: var(--brand); background: #e8f3ff; border-radius: 11px; font-style: normal; }
.profile-head { margin-top: 26px; padding: 34px; color: #fff; border-radius: 27px; background: linear-gradient(135deg, #0b55ba, #178be8 58%, #55c2ff); box-shadow: 0 22px 55px rgba(15,111,210,.22); }
.profile-user { display: flex; align-items: center; gap: 15px; }
.profile-avatar { width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.32); border-radius: 21px; background: rgba(255,255,255,.15); }
.profile-user b { display: block; font-size: 22px; }
.profile-user span { display: block; margin-top: 5px; color: rgba(255,255,255,.78); font-size: 12px; }
.profile-stats { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.18); text-align: center; }
.profile-stats strong { display: block; font-size: 25px; }
.profile-stats span { display: block; margin-top: 4px; color: rgba(255,255,255,.72); font-size: 11px; }
.profile-quota-card { position: relative; z-index: 2; margin: -18px 24px 18px; padding: 20px 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid var(--line); border-radius: 19px; background: #fff; box-shadow: var(--shadow); }
.profile-quota-card span, .profile-quota-card small { display: block; color: #7b8797; font-size: 11px; }
.profile-quota-card strong { display: block; margin: 4px 0; color: var(--brand); font-size: 31px; }
.profile-quota-card a { display: inline-flex; align-items: center; color: var(--brand); text-decoration: none; font-size: 12px; }
.menu-list { margin-top: 18px; overflow: hidden; border-radius: 20px; }
.menu-item { min-height: 64px; display: flex; align-items: center; gap: 12px; padding: 0 18px; color: #314257; text-decoration: none; border-bottom: 1px solid #edf1f5; }
.menu-item:last-child { border-bottom: 0; }
.menu-item:hover { background: #f8fbff; }
.menu-item i { width: 38px; height: 38px; display: grid; place-items: center; color: var(--brand); background: #e9f4ff; border-radius: 12px; font-style: normal; }
.menu-item b { flex: 1; font-size: 14px; }
.menu-item span { color: #8a96a6; font-size: 12px; }

/* 订单 */
.steps { display: flex; gap: 8px; margin: 0 0 16px; }
.step { height: 5px; flex: 1; border-radius: 999px; background: #dfe6ee; }
.step.active { background: linear-gradient(90deg, #1268e8, #4ab8ff); }
.order-tabs { position: sticky; top: 68px; z-index: 20; display: flex; gap: 5px; overflow-x: auto; margin: 0 -1px 16px; padding: 14px 0 10px; background: rgba(247,250,253,.93); backdrop-filter: blur(12px); scrollbar-width: none; }
.order-tabs::-webkit-scrollbar { display: none; }
.order-tabs a { flex: 0 0 auto; padding: 9px 14px; color: #607187; text-decoration: none; border: 1px solid #dce4ed; border-radius: 999px; background: #fff; font-size: 13px; }
.order-tabs a.active { color: #fff; border-color: var(--brand); background: var(--brand); }
.order-list { width: min(930px, 100%); margin: 0 auto; display: grid; gap: 14px; }
.order-card { overflow: hidden; border-radius: 20px; }
.order-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; border-bottom: 1px solid #edf1f5; }
.order-store { display: flex; align-items: center; gap: 7px; color: #344054; font-size: 13px; font-weight: 800; }
.order-store i { color: var(--brand); }
.status, .badge { display: inline-flex; padding: 5px 9px; color: #475467; background: #f2f4f7; border-radius: 999px; font-size: 11px; font-weight: 850; white-space: nowrap; }
.status.pending_review, .status.pending_contract, .status.pending_payment, .status.pending_ship, .badge.pending, .badge.pending_review, .badge.pending_contract, .badge.pending_payment { color: #b54708; background: #fffaeb; }
.status.shipped, .status.renting, .status.settled, .status.paid, .status.approved, .badge.approved { color: #067647; background: #ecfdf3; }
.status.rejected, .status.cancelled, .status.overdue, .badge.rejected { color: #b42318; background: #fff1f0; }
.order-main { display: grid; grid-template-columns: 104px 1fr; gap: 15px; padding: 18px; }
.order-thumb { width: 104px; height: 104px; display: grid; place-items: center; overflow: hidden; border-radius: 16px; background: linear-gradient(145deg, #f8fbff, #edf3f8); }
.order-thumb img { width: 100%; height: 100%; object-fit: contain; padding: 10px; }
.order-title { margin: 4px 0 8px; font-size: 15px; font-weight: 850; }
.order-desc { color: #7b8797; font-size: 12px; line-height: 1.75; }
.order-bottom { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 18px 16px; border-top: 1px solid #edf1f5; }
.order-total { color: #7b8797; font-size: 12px; }
.order-total strong { margin-left: 5px; color: #e14432; font-size: 19px; }
.order-actions { display: flex; gap: 8px; }
.timeline { margin: 20px 0; padding: 4px 0 4px 8px; }
.timeline-item { position: relative; display: grid; grid-template-columns: 22px 1fr; gap: 9px; min-height: 64px; }
.timeline-item:not(:last-child)::after { content: ""; position: absolute; left: 7px; top: 18px; bottom: -7px; width: 2px; background: #dce5ee; }
.timeline-dot { width: 16px; height: 16px; margin-top: 2px; border: 4px solid #d9eaff; border-radius: 50%; background: var(--brand); }
.timeline-content b, .timeline-content span { display: block; }
.timeline-content b { font-size: 13px; }
.timeline-content span { margin-top: 5px; font-size: 11px; }
.bill-table { width: 100%; min-width: 560px; border-collapse: collapse; }
.bill-table th, .bill-table td { padding: 11px 10px; text-align: left; border-bottom: 1px solid #edf1f5; font-size: 12px; }
.bill-table th { color: #7b8797; }
.empty-state { padding: 48px 22px; border-radius: 20px; text-align: center; }
.empty-state i { width: 70px; height: 70px; margin: 0 auto 15px; display: grid; place-items: center; color: var(--brand); background: #eaf4ff; border-radius: 50%; font-style: normal; }
.empty-state h3 { margin: 0 0 7px; font-size: 18px; }
.empty-state p { margin: 0 0 17px; color: var(--muted); font-size: 12px; line-height: 1.7; }

/* 页脚与底部导航 */
.simple-footer { padding: 35px 14px 24px; color: #98a2b3; text-align: center; font-size: 11px; line-height: 1.9; }
.bottom-nav { display: none; }

@media (max-width: 1050px) {
  .page-content, .home-header-inner, .sub-header-inner { width: min(100% - 28px, 920px); }
  .home-header-inner { grid-template-columns: 230px 1fr; }
  .promo-scroll { grid-template-columns: 1fr 1fr; }
  .promo-banner:last-child { grid-column: 1 / -1; }
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .detail-layout { grid-template-columns: 1fr 1fr; }
  .detail-media { min-height: 480px; padding: 35px; }
  .feature-grid, .advantage-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  body { background: #f4f7fb; }
  .app-shell { padding-bottom: 76px; overflow: hidden; }
  .page-content, .home-header-inner, .sub-header-inner { width: 100%; }
  .page-content { padding-bottom: 12px; }
  .home-header { position: relative; background: linear-gradient(135deg, #0b62cf, #35a8f8); }
  .home-header-inner { display: block; padding: 14px 14px 0; }
  .app-logo { width: 40px; height: 40px; border-radius: 13px; }
  .app-brand b { font-size: 18px; }
  .app-brand small { font-size: 10px; }
  .header-user { width: 39px; height: 39px; }
  .home-search { height: 43px; margin-top: 12px; border-radius: 13px; box-shadow: 0 6px 18px rgba(0,0,0,.10); }
  .home-search button { padding: 8px 13px; }
  .home-tabs { margin: 10px -14px 0; padding: 0 14px; }
  .home-tabs a { padding: 10px 13px 12px; font-size: 13px; }
  .sub-header-inner { height: 58px; grid-template-columns: 44px 1fr 44px; padding: 0 7px; }
  .sub-header h1 { font-size: 16px; }
  .flash { margin: 12px 14px 0; padding: 12px 14px; font-size: 13px; }
  .container { width: 100%; padding: 14px; }
  .panel { padding: 18px; border-radius: 18px; }
  .quota-hero { min-height: 218px; margin: 0; padding: 28px 20px 22px; border-radius: 0; }
  .quota-hero::after { right: -6px; bottom: -45px; width: 145px; height: 215px; }
  .quota-kicker { font-size: 12px; }
  .quota-value { font-size: 44px; letter-spacing: -1.2px; }
  .quota-value small { font-size: 14px; }
  .quota-sub { max-width: 72%; font-size: 10px; line-height: 1.65; }
  .quota-actions { margin-top: 17px; }
  .quota-actions a { min-width: 100px; padding: 8px 12px; border-radius: 999px; font-size: 11px; }
  .home-card { margin: 12px 12px 0; border-radius: 17px; }
  .notice-strip { min-height: 36px; margin: 0 10px 10px; padding: 8px 10px; border-radius: 10px; font-size: 10px; }
  .promo-scroll { display: flex; gap: 10px; overflow-x: auto; margin-top: 12px; padding: 0 12px 2px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .promo-scroll::-webkit-scrollbar { display: none; }
  .promo-banner { flex: 0 0 90%; min-height: 138px; padding: 20px; border-radius: 16px; scroll-snap-align: start; }
  .promo-banner:last-child { grid-column: auto; }
  .promo-banner b { font-size: 20px; }
  .promo-banner p { margin: 6px 0 11px; font-size: 10px; }
  .promo-banner img { width: 135px; height: 155px; }
  .service-grid { grid-template-columns: repeat(4, 1fr); padding: 12px 6px; }
  .service-item { flex-direction: column; gap: 5px; font-size: 10px; }
  .service-item i { width: 34px; height: 34px; border-radius: 12px; }
  .home-section { padding: 17px 12px 0; }
  .section-head { margin-bottom: 11px; }
  .section-head h2 { font-size: 19px; }
  .section-head p, .section-more { font-size: 11px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .product-card { border-radius: 15px; }
  .product-media { height: 154px; padding: 15px; }
  .product-body { padding: 11px; }
  .product-card h3 { min-height: 38px; font-size: 13px; }
  .price { margin: 8px 0 9px; }
  .price strong { font-size: 18px; }
  .product-card .btn { min-height: 36px; padding: 7px 8px; border-radius: 9px; font-size: 11px; }
  .detail-layout { display: block; padding: 0; }
  .detail-media, .detail-panel { border-radius: 0; border-left: 0; border-right: 0; box-shadow: none; }
  .detail-media { min-height: 330px; padding: 28px; }
  .detail-media img { max-height: 285px; }
  .detail-panel { padding: 20px 16px; }
  .detail-panel h1 { font-size: 24px; }
  .detail-price strong { font-size: 29px; }
  .options { grid-template-columns: 1fr 1fr; gap: 8px; }
  .option label { min-height: 58px; padding: 9px 10px; }
  .sticky-action { position: sticky; bottom: 68px; z-index: 20; margin: 18px -16px -20px; padding: 10px 13px; border-top: 1px solid #e3e9f0; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
  .feature-grid { grid-template-columns: 1fr 1fr; gap: 9px; padding: 12px; }
  .feature { padding: 15px; border-radius: 14px; }
  .feature h4 { margin: 10px 0 5px; font-size: 13px; }
  .feature p { font-size: 10px; }
  .auth-wrap { width: 100%; padding: 17px 14px 6px; }
  .onboarding-brand { padding-bottom: 17px; }
  .onboarding-logo { width: 62px; height: 62px; border-radius: 20px; }
  .onboarding-brand h1 { font-size: 25px; }
  .onboarding-brand p { font-size: 11px; }
  .onboarding-steps { margin-bottom: 18px; }
  .onboarding-steps::before { top: 16px; }
  .onboarding-steps > div { font-size: 10px; }
  .onboarding-steps i { width: 32px; height: 32px; border-width: 4px; }
  .verify-title h1 { font-size: 23px; }
  .verify-panel { padding: 17px; }
  .upload-card { min-height: 112px; padding: 12px; }
  .quota-result-card { padding: 29px 20px; border-radius: 21px; }
  .result-quota { font-size: 42px; }
  .result-status { font-size: 10px; }
  .quota-page-hero { margin: 0; padding: 29px 20px; border-radius: 0; }
  .quota-page-hero .number { font-size: 43px; }
  .quick-actions { gap: 8px; margin: 12px; }
  .quick-action { min-height: 65px; flex-direction: column; gap: 5px; font-size: 11px; }
  .quick-action i { width: 34px; height: 34px; }
  .advantage-card { margin: 0 12px; padding: 16px; border-radius: 17px; }
  .advantage-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .advantage-item { min-height: 56px; padding: 9px; font-size: 10px; }
  .menu-list { margin: 12px; border-radius: 16px; }
  .menu-item { min-height: 58px; padding: 0 14px; gap: 10px; }
  .menu-item i { width: 34px; height: 34px; }
  .menu-item b { font-size: 12px; }
  .menu-item span { font-size: 10px; }
  .profile-head { margin: 0; padding: 29px 20px 26px; border-radius: 0; }
  .profile-avatar { width: 58px; height: 58px; }
  .profile-user b { font-size: 18px; }
  .profile-stats { margin-top: 23px; padding-top: 18px; }
  .profile-stats strong { font-size: 20px; }
  .profile-quota-card { margin: -13px 12px 12px; padding: 16px; border-radius: 16px; }
  .profile-quota-card strong { font-size: 25px; }
  .order-tabs { top: 58px; margin: 0; padding: 10px 12px; }
  .order-list { padding: 0 12px; }
  .order-card { border-radius: 16px; }
  .order-card-head { padding: 12px 14px; }
  .order-main { grid-template-columns: 82px 1fr; gap: 12px; padding: 14px; }
  .order-thumb { width: 82px; height: 82px; border-radius: 13px; }
  .order-title { margin-top: 1px; font-size: 13px; }
  .order-desc { font-size: 10px; }
  .order-bottom { padding: 11px 14px 13px; }
  .simple-footer { padding: 25px 14px 13px; }
  .bottom-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; height: 69px; padding-bottom: env(safe-area-inset-bottom); display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #e1e8f0; background: rgba(255,255,255,.97); box-shadow: 0 -6px 22px rgba(25,70,115,.08); backdrop-filter: blur(15px); }
  .bottom-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #98a2b3; text-decoration: none; font-size: 10px; }
  .bottom-nav a.active { color: var(--brand); }
}

@media (max-width: 380px) {
  .product-media { height: 140px; }
  .captcha-image-btn { width: 105px; min-width: 105px; }
  .sms-send-btn { min-width: 98px; }
  .upload-grid { grid-template-columns: 1fr; }
  .result-quota { font-size: 37px; }
}

/* 紧急联系人、审核后还款计划 */
.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin:22px 0 10px}.section-title-row b{display:block;font-size:15px}.section-title-row span{display:block;margin-top:4px;color:#7c8797;font-size:11px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-card{padding:15px;border:1px solid #e3e9f1;border-radius:16px;background:linear-gradient(180deg,#fff,#f9fbfd)}.contact-card-title{margin-bottom:12px;font-size:13px;font-weight:800;color:#1d2939}.contact-card .field:last-child{margin-bottom:0}.contact-summary-card{margin:16px 0;padding:14px 15px;border:1px solid #e5eaf1;border-radius:15px;background:#fbfcfe}.contact-summary-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.contact-summary-title b{font-size:13px}.contact-summary-title span{font-size:10px;color:#7d8795}.contact-summary-card>div:not(.contact-summary-title){display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px dashed #e6eaf0;font-size:11px}.contact-summary-card>div:not(.contact-summary-title) span{color:#7d8795}.contact-summary-card>div:not(.contact-summary-title) b{text-align:right;font-size:11px}.plan-disclosure{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:9px 0 10px;padding:11px 13px;border:1px solid #dbe7f8;border-radius:13px;background:#f6f9fe;font-size:11px;color:#667085}.plan-disclosure b{color:#1d2939;white-space:nowrap}.contract-box{margin-top:18px}.contract-box>p{margin:9px 0 13px}.readonly-input{display:flex;align-items:center;min-height:42px;background:#f7f8fa;color:#344054}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:13px}.plan-disclosure{align-items:flex-start;flex-direction:column}.plan-disclosure b{white-space:normal}.contact-summary-card>div:not(.contact-summary-title){flex-direction:column;gap:4px}.contact-summary-card>div:not(.contact-summary-title) b{text-align:left}}

/* 省市地址与支付宝签约费支付 */
.address-select-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.address-select-grid .field{margin-bottom:0}.compact-summary .summary-row:last-child{border-bottom:0}.payment-card{margin-top:18px;padding:18px;border:1px solid #dbe9ff;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#fff)}.payment-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.payment-card-head b{display:block;font-size:16px;color:#172033}.payment-card-head span{display:block;margin-top:5px;font-size:12px;color:#738096}.payment-card-head strong{font-size:23px;color:#1677ff;white-space:nowrap}.btn-alipay{background:#1677ff;color:#fff;gap:7px}.btn-alipay:hover{background:#0f69e8}.status.pending_notary_payment,.badge.pending_notary_payment{color:#8a4b08;background:#fff4df}
@media(max-width:680px){.address-select-grid{grid-template-columns:1fr 1fr}.address-select-grid .field:last-child{grid-column:1/-1}.payment-card{padding:15px}.payment-card-head strong{font-size:20px}}

/* 授信额度与额度明细 */
.credit-positive{color:#039855!important}.credit-negative,.credit-minus{color:#d92d20!important}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.55;filter:grayscale(.12);box-shadow:none!important}
.credit-availability-strip{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:14px 0;border:1px solid #dce6f2;border-radius:16px;overflow:hidden;background:#dce6f2}.credit-availability-strip>div{padding:13px 15px;background:#f8fbff}.credit-availability-strip span{display:block;color:#738096;font-size:11px}.credit-availability-strip b{display:block;margin-top:5px;color:#172033;font-size:17px}.credit-availability-strip.insufficient{border-color:#ffd7d2;background:#ffd7d2}.credit-availability-strip.insufficient>div{background:#fff8f7}.credit-availability-strip.insufficient>div:last-child b{color:#d92d20}
.credit-hero{margin:0 0 14px;padding:29px 28px;border-radius:24px;color:#fff;background:radial-gradient(circle at 88% 15%,rgba(77,190,255,.35),transparent 31%),linear-gradient(145deg,#123b78,#116be8 58%,#3ca8ff);box-shadow:0 20px 50px rgba(18,91,188,.2)}.credit-hero-label{font-size:13px;color:rgba(255,255,255,.76)}.credit-hero-value{margin-top:7px;font-size:48px;font-weight:900;letter-spacing:-2px}.credit-hero-value small{margin-left:5px;font-size:14px;font-weight:600;letter-spacing:0}.credit-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.credit-hero-grid>div{padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.09);backdrop-filter:blur(7px)}.credit-hero-grid span{display:block;font-size:11px;color:rgba(255,255,255,.72)}.credit-hero-grid b{display:block;margin-top:5px;font-size:18px}.credit-hero p{max-width:760px;margin:18px 0 0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.8}
.credit-rule-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;padding:16px;border:1px solid #e5ecf4;border-radius:18px;background:#fff}.credit-rule-card>div{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;background:#f7faff;color:#667085;font-size:11px;line-height:1.65}.credit-rule-card i{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#176be6;background:#eaf3ff}.credit-rule-card b{display:block;color:#1d2939;font-size:12px}
.credit-detail-section{padding:21px}.credit-ledger-list{display:grid;gap:9px}.credit-ledger-item{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px;border:1px solid #e6ebf1;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfcfe)}.credit-ledger-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;font-size:23px;font-weight:800}.credit-ledger-icon.plus{color:#028a4b;background:#eafaf2}.credit-ledger-icon.minus{color:#c43224;background:#fff0ee}.credit-ledger-main{min-width:0}.credit-ledger-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.credit-ledger-title b{font-size:13px}.credit-ledger-title strong{font-size:16px;white-space:nowrap}.credit-ledger-main p{margin:5px 0 0;color:#667085;font-size:11px;line-height:1.55}.credit-ledger-main>a{display:inline-block;margin-top:6px;color:#176be6;text-decoration:none;font-size:10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-ledger-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#98a2b3;font-size:10px}.credit-order-link{display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0;padding:11px 13px;border:1px solid #dbe7f5;border-radius:13px;color:#176be6;background:#f7faff;text-decoration:none;font-size:12px;font-weight:700}
@media(max-width:760px){.credit-availability-strip{grid-template-columns:1fr 1fr}.credit-hero{margin:0;padding:27px 20px;border-radius:0}.credit-hero-value{font-size:42px}.credit-hero-grid{margin-top:16px}.credit-hero-grid b{font-size:15px}.credit-rule-card{grid-template-columns:1fr;margin:12px}.credit-detail-section{margin:0 12px;padding:16px;border-radius:17px}.credit-ledger-item{grid-template-columns:38px 1fr;padding:12px}.credit-ledger-icon{width:38px;height:38px;border-radius:12px;font-size:20px}.credit-ledger-title strong{font-size:14px}.credit-ledger-meta{align-items:flex-start;flex-direction:column;gap:3px}.bill-table{min-width:720px}}


/* 常用收货地址与紧急联系人 */
.saved-order-profile{margin:18px 0 8px;padding:16px;border:1px solid #cfe0f7;border-radius:18px;background:linear-gradient(145deg,#f5f9ff,#fff);box-shadow:0 9px 24px rgba(31,111,235,.07)}
.saved-order-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.saved-order-profile-check{display:flex;align-items:flex-start;gap:11px;cursor:pointer;flex:1;min-width:0}
.saved-order-profile-check input{width:19px;height:19px;margin:2px 0 0;accent-color:#1677ff;flex:0 0 auto}
.saved-order-profile-copy{min-width:0}.saved-order-profile-copy b{display:block;font-size:15px;color:#172033}.saved-order-profile-copy>span{display:block;margin-top:4px;color:#667085;font-size:11px;line-height:1.55}
.saved-order-profile-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin-top:14px;padding-top:13px;border-top:1px dashed #d8e2ef}
.saved-order-profile-summary div{min-width:0}.saved-order-profile-summary span{display:block;color:#8993a3;font-size:10px}.saved-order-profile-summary b{display:block;margin-top:3px;color:#344054;font-size:11px;line-height:1.55;word-break:break-all}
.saved-profile-edit{border:0;background:#eaf3ff;color:#1677ff;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.saved-profile-edit:hover{background:#dcecff}.order-profile-fields{margin-top:13px}.order-profile-fields.is-hidden{display:none}
.auto-save-tip{display:flex;align-items:flex-start;gap:8px;margin:12px 0 5px;padding:11px 13px;border-radius:13px;background:#f3f8ff;color:#57708f;font-size:11px;line-height:1.6}.auto-save-tip svg{flex:0 0 auto;color:#1677ff;margin-top:1px}
@media(max-width:680px){.saved-order-profile{padding:14px}.saved-order-profile-head{gap:9px}.saved-order-profile-summary{grid-template-columns:1fr}.saved-profile-edit{padding:7px 9px}.saved-order-profile-copy b{font-size:14px}}

/* ===== 汇成优选运营版视觉升级 ===== */
:root{
  --brand:#1769e0;
  --brand-2:#6bc8ff;
  --brand-dark:#0b2f69;
  --page:#f3f6fa;
  --shadow-soft:0 10px 32px rgba(15,43,78,.07);
}
.home-header{
  background:linear-gradient(118deg,rgba(8,46,101,.97),rgba(14,96,194,.96) 64%,rgba(41,151,229,.94));
  box-shadow:0 8px 28px rgba(9,52,117,.17);
}
.app-logo{
  width:36px;height:36px;border-radius:11px;padding:0;overflow:hidden;
  background:transparent;border:0;box-shadow:0 6px 16px rgba(0,34,92,.18);
}
.app-logo img{display:block;width:100%;height:100%;object-fit:cover}
.app-brand{gap:9px}
.app-brand b{font-size:18px;font-weight:900;letter-spacing:.2px}
.app-brand small{margin-top:2px;font-size:10px;color:rgba(255,255,255,.72)}
.header-user{width:38px;height:38px;border-radius:12px}

.quota-hero{
  min-height:300px;display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:24px;
  padding:42px 46px;background:
    radial-gradient(circle at 78% 12%,rgba(102,203,255,.30),transparent 34%),
    linear-gradient(125deg,#082a60 0%,#0b57b8 52%,#179adf 100%);
}
.quota-hero::after{display:none}
.quota-hero::before{width:480px;height:480px;right:-180px;top:-240px;opacity:.62}
.quota-copy{position:relative;z-index:2;min-width:0}
.quota-visual{position:relative;z-index:2;display:flex;justify-content:flex-end}
.quota-device-card{
  width:318px;height:224px;position:relative;overflow:hidden;padding:17px 18px;border-radius:24px;
  border:1px solid rgba(255,255,255,.30);background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(236,246,255,.90));
  box-shadow:0 24px 54px rgba(4,31,77,.25);transform:rotate(-2deg);
}
.quota-device-card::after{content:"";position:absolute;width:160px;height:160px;right:-38px;top:-55px;border-radius:50%;background:rgba(65,175,255,.12)}
.quota-device-card span,.quota-device-card small{position:relative;z-index:2;display:block;color:#184a86;font-weight:850}
.quota-device-card span{font-size:12px;letter-spacing:.5px}
.quota-device-card small{position:absolute;left:18px;bottom:14px;font-size:10px;color:#6b7f99}
.quota-device-card img{position:absolute;z-index:1;right:-10px;bottom:10px;width:260px;height:178px;object-fit:contain}
.quota-value{font-size:clamp(46px,5.2vw,68px)}
.quota-sub{max-width:590px;line-height:1.75}

.promo-scroll{gap:14px}
.promo-banner{min-height:168px;padding:24px 25px;border-radius:20px;box-shadow:0 12px 34px rgba(16,49,86,.09)}
.promo-banner.blue{background:linear-gradient(135deg,#0b5fcc,#3baef3)}
.promo-banner.dark{background:linear-gradient(135deg,#172238,#355879)}
.promo-banner.gold{background:linear-gradient(135deg,#6f4a2c,#d2a76e)}
.promo-banner b{font-size:20px;letter-spacing:-.2px}
.promo-banner p{max-width:64%;font-size:11px;line-height:1.65}
.promo-banner img{right:-12px;bottom:-20px;width:154px;height:154px;object-fit:contain;filter:drop-shadow(0 14px 17px rgba(0,0,0,.18))}
.promo-banner.gold img{right:0;bottom:-14px;width:122px;height:148px}

.product-card{border-radius:19px;border-color:#e3e9f1;box-shadow:0 9px 28px rgba(18,45,79,.065)}
.product-media{height:230px;padding:24px;background:linear-gradient(155deg,#fff 0%,#f2f6fa 100%)}
.product-media img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(35,53,72,.10))}
.product-card:hover .product-media img{transform:scale(1.02)}
.product-badge{left:12px;top:12px;background:rgba(232,244,255,.92);backdrop-filter:blur(8px)}
.product-body{padding:15px 16px 17px}
.product-card h3{min-height:auto;margin-bottom:8px;font-size:16px}
.product-meta{margin-bottom:7px}
.price{margin:9px 0 12px}
.price strong{font-size:21px;color:#e04432}
.product-card .btn{min-height:41px;border-radius:11px;box-shadow:none}

.detail-media{background:linear-gradient(155deg,#fff,#f1f5f9)}
.detail-media img{max-width:82%;max-height:430px;filter:drop-shadow(0 18px 22px rgba(25,48,77,.12))}

@media(max-width:1050px){
  .quota-hero{grid-template-columns:minmax(0,1fr) 300px}
  .quota-device-card{width:286px;height:210px}
  .quota-device-card img{width:238px;height:166px}
}

@media(max-width:760px){
  .home-header{background:linear-gradient(135deg,#0a438f,#177bdb 68%,#39a9ea)}
  .home-header-inner{padding-top:12px}
  .app-logo{width:31px;height:31px;border-radius:9px}
  .app-brand{gap:8px}
  .app-brand b{font-size:16px}
  .app-brand small{font-size:9px}
  .header-user{width:35px;height:35px;border-radius:11px}
  .quota-hero{
    min-height:228px;grid-template-columns:minmax(0,1fr) 124px;gap:8px;padding:27px 14px 22px 18px;
    background:radial-gradient(circle at 95% 15%,rgba(100,205,255,.34),transparent 35%),linear-gradient(135deg,#082d66,#0a67cb 62%,#1da6e8)
  }
  .quota-copy{z-index:3}
  .quota-kicker{font-size:11px}
  .quota-value{font-size:39px;letter-spacing:-1px;white-space:nowrap}
  .quota-value small{font-size:12px}
  .quota-sub{max-width:100%;font-size:9px;line-height:1.55}
  .quota-actions{gap:8px;margin-top:14px}
  .quota-actions a{min-width:86px;padding:8px 10px;font-size:10px}
  .quota-visual{align-self:end}
  .quota-device-card{width:124px;height:128px;padding:10px;border-radius:18px;transform:rotate(-1deg);box-shadow:0 15px 32px rgba(2,28,70,.25)}
  .quota-device-card span{font-size:8px}
  .quota-device-card small{display:none}
  .quota-device-card img{right:-17px;bottom:6px;width:142px;height:98px}
  .promo-banner{flex-basis:86%;min-height:132px;padding:18px;border-radius:15px}
  .promo-banner b{font-size:18px}
  .promo-banner p{max-width:62%;font-size:9px;line-height:1.55}
  .promo-banner img{right:-15px;bottom:-12px;width:125px;height:125px}
  .promo-banner.gold img{width:94px;height:120px}
  .service-grid{padding:11px 4px}
  .product-media{height:146px;padding:12px}
  .product-media img{width:76%;height:76%}
  .product-body{padding:10px 11px 12px}
  .product-card h3{font-size:12.5px;min-height:36px;margin-bottom:0}
  .price strong{font-size:17px}
  .detail-media{min-height:300px;padding:24px}
  .detail-media img{max-width:78%;max-height:250px}
}

@media(max-width:380px){
  .quota-hero{grid-template-columns:minmax(0,1fr) 105px;padding-left:15px}
  .quota-value{font-size:35px}
  .quota-device-card{width:105px;height:118px}
  .quota-device-card img{width:126px;height:90px}
  .product-media{height:134px}
}

/* 提前结清 */
.settlement-card{margin-top:20px;padding:18px;border:1px solid #dce6f4;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 34px rgba(30,78,138,.08)}
.settlement-card.pending{background:linear-gradient(180deg,#fffaf1,#fff)}
.settlement-card.completed{background:linear-gradient(180deg,#f1fff8,#fff)}
.settlement-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.settlement-card-head>div{display:grid;gap:5px}.settlement-card-head b{font-size:17px;color:#172033}.settlement-card-head span{font-size:13px;color:#718096}.settlement-card-head strong{font-size:18px;color:#0d63d8;white-space:nowrap}
.settlement-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.settlement-option{position:relative;display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #d9e2ef;border-radius:15px;background:#fff;cursor:pointer;transition:.2s}.settlement-option.is-selected{border-color:#1677ff;background:#f0f7ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}.settlement-option input{width:18px;height:18px;accent-color:#1677ff}.settlement-option span{display:grid;gap:4px}.settlement-option b{font-size:14px}.settlement-option small{font-size:12px;color:#7c8798}
.money-input{position:relative}.money-input>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-weight:700;color:#4b5563;z-index:1}.money-input .input{padding-left:34px}
.settlement-history{margin-top:18px;border-top:1px solid #edf1f6;padding-top:16px}.settlement-history h3{font-size:15px;margin:0 0 10px}.settlement-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f5}.settlement-history-row>div{display:grid;gap:4px}.settlement-history-row b{font-size:14px}.settlement-history-row span{font-size:12px;color:#8a94a3}.settlement-history-row strong{font-size:14px;color:#172033}
@media(max-width:640px){.settlement-options{grid-template-columns:1fr}.settlement-card{padding:15px;border-radius:17px}.settlement-card-head{align-items:center}.settlement-card-head strong{font-size:16px}}

/* 运营稳定版：待办、进度与自助操作 */
.home-action-card{margin:12px 12px 0;background:#fff;border:1px solid #e7edf6;border-radius:22px;padding:14px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;box-shadow:0 10px 30px rgba(24,71,128,.07)}
.home-action-media{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#f6f9fd,#eef3f9);display:grid;place-items:center;overflow:hidden}.home-action-media img{width:82%;height:82%;object-fit:contain}.home-action-main{min-width:0}.home-action-main>span{display:block;color:#1677e8;font-size:11px;font-weight:800}.home-action-main>b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.home-action-main>p{font-size:11px;color:#778399;margin:4px 0 7px}.home-action-card>a{white-space:nowrap;border-radius:999px;background:#eef6ff;color:#126bd4;padding:9px 12px;font-size:11px;font-weight:800}.home-action-progress{height:5px;background:#edf1f6;border-radius:999px;overflow:hidden}.home-action-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2c8cff,#20b8ee)}
.order-next-card{margin:14px 0;background:linear-gradient(145deg,#f8fbff,#f1f7ff);border:1px solid #dfeafb;border-radius:18px;padding:14px}.order-next-top,.order-next-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-next-top span{display:block;font-size:11px;color:#7c8799}.order-next-top b{display:block;font-size:15px;margin-top:2px}.order-next-top>strong{color:#1677e8;font-size:18px}.order-progress{height:7px;background:#e7edf5;border-radius:999px;overflow:hidden;margin:11px 0}.order-progress i{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#1d75e8,#2ab3f2)}.order-next-bottom span{color:#6b778b;font-size:11px}.order-next-bottom a{white-space:nowrap;color:#126bd4;font-size:12px;font-weight:800}.order-next-card.tone-danger{background:#fff7f6;border-color:#ffd9d5}.order-next-card.tone-danger .order-next-top>strong,.order-next-card.tone-danger .order-next-bottom a{color:#d92d20}.order-next-card.tone-success{background:#f2fbf7;border-color:#cdeedc}.order-next-card.tone-success .order-next-top>strong,.order-next-card.tone-success .order-next-bottom a{color:#07884a}
.order-card-progress{display:flex;align-items:center;gap:8px;padding:0 14px 8px}.order-card-progress>span{height:5px;flex:1;background:#edf1f6;border-radius:999px;overflow:hidden}.order-card-progress i{display:block;height:100%;background:linear-gradient(90deg,#2a7ce8,#28b2ef);border-radius:999px}.order-card-progress b{font-size:10px;color:#7a8799}.order-next-line{padding:0 14px 8px;font-size:11px;color:#6f7c90}
.receipt-confirm-card{margin-top:14px;background:linear-gradient(145deg,#eff7ff,#fff);border:1px solid #dbe9fb;border-radius:18px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.receipt-confirm-card b{display:block;font-size:14px}.receipt-confirm-card span{display:block;font-size:11px;color:#748095;margin-top:4px}.receipt-confirm-card form{margin:0}.receipt-confirm-card .btn{white-space:nowrap;padding:10px 14px}.inline-danger-action{margin-top:10px}
.order-event-card{margin-top:18px;border-top:1px solid #edf0f5;padding-top:16px}.order-event-card h3{font-size:14px;margin:0 0 12px}.order-event-row{display:grid;grid-template-columns:10px 1fr;gap:10px;position:relative;padding:0 0 14px}.order-event-row:after{content:"";position:absolute;left:4px;top:11px;bottom:-1px;width:1px;background:#dde6f1}.order-event-row:last-child:after{display:none}.order-event-row>i{width:9px;height:9px;border-radius:50%;background:#2a86ed;margin-top:4px;z-index:1}.order-event-row b{display:block;font-size:12px}.order-event-row span{display:block;color:#6e7a8d;font-size:11px;margin-top:3px}.order-event-row small{display:block;color:#9aa4b2;font-size:10px;margin-top:4px}
@media(max-width:480px){.home-action-card{grid-template-columns:52px minmax(0,1fr);padding:12px}.home-action-card>a{grid-column:1/-1;text-align:center}.home-action-media{width:52px;height:52px}.receipt-confirm-card{align-items:flex-start;flex-direction:column}.receipt-confirm-card form,.receipt-confirm-card .btn{width:100%}.order-next-bottom{align-items:flex-start;flex-direction:column}.order-next-bottom a{align-self:flex-end}}
.profile-action-card{margin:12px;background:#fff;border:1px solid #e3ebf6;border-radius:18px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 8px 22px rgba(26,64,117,.05)}.profile-action-card span{display:block;font-size:11px;color:#1677e8;font-weight:800}.profile-action-card b{display:block;font-size:12px;margin-top:4px;color:#455266}.profile-action-card a{white-space:nowrap;padding:9px 12px;border-radius:999px;background:#eef6ff;color:#126bd4;font-size:11px;font-weight:800}

/* 支付宝收款码与付款凭证 */
.payment-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qr-setting-preview{display:flex;align-items:center;gap:18px;padding:16px;margin:4px 0 16px;border:1px solid #dfe7f2;border-radius:18px;background:#f8fbff}
.qr-setting-preview img{width:150px;height:150px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid #e7ebf1;padding:8px}
.qr-setting-preview>div{display:grid;gap:8px}.qr-setting-preview b{font-size:15px}.qr-setting-preview span,.qr-setting-preview label{font-size:12px;color:#6f7b8e}
.qr-payment-panel{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:center;margin:16px 0;padding:18px;border:1px solid #dce8f7;border-radius:20px;background:linear-gradient(145deg,#f8fbff,#fff)}
.qr-payment-code{text-align:center}.qr-payment-code img{display:block;width:200px;height:200px;object-fit:contain;margin:0 auto 9px;border-radius:16px;background:#fff;border:1px solid #e7ecf3;padding:8px;box-shadow:0 10px 28px rgba(23,75,138,.08)}.qr-payment-code span{font-size:12px;color:#69778c}
.qr-payment-info{display:grid;gap:10px}.qr-payment-info>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #edf1f6}.qr-payment-info span{font-size:12px;color:#758197}.qr-payment-info b{font-size:14px;text-align:right;word-break:break-all}.qr-payment-info p{margin:2px 0 0;font-size:12px;color:#5f6e83;line-height:1.8}
.qr-proof-form{margin-top:16px;padding-top:16px;border-top:1px solid #e9eef5}.payment-proof-status{display:grid;gap:5px;margin-top:14px;padding:14px;border-radius:15px}.payment-proof-status b{font-size:14px}.payment-proof-status span{font-size:12px;line-height:1.6}.payment-proof-status.pending{background:#fff8e8;color:#8b5a00;border:1px solid #ffe0a3}.payment-proof-status.rejected{background:#fff3f2;color:#b42318;border:1px solid #ffd5d1}
.manual-proof-admin{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:14px;border:1px solid #e1e8f1;border-radius:15px;background:#f8fbff}.manual-proof-admin>div{display:grid;gap:4px}.manual-proof-admin b{font-size:14px}.manual-proof-admin span{font-size:12px;color:#728096}
@media(max-width:760px){.payment-mode-options{grid-template-columns:1fr}.qr-setting-preview{align-items:flex-start;flex-direction:column}.qr-setting-preview img{width:130px;height:130px}.qr-payment-panel{grid-template-columns:1fr;padding:15px}.qr-payment-code img{width:min(68vw,220px);height:min(68vw,220px)}.manual-proof-admin{align-items:flex-start;flex-direction:column}.manual-proof-admin .btn{width:100%;text-align:center}}

/* ===== 后台一键换肤：用户端多皮肤变量 ===== */
.front-page.skin-business_blue {
  --brand: #1268e8; --brand-2: #4ab8ff; --brand-dark: #0b3f99;
  --ink: #101828; --ink-2: #344054; --muted: #667085;
  --line: #e4eaf2; --line-strong: #d0d8e5; --surface: #ffffff; --surface-2: #f7f9fc; --page: #eef3f9;
}
.front-page.skin-dark_tech {
  --brand: #f5c16c; --brand-2: #4f8cff; --brand-dark: #d9942e;
  --ink: #f8fafc; --ink-2: #d9e5f3; --muted: #93a4b8;
  --line: #24324a; --line-strong: #34445f; --surface: #111827; --surface-2: #172033; --page: #07101f;
  background: radial-gradient(circle at 15% 0%, rgba(69,109,255,.22), transparent 32%), radial-gradient(circle at 85% 8%, rgba(245,193,108,.18), transparent 30%), #07101f;
}
.front-page.skin-dark_tech .app-shell,
.front-page.skin-dark_tech .page-content { background: transparent; }
.front-page.skin-dark_tech .home-header { background: rgba(7,16,31,.72); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.08); }
.front-page.skin-dark_tech .app-brand,
.front-page.skin-dark_tech .sub-header h1,
.front-page.skin-dark_tech .bottom-nav a.active,
.front-page.skin-dark_tech .section-head h2,
.front-page.skin-dark_tech .product-card h3,
.front-page.skin-dark_tech .detail-panel h1 { color: #f8fafc; }
.front-page.skin-dark_tech .home-search,
.front-page.skin-dark_tech .sub-header,
.front-page.skin-dark_tech .bottom-nav,
.front-page.skin-dark_tech .input,
.front-page.skin-dark_tech .select,
.front-page.skin-dark_tech .textarea { background: rgba(17,24,39,.88); color: #f8fafc; border-color: rgba(255,255,255,.10); }
.front-page.skin-dark_tech .panel,
.front-page.skin-dark_tech .home-card,
.front-page.skin-dark_tech .advantage-card,
.front-page.skin-dark_tech .menu-list,
.front-page.skin-dark_tech .order-card,
.front-page.skin-dark_tech .empty-state,
.front-page.skin-dark_tech .product-card,
.front-page.skin-dark_tech .detail-media,
.front-page.skin-dark_tech .detail-panel,
.front-page.skin-dark_tech .summary-box { background: rgba(17,24,39,.92); border-color: rgba(255,255,255,.10); box-shadow: 0 20px 65px rgba(0,0,0,.35); }
.front-page.skin-dark_tech .quota-hero { background: linear-gradient(135deg,#0b1020 0%,#172554 52%,#8a5a20 100%); box-shadow: 0 24px 70px rgba(0,0,0,.38); }
.front-page.skin-dark_tech .product-media,
.front-page.skin-dark_tech .detail-media { background: radial-gradient(circle at center, #26344a, #101827 72%); }
.front-page.skin-dark_tech .btn-blue { color: #0b1020; background: linear-gradient(135deg,#ffe0a3,#f2a83d); box-shadow: 0 12px 30px rgba(245,193,108,.22); }
.front-page.skin-dark_tech .btn-light,
.front-page.skin-dark_tech .tag,
.front-page.skin-dark_tech .safe-tip,
.front-page.skin-dark_tech .notice-strip { background: rgba(255,255,255,.07); color: #d9e5f3; border-color: rgba(255,255,255,.10); }
.front-page.skin-dark_tech .simple-footer { color: #91a3b8; }

.front-page.skin-champagne_gold {
  --brand: #b88235; --brand-2: #f2ca82; --brand-dark: #7d4f1f;
  --ink: #261b10; --ink-2: #4d3825; --muted: #8a755d;
  --line: #eadcc8; --line-strong: #dfc6a6; --surface: #fffdf8; --surface-2: #fff6e6; --page: #f7efe4;
  background: linear-gradient(180deg,#fffaf1,#f6ead9);
}
.front-page.skin-champagne_gold .home-header { background: rgba(255,250,241,.86); backdrop-filter: blur(16px); border-bottom: 1px solid #eadcc8; }
.front-page.skin-champagne_gold .quota-hero { background: linear-gradient(135deg,#6b3e16,#b88235 55%,#f1ce89); box-shadow: 0 24px 60px rgba(128,82,31,.22); }
.front-page.skin-champagne_gold .btn-blue { background: linear-gradient(135deg,#c68d3a,#7d4f1f); box-shadow: 0 9px 22px rgba(184,130,53,.24); }
.front-page.skin-champagne_gold .product-badge,
.front-page.skin-champagne_gold .service-item i,
.front-page.skin-champagne_gold .tag { color:#7d4f1f; background:#fff1d6; }
.front-page.skin-champagne_gold .product-media,
.front-page.skin-champagne_gold .detail-media { background: linear-gradient(145deg,#fffdf8,#f6ead9); }

.front-page.skin-emerald_fresh {
  --brand: #0f9f72; --brand-2: #59d7b3; --brand-dark: #06744f;
  --ink: #0f1f1a; --ink-2: #24443a; --muted: #5d7c72;
  --line: #d5ede6; --line-strong: #b9ded4; --surface: #ffffff; --surface-2: #f3fffb; --page: #edf8f4;
  background: linear-gradient(180deg,#f3fffb,#edf8f4);
}
.front-page.skin-emerald_fresh .quota-hero { background: linear-gradient(135deg,#064d39,#0f9f72 56%,#78e6c6); box-shadow: 0 24px 60px rgba(15,159,114,.20); }
.front-page.skin-emerald_fresh .btn-blue { background: linear-gradient(135deg,#12b981,#047857); box-shadow: 0 9px 22px rgba(15,159,114,.22); }
.front-page.skin-emerald_fresh .product-badge,
.front-page.skin-emerald_fresh .service-item i,
.front-page.skin-emerald_fresh .tag { color:#047857; background:#e7fbf4; }
.front-page.skin-emerald_fresh .home-search input:focus,
.front-page.skin-emerald_fresh .input:focus,
.front-page.skin-emerald_fresh .select:focus,
.front-page.skin-emerald_fresh .textarea:focus { border-color: #0f9f72; box-shadow: 0 0 0 4px rgba(15,159,114,.10); }

.front-page.skin-minimal_white {
  --brand: #111827; --brand-2: #64748b; --brand-dark: #000000;
  --ink: #111827; --ink-2: #374151; --muted: #6b7280;
  --line: #e5e7eb; --line-strong: #d1d5db; --surface: #ffffff; --surface-2: #f9fafb; --page: #ffffff;
  background: #fff;
}
.front-page.skin-minimal_white .home-header { background: rgba(255,255,255,.92); backdrop-filter: blur(16px); border-bottom: 1px solid #e5e7eb; }
.front-page.skin-minimal_white .quota-hero { background: linear-gradient(135deg,#111827,#374151); box-shadow: 0 18px 50px rgba(17,24,39,.14); }
.front-page.skin-minimal_white .btn-blue { background: #111827; box-shadow: none; }
.front-page.skin-minimal_white .product-card,
.front-page.skin-minimal_white .panel,
.front-page.skin-minimal_white .home-card,
.front-page.skin-minimal_white .order-card { box-shadow: 0 10px 35px rgba(17,24,39,.06); }
.front-page.skin-minimal_white .product-media,
.front-page.skin-minimal_white .detail-media { background: #f9fafb; }