/* ===== 精装层 · 文献体检（主题色 #B45309）===== */
:root { --acc: #B45309; --acc-soft: rgba(180,83,9,.13); }
body { background: linear-gradient(180deg, rgba(180,83,9,.13) 0%, transparent 320px), var(--bg); }
/* 品牌渐变头 */
.appbar { background: linear-gradient(120deg, #92400E 0%, #C26A0B 100%); border-radius: 0 0 20px 20px; padding: 18px 20px 16px; }
.appbar .title { color: #fff; font-size: 21px; font-weight: 700; letter-spacing: .02em; }
.appbar .title .sub, .appbar .sub { color: rgba(255,255,255,.82); }
.appbar .back, .appbar .icon-btn { color: #fff; }
.appbar .icon-btn:hover { background: rgba(255,255,255,.15); }
/* 卡片质感 */
.card, .result, .about, .dropzone, .tiles .tile, .viewport, .pcard {
  border: 1px solid rgba(20,24,64,.06);
  box-shadow: 0 1px 2px rgba(20,24,64,.04), 0 4px 14px rgba(20,24,64,.05);
}
.card.click:active, .tool-card:active { transform: scale(.985); }
/* 主按钮 */
.bigbtn { background: linear-gradient(180deg, #C26A0B 0%, #92400E 100%); box-shadow: 0 2px 8px rgba(146,64,14,.30); border-radius: 14px; }
.bigbtn.ghost { background: #fff; color: #92400E; border: 1.5px solid #B45309; box-shadow: none; }
/* 控件态 */
.input:focus, .select:focus, .textarea:focus { border-color: #B45309; box-shadow: 0 0 0 3px rgba(180,83,9,.13); }
.seg > button.on { background: #B45309; color: #fff; }
.catpill.on, .vseg > button.on { background: #B45309; color: #fff; }
.progress > i { background: #B45309; }
.tile .v { color: #92400E; }
.check.on, .switch.on { background: #B45309; }
/* 底部导航（tice）适配主题色 */
.tabbar .ti.on { color: #92400E; }
.tabbar .ti:active { color: #B45309; }
/* PC 增强 */
@media (min-width: 768px) {
  .appbar { padding: 26px 32px 22px; border-radius: 0 0 26px 26px; }
  .appbar .title { font-size: 26px; }
}

/* 禁用态：灰底灰字（不叠在主题渐变上发浅棕），像明确的等待态 */
.bigbtn:disabled { background: var(--island-3); color: var(--t3); box-shadow: none; opacity: 1; }