.daily-page{min-height:100vh;background:#F5F6F8;padding-bottom:90px;max-width:500px;margin:0 auto;}

/* ===== Hero 头图（首页同款粉紫渐变 #FF8FB1 → #B47CFF）===== */
.daily-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#FF8FB1 0%,#B47CFF 60%,#9B6BFF 100%);padding:26px 22px 58px;border-radius:0 0 28px 28px;}
.daily-hero::before,.daily-hero::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.14);}
.daily-hero::before{width:168px;height:168px;right:-50px;top:-58px;}
.daily-hero::after{width:96px;height:96px;right:64px;bottom:-34px;background:rgba(255,255,255,.09);}
.daily-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;}
.daily-hero-title{font-size:23px;font-weight:700;color:#fff;margin:0;letter-spacing:1px;text-shadow:0 2px 8px rgba(120,60,180,.28);}
.daily-hero-sub{font-size:12px;color:rgba(255,255,255,.95);margin:8px 0 0;}
.daily-ring{width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;}
.daily-ring .dr-num{font-size:20px;font-weight:700;color:#fff;line-height:1;}
.daily-ring .dr-num i{font-style:normal;font-size:12px;opacity:.85;}
.daily-ring .dr-label{font-size:10px;color:rgba(255,255,255,.92);margin-top:3px;}

/* ===== 今日已得 悬浮统计卡 ===== */
.daily-stats{position:relative;z-index:2;margin:-36px 16px 0;background:#fff;border-radius:16px;box-shadow:0 10px 26px rgba(155,107,255,.18);display:flex;align-items:center;padding:16px 10px;}
.daily-stats .ds-item{flex:1;text-align:center;}
.daily-stats .ds-num{font-size:23px;font-weight:700;color:#8B5CF6;line-height:1;}
.daily-stats .ds-label{font-size:11px;color:#9aa0a6;margin-top:6px;}
.daily-stats .ds-divider{width:1px;height:30px;background:#f0f0f0;}

/* ===== 任务列表 ===== */
.daily-tasks{padding:18px 16px 0;}
.daily-tasks-title{font-size:15px;font-weight:600;color:#222;margin:0 0 12px;display:flex;align-items:center;gap:6px;}
.daily-tasks-title::before{content:'';width:4px;height:15px;border-radius:2px;background:linear-gradient(#FF8FB1,#B47CFF);}

.dtask{position:relative;background:#fff;border-radius:16px;padding:15px 15px 14px;margin-bottom:13px;box-shadow:0 4px 16px rgba(30,36,50,.05);overflow:hidden;}
.dtask::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#FF8FB1,#B47CFF);}
.dtask.done::before{background:linear-gradient(#9be0b4,#3DBB6B);}
.dtask-row{display:flex;gap:12px;align-items:flex-start;}
.dtask-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#F3EAFF,#E7DBFF);display:flex;align-items:center;justify-content:center;flex:none;color:#8B5CF6;}
.dtask.done .dtask-icon{background:linear-gradient(135deg,#DBF4E5,#BCEBCE);color:#3DBB6B;}
.dtask-icon svg{width:24px;height:24px;}
.dtask-main{flex:1;min-width:0;}
.dtask-head{display:flex;align-items:center;justify-content:space-between;}
.dtask-title{font-size:15px;font-weight:600;color:#222;}
.dtask-progress{font-size:11px;color:#b0b4ba;background:#F4F5F7;padding:2px 8px;border-radius:10px;}
.dtask-progress.done{color:#3DBB6B;background:#E9F8EF;}
.dtask-desc{font-size:12px;color:#9aa0a6;margin:6px 0 0;line-height:1.5;}

.dtask-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;}
.dtask-rewards{display:flex;gap:7px;flex-wrap:wrap;}
.dtask-reward{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#6D28D9;background:linear-gradient(135deg,#F5EEFF,#ECE2FF);padding:4px 10px;border-radius:20px;}
.dtask-reward::before{content:'';width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE08A,#FFB02E);box-shadow:inset 0 0 0 1px rgba(255,176,46,.45);}
.dtask-btn{font-size:13px;color:#fff;font-weight:600;background:linear-gradient(135deg,#FF8FB1,#B47CFF);border:none;padding:8px 22px;border-radius:20px;box-shadow:0 4px 12px rgba(155,107,255,.34);white-space:nowrap;text-decoration:none;}
.dtask-btn:active{transform:scale(.97);}
.dtask-btn.done{color:#9aa0a6;background:#F0F1F3;box-shadow:none;}

.daily-empty{text-align:center;color:#919499;font-size:13px;padding:40px 0;}
.daily-login-tip{text-align:center;font-size:12px;color:#bbb;margin-top:14px;}
