:root{
  --primary:#ff7a1a;--primary-dark:#e85b00;--primary-light:#ffad37;--gold:#ffbd2e;
  --bg:#f7f8fc;--card:#fff;--text:#172033;--text-secondary:#667085;--border:#e9edf5;
  --shadow-sm:0 8px 24px rgba(20,32,58,.06);--shadow-md:0 16px 40px rgba(20,32,58,.11);
  --radius-sm:12px;--radius-md:18px;--radius-lg:24px
}
body{background:linear-gradient(180deg,#fff8ec 0,#f7f8fc 190px,#f7f8fc 100%)}
.header{height:62px;padding:0 18px;background:rgba(255,255,255,.9);color:var(--text);border-bottom:1px solid rgba(255,171,55,.18);box-shadow:0 8px 30px rgba(43,52,73,.06);backdrop-filter:blur(16px)}
.header .logo{font-size:17px;font-weight:800;letter-spacing:.2px}.header .logo img{width:38px;height:38px;object-fit:cover;border-radius:11px;box-shadow:0 5px 14px rgba(255,132,25,.24)}
.header .user-area{background:#fff4df;color:#b84a00;border:1px solid #ffe0b2}.header .balance-badge{background:#fff;color:#e85b00}
.operator-tip{background:rgba(255,255,255,.88);border:1px solid #ffe1b4;box-shadow:var(--shadow-sm);color:#a94300;border-radius:16px}
.banner{border-radius:20px;background:linear-gradient(135deg,#ff8525,#ff5b4d 65%,#f04469);box-shadow:0 16px 32px rgba(244,93,54,.22)}
.quick-entry{gap:10px}.entry-item{border:1px solid #eef1f6;border-radius:16px;box-shadow:var(--shadow-sm)}.entry-icon{filter:drop-shadow(0 4px 8px rgba(255,126,28,.12))}
.task-card{border:1px solid #eef1f6;border-left:0;border-radius:18px;box-shadow:var(--shadow-sm);padding:18px}.task-card.hot{border:1px solid #ffd9c2}.task-card:active{transform:translateY(1px)}
.reward-amount{color:#ed5c14}.btn-get,.btn-primary{background:linear-gradient(135deg,#ff8a1e,#ff5b21);box-shadow:0 8px 18px rgba(255,102,30,.22)}
.card,.profile-card,.menu-list{border:1px solid #edf0f5;box-shadow:var(--shadow-sm)}
.tab-bar{height:70px;border-top:1px solid #edf0f5;box-shadow:0 -10px 28px rgba(24,35,58,.07);background:rgba(255,255,255,.95);backdrop-filter:blur(16px)}
.tab-item{padding-top:9px}.tab-item.active{color:#f46818}.tab-item.active .tab-icon{transform:translateY(-1px);filter:drop-shadow(0 4px 7px rgba(244,104,24,.23))}
.modal-overlay{backdrop-filter:blur(5px);background:rgba(18,27,45,.58)}.modal{border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(15,23,42,.28)}
.login-modal-card{padding:26px 22px 22px}.login-brand{display:flex;align-items:center;gap:13px;margin:2px 0 20px;text-align:left}.login-brand img{width:58px;height:58px;border-radius:17px;object-fit:cover;box-shadow:0 9px 20px rgba(255,125,24,.22)}.login-brand h3{font-size:21px;margin:0 0 4px;color:#172033}.login-brand p{font-size:12px;color:#8a94a6;margin:0}.login-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f4f6fa;border-radius:13px;padding:4px;margin-bottom:20px}.login-tab{border:0;background:transparent;color:#7b8496;border-radius:10px;padding:10px 8px;font-weight:650;cursor:pointer}.login-tab.active{background:#fff;color:#e75b10;box-shadow:0 5px 14px rgba(23,32,51,.08)}.login-helper{text-align:center;color:#98a2b3;font-size:12px;margin:13px 0 0}.input{border:1px solid #e4e9f1;background:#f9fafc;border-radius:12px;padding:13px 14px}.input:focus{border-color:#ff9a41;box-shadow:0 0 0 4px rgba(255,138,30,.11)}
@media(min-width:768px){body{background:linear-gradient(180deg,#fff8ec 0,#f7f8fc 230px);box-shadow:0 0 60px rgba(25,37,64,.08)}}