:root{--daily-blue:#167BFF;--daily-orange:#FF8A18;--daily-ink:#0F172A;--daily-muted:#64748B;--daily-line:#E2E8F0}
*{box-sizing:border-box}
body.daily-draw-page{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 4%,rgba(255,184,0,.18),transparent 28%),radial-gradient(circle at 88% 16%,rgba(22,123,255,.14),transparent 30%),linear-gradient(180deg,#F8FBFF,#EEF4FB 60%,#F8FAFC);color:var(--daily-ink);font-family:"HarmonyOS Sans SC","Microsoft YaHei",sans-serif}
.daily-shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:34px 0 70px}
.daily-back{display:inline-flex;align-items:center;gap:6px;color:#47617F;text-decoration:none;font-size:14px;font-weight:700;margin-bottom:28px}
.daily-back:hover{color:var(--daily-blue)}
.daily-hero{text-align:center;margin-bottom:28px}.daily-kicker{display:inline-block;padding:6px 12px;border-radius:999px;background:#FFF4D8;color:#B45309;font-size:11px;font-weight:900;letter-spacing:.18em}.daily-hero h1{margin:14px 0 8px;font-size:46px;line-height:1.1;font-weight:950;background:linear-gradient(135deg,#0F172A,#1D4ED8 60%,#FF8A18);-webkit-background-clip:text;background-clip:text;color:transparent}.daily-hero p{max-width:620px;margin:0 auto;color:var(--daily-muted);font-size:15px;line-height:1.8}
.daily-root{max-width:820px;margin:0 auto}.daily-loading,.daily-gate,.daily-error{padding:56px 28px;border-radius:24px;background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.9);text-align:center;color:var(--daily-muted);box-shadow:0 20px 60px -34px rgba(15,23,42,.35)}
.daily-stage{position:relative;overflow:hidden;padding:40px 24px 34px;border-radius:28px;background:linear-gradient(155deg,#FFFDF7,#FFFFFF 48%,#EEF5FF);border:1px solid rgba(255,184,0,.22);box-shadow:0 24px 70px -38px rgba(15,23,42,.48);text-align:center}
.daily-stage:before{content:"";position:absolute;inset:-40% auto auto -20%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,0,.16),transparent 68%);pointer-events:none}
.daily-stage-title{position:relative;font-size:24px;font-weight:950;margin:0 0 8px}.daily-stage-sub{position:relative;color:var(--daily-muted);font-size:14px;margin:0 0 30px}
.draw-cards{position:relative;display:flex;justify-content:center;align-items:center;gap:18px;height:220px;margin-bottom:20px}
.draw-card{width:118px;height:168px;border-radius:18px;position:relative;transform-origin:50% 90%;background:linear-gradient(145deg,#1D4ED8,#167BFF 54%,#38BDF8);border:2px solid rgba(255,255,255,.8);box-shadow:0 18px 30px -18px rgba(29,78,216,.65);overflow:hidden}
.draw-card:nth-child(2){background:linear-gradient(145deg,#FFB800,#FF8A18 55%,#FB7185);box-shadow:0 20px 36px -18px rgba(255,138,24,.72);transform:translateY(-14px) rotate(2deg)}
.draw-card:nth-child(3){background:linear-gradient(145deg,#7C3AED,#A855F7 55%,#EC4899);box-shadow:0 18px 30px -18px rgba(124,58,237,.65);transform:rotate(-2deg)}
.draw-card:before{content:"?";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:54px;font-weight:950;text-shadow:0 4px 18px rgba(15,23,42,.22)}
.draw-card:after{content:"";position:absolute;inset:10px;border-radius:12px;border:1px dashed rgba(255,255,255,.55);background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.09) 8px 9px)}
.daily-stage.is-drawing .draw-card:nth-child(1){animation:cardShuffle 1.25s ease-in-out infinite}.daily-stage.is-drawing .draw-card:nth-child(2){animation:cardShuffle 1.25s .12s ease-in-out infinite}.daily-stage.is-drawing .draw-card:nth-child(3){animation:cardShuffle 1.25s .24s ease-in-out infinite}
@keyframes cardShuffle{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-22px) rotate(-7deg)}55%{transform:translateY(8px) rotate(7deg)}75%{transform:translateY(-10px) rotate(-3deg)}}
.daily-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:0;border-radius:14px;background:linear-gradient(135deg,#FFB800,#FF7A18);color:#fff;font-size:16px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 12px 26px -12px rgba(255,122,24,.7);transition:transform .15s ease,box-shadow .15s ease}.daily-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(255,122,24,.72)}.daily-btn:disabled{opacity:.65;cursor:wait;transform:none}.daily-btn.blue{background:linear-gradient(135deg,#2563EB,#167BFF);box-shadow:0 12px 26px -12px rgba(37,99,235,.7)}
.daily-result{padding:38px 30px;border-radius:28px;background:linear-gradient(150deg,#FFFFFF,#F8FBFF 56%,#FFF7E8);border:1px solid rgba(37,99,235,.16);box-shadow:0 24px 70px -38px rgba(15,23,42,.45);text-align:center;animation:resultIn .45s ease both}
@keyframes resultIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.daily-lucky{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#EFF6FF;color:#1D4ED8;font-size:12px;font-weight:900;letter-spacing:.06em}.daily-result h2{margin:16px 0 6px;font-size:34px;font-weight:950;line-height:1.3}.daily-problem-id{color:#94A3B8;font-size:13px;font-weight:700}.daily-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px 0 26px}.daily-chip{padding:7px 12px;border-radius:999px;background:#F1F5F9;color:#475569;font-size:12px;font-weight:700}.daily-chip.knowledge{background:#FFF7E8;color:#C2410C}.daily-chip.difficulty{background:#ECFDF5;color:#047857}.daily-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.daily-note{margin-top:18px;color:#94A3B8;font-size:12px}
@media(max-width:640px){.daily-shell{padding-top:24px}.daily-hero h1{font-size:36px}.daily-stage{padding:32px 16px 28px}.draw-cards{gap:8px;height:180px}.draw-card{width:88px;height:132px;border-radius:14px}.draw-card:before{font-size:42px}.daily-result{padding:30px 20px}.daily-result h2{font-size:26px}}