/* 客户端统一主题（门户地图、个人中心、签约页）：与合伙人端一致——白底、浅橙页头、#111/#333/#999 文字、
   橙色 #ff9500 强调、#f2f2f2 分隔线、8px #f7f7f7 分组条。三页最后加载。 */

/* ---------- 个人中心 account.html ---------- */
body.customer-mode{background:#fff;color:#333}
body.customer-mode main{padding:0 0 calc(80px + env(safe-area-inset-bottom))}
body.customer-mode .client-hero{margin:0;padding:12px 16px 16px;background:linear-gradient(180deg,#fff3e2 0,#fff8ef 65%,#fff 100%);color:#222}
body.customer-mode .client-hero h1{margin:0 0 14px;color:#111;font-size:18px;font-weight:500;line-height:25px}
body.customer-mode .identity-row{gap:12px;min-height:64px}
body.customer-mode .client-hero .avatar{width:60px;height:60px;border:2px solid #fff;background:#fff;box-shadow:0 3px 10px #ff95002e;font-size:32px}
body.customer-mode .identity-copy strong{color:#111;font-size:18px;font-weight:600}
body.customer-mode .identity-copy span{color:#999;font-size:12px}
body.customer-mode .checkin{border:1px solid #ffd27a;background:#fff;color:#e08600;font-size:12px}
body.customer-mode .mine-stats{margin-top:14px;padding:10px 0;border:1px solid #ffeccf;border-radius:12px;background:#fff}
body.customer-mode .mine-stats button+button{border-left:1px solid #ffeccf}
body.customer-mode .mine-stats strong{color:#222;font-size:20px;font-weight:700}
body.customer-mode .mine-stats span{color:#999}
body.customer-mode .client-benefits{margin:0 16px 14px;padding:10px 12px;border:1px solid #ffeccf;border-radius:12px;background:#fff8ee;color:#222}
body.customer-mode .benefit-mark{border-radius:8px;background:#ff9500;color:#fff}
body.customer-mode .benefit-copy strong{color:#222;font-size:14px}
body.customer-mode .benefit-copy small{color:#999}
body.customer-mode .client-benefits button{align-self:center;height:30px;padding:0 12px;border:1px solid #ffd27a;border-radius:15px;background:#fff;color:#e08600;font-size:12px;line-height:28px;white-space:nowrap}
body.customer-mode .client-panel,body.customer-mode .client-panel:first-of-type{margin:0;padding:16px 16px 10px;border-top:8px solid #f7f7f7;border-radius:0;background:#fff}
body.customer-mode .client-panel h2{color:#222;font-size:15px;font-weight:600}
body.customer-mode .panel-heading button{color:#ff9500}
body.customer-mode .order-actions{margin-top:14px}
body.customer-mode .order-actions button{gap:7px;color:#333;font-size:13px}
body.customer-mode .order-actions button span{width:40px;height:40px;border-radius:12px;background:#fff6e9;color:#e08600;font-size:20px}
body.customer-mode .order-actions button:first-child span{background:#ff9500;color:#fff}
body.customer-mode .client-actions button{min-height:50px;padding:0;border-bottom:1px solid #f2f2f2;color:#333;font-size:14px}
body.customer-mode .client-actions .row-icon{color:#ff9500;font-size:20px}
body.customer-mode .row-arrow{color:#ccc;font-size:20px}
body.customer-mode #mine-detail{padding:0 16px}
body.customer-mode .detail-top{height:45px;margin:0 -16px 8px;background:#fff}
body.customer-mode .detail-top button{top:0;height:45px;color:#333;font-size:28px}
body.customer-mode .detail-top h1{color:#111;font-size:18px;font-weight:500}
body.customer-mode .detail-card{margin:32px 0 0;padding:0 8px;border-radius:0;background:none;text-align:center}
body.customer-mode .detail-card h2{color:#333;font-size:15px;font-weight:600}
body.customer-mode .detail-card .detail-value{color:#ff4b33}
body.customer-mode .muted{color:#999;font-size:13px}
body.customer-mode .setting-row{border-bottom-color:#f2f2f2;text-align:left}
body.customer-mode .setting-row b{color:#999}
body.customer-mode .detail-link{display:block;width:100%;height:44px;margin-top:20px;padding:0;border:0;border-radius:22px;background:#ff9500;color:#fff;font-size:15px;font-weight:600;line-height:44px}
body.customer-mode .page-note{color:#bbb}

/* 底部导航：文字 + 图标（与地图首页同一组图标），选中与中间“回收”为橙色 */
body.customer-mode .bottom-nav{height:calc(62px + env(safe-area-inset-bottom));background:radial-gradient(circle 31px at 50% 6px,#fff 31px,#fff 31px);border-top:1px solid #f1f1f1}
body.customer-mode .bottom-nav a{flex-direction:column;gap:3px;color:#999;font-size:12px}
body.customer-mode .bottom-nav a:not(.recycle-nav)::before{content:"";width:24px;height:24px;background:currentColor;-webkit-mask:var(--nav-icon) center/contain no-repeat;mask:var(--nav-icon) center/contain no-repeat}
body.customer-mode #nav-home{--nav-icon:url(assets/nav-home.png)}
body.customer-mode #nav-quote{--nav-icon:url(assets/nav-quote.png)}
body.customer-mode #nav-appraisal{--nav-icon:url(assets/nav-appraisal.png)}
body.customer-mode #nav-mine{--nav-icon:url(assets/nav-mine.png)}
body.customer-mode .bottom-nav a[aria-current]{color:#ff9500}
body.customer-mode .bottom-nav .recycle-circle{top:-18px;background:#ff9500;box-shadow:0 0 0 5px #fff,0 4px 12px #ff950040;font-weight:600}

/* 合伙人登录视图（account.html#partner 会转到合伙人端，这里只保留按钮配色） */
.primary{background:#ff9500;color:#fff}
.secondary{background:#fff;border:1px solid #ffd27a;color:#e08600}

/* ---------- 门户地图 portal.html ---------- */
.map-nav{background:radial-gradient(circle 31px at 50% 6px,transparent 31px,#fff 31px);border-top:0}
.map-nav button{color:#999;font-size:12px}
.map-nav-icon{filter:grayscale(1) brightness(1.15)}
.map-nav [data-nav=home]{color:#ff9500}
.map-nav [data-nav=home] .map-nav-icon{filter:brightness(0) saturate(100%) invert(63%) sepia(84%) saturate(2300%) hue-rotate(1deg) brightness(102%) contrast(105%)}
.map-nav [data-nav=recycle]{background:#ff9500;box-shadow:0 4px 12px #ff950040;font-weight:600}
.resource-switch .active,.map-demo #kinds .active{color:#ff9500;background:#fff8ee}
.map-demo #kinds button{color:#333}
#source{color:#e08600}
.map-demo:has(#request[hidden]) header h1{color:#111}
.tabs .active{background:#fff8ee;color:#e08600}
#receipt{color:#e08600}
body:has(#home) button,body:has(#home) input,body:has(#home) select,body:has(#home) textarea{border-color:#eee}

/* 回收目录与申请表：品类选中、直达按钮改橙色 */
.recycle-catalog{--rc-red:#ff9500}
.rc-categories button.selected{color:#111;box-shadow:inset 3px 0 0 #ff9500}
.intake-choices input:checked+span{background:#fff6e9;border-color:#ffd27a;color:#e08600}
.intake-photo label:focus-within,.intake-choices input:focus-visible+span{outline-color:#ff9500}
.intake-active form>[type=submit]{background:#ff9500;color:#fff}
.intake-banner strong{text-decoration-color:#ffd27a}

/* ---------- 签约页 index.html（蓝白变量统一改为橙白） ---------- */
:root{--blue:#ff9500;--blue-dark:#e08600;--blue-soft:#fff6e9;--page:#fff;--text:#222;--muted:#999;--line:#f0f0f0}
body:has(main>form){background:#fff}
body:has(main>form)>header{background:linear-gradient(180deg,#fff3e2 0,#fff 100%);color:#111;font-weight:600}
body:has(main>form) main{background:#fff}
body:has(main>form) section{border-color:#f2f2f2;box-shadow:0 2px 10px #ff95000a}
body:has(main>form) button{border-color:#ffd27a}
body:has(main>form) #next{border-color:#ff9500;background:#ff9500;color:#fff;font-weight:600}
body:has(main>form) #back{border-color:#eee;color:#666}
body:has(main>form) #locate-address,body:has(main>form) #location-consent button{border-color:#ffd27a}
body:has(main>form) #region-trigger[aria-expanded=true]{border-color:#ff9500;box-shadow:0 0 0 1px #ff9500}
body:has(main>form) .identity-tabs button[aria-pressed=true]{border-color:#ffd27a}
body:has(main>form) .identity-card{border-color:#ffd27a;background:#fffaf2}
body:has(main>form) .identity-guide{color:#f0b766}
body:has(main>form) .id-lines i,body:has(main>form) .id-back-lines i{background:#ffe3bf}
body:has(main>form) .id-person{background:#fff0d9}
body:has(main>form) .id-emblem{border-color:#f0b766}
body:has(main>form) canvas{border-color:#ffd27a;background:#fffcf7}
body:has(main>form) #images>div button{border-color:#ffe3bf}
body:has(main>form) #images>#add{border-color:#ffd27a;background:#fffaf2}
body:has(main>form) .identity-side>[data-remove]:active,body:has(main>form) #images>div>button:active{background:#fff3e2}
body:has(main>form) #signature-confirm{background:#ff9500}
body:has(main>form) .identity-heading-toggle input,body:has(main>form) .consent input{accent-color:#ff9500}