.welfare-page{color:#33291d;background:radial-gradient(circle at 12% 12%,#fffdf7 0,#0000 30%),linear-gradient(#d9e3e5 0,#eee8da 520px,#e8dfce 100%);min-height:100svh}.welfare-hero{isolation:isolate;align-content:end;min-height:440px;padding:0 clamp(20px,6vw,92px) 38px;display:grid;position:relative;overflow:hidden}.welfare-hero-art{z-index:-3;background:var(--image-welfare) center 42% / cover no-repeat;filter:brightness(1.18)saturate(1.05)contrast(.94);position:absolute;inset:0}.welfare-hero:before{content:"";z-index:-2;background:linear-gradient(#0a121817 0%,#e8dfce29 61%,#e8dfce 100%),linear-gradient(90deg,#0d1a21bd 0%,#0f1b216b 34%,#0000 72%);position:absolute;inset:0}.welfare-hero:after{content:"福";z-index:-1;color:#ffe1a329;font:400 240px var(--font-display);text-shadow:0 4px 35px #0003;position:absolute;top:38px;right:7vw}.welfare-title>span{color:#ffd98d;letter-spacing:.25em;text-shadow:0 2px 10px #000000b3;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.welfare-title>span svg{width:15px}.welfare-title h1{color:#fff0bd;font:400 clamp(56px, 6vw, 90px)/.95 var(--font-display);text-shadow:0 4px 24px #000000b8,0 0 2px #5b3618;margin:11px 0 8px}.welfare-title p{color:#fff8e8;font:700 16px var(--font-editorial);text-shadow:0 2px 9px #000c}.welfare-stats{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121f25db;border:1px solid #ecbf6a94;grid-template-columns:repeat(3,1fr);width:min(820px,100%);margin-top:28px;display:grid;box-shadow:0 18px 45px #1b160f38}.welfare-stats>div{flex-direction:column;justify-content:center;gap:5px;min-height:75px;padding:12px 22px;display:flex}.welfare-stats>div+div{border-left:1px solid #d19d4c2b}.welfare-stats small{color:#c9bea8;letter-spacing:.17em;font-size:9px;font-weight:900}.welfare-stats strong{color:#ffe1a0;font:400 24px var(--font-display)}.welfare-stats strong.done{color:#a8e3b7}.welfare-stats em{color:#d1c6b1;font:700 10px var(--font-editorial);margin-left:7px}.welfare-content{grid-template-columns:minmax(0,1fr) 340px;gap:18px;padding:25px clamp(20px,6vw,92px) 60px;display:grid}.reward-area{background:linear-gradient(145deg,#fffdf7f5,#ece4d3f5);border:1px solid #8e693059;min-width:0;padding:30px;box-shadow:0 20px 55px #533f201f}.reward-area>header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px;display:flex}.reward-area>header span,.welfare-side article>span,.redeem-card>span,.reward-history>header span{color:#9a651e;letter-spacing:.19em;font-size:10px;font-weight:900}.reward-area h2,.redeem-card h2,.reward-history h2{color:#3a2818;font:400 32px var(--font-display);margin:5px 0}.reward-area header p{color:#655949;margin:0;font-size:12px}.reward-progress{align-items:center;gap:10px;width:185px;display:flex}.reward-progress i{background:#c9c1b1;flex:1;height:7px;overflow:hidden;box-shadow:inset 0 1px 3px #3e2d1633}.reward-progress i b{background:linear-gradient(90deg,#9e6028,#e1b45f);height:100%;display:block;box-shadow:0 0 12px #b27530}.reward-progress span{color:#72582f;font-size:11px;font-weight:900}.reward-calendar{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.reward-calendar article{text-align:center;background:radial-gradient(circle at 50% 42%,#deb5673d,#0000 55%),#faf6ec;border:1px solid #96703659;flex-direction:column;justify-content:center;align-items:center;min-height:158px;padding:20px 8px 13px;transition:all .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #543e1c12}.reward-calendar article:hover{border-color:#ae701eb8;transform:translateY(-3px);box-shadow:0 10px 24px #60411829}.reward-calendar article.milestone{background:radial-gradient(circle at 50% 42%,#e7ae4a61,#0000 59%),#fff8e6;border-color:#b5741dad;box-shadow:inset 0 0 25px #be7c1f17}.reward-calendar article.legendary{border-color:#c77b1c}.reward-calendar article.claimed{opacity:.76;filter:saturate(.7)}.reward-calendar article.claimed:after{content:"";background:linear-gradient(135deg,#0000 46%,#509a671a 46%);position:absolute;inset:0}.reward-calendar article.next{border-color:#e0ad55;box-shadow:0 0 20px #d38b2a2e,inset 0 0 22px #c1631a24}.reward-day{color:#6b5d4b;letter-spacing:.1em;font-size:8px;font-weight:900;position:absolute;top:9px;left:10px}.reward-day b{color:#8e5b1f;margin-left:2px;font-size:12px}.reward-calendar article>i{color:#a86619;background:#e2ab4f2e;border:1px solid #b2721f80;place-items:center;width:47px;height:50px;margin-bottom:10px;display:grid;transform:rotate(45deg)}.reward-calendar article>i svg{width:22px;transform:rotate(-45deg)}.reward-calendar h3{color:#392b1c;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:5px 0;font-size:11px;font-weight:900;overflow:hidden}.reward-calendar p{color:#6f5d45;margin:0;font-size:10px;font-weight:700}.reward-calendar em{color:#2f7043;letter-spacing:.08em;background:#509f6729;justify-content:center;align-items:center;gap:3px;padding:5px;font-size:8px;font-style:normal;font-weight:900;display:flex;position:absolute;bottom:4px;left:4px;right:4px}.reward-calendar em svg{width:8px}.reward-calendar em.big-reward{color:#8a4c11;background:#e099363b}.welfare-side{flex-direction:column;gap:15px;display:flex}.today-card,.redeem-card{background:radial-gradient(circle at 95% 0,#e1a54945,#0000 42%),linear-gradient(145deg,#fffdf6,#e8decc);border:1px solid #986c2b61;padding:25px;box-shadow:0 16px 40px #533f201f}.today-card>span,.redeem-card>span{align-items:center;gap:7px;display:flex}.today-card>span svg,.redeem-card>span svg{width:14px}.today-reward{align-items:center;gap:15px;margin:25px 0;display:flex}.today-reward>i{color:#a05d10;background:radial-gradient(circle,#ffe09b,#eee1c9);border:1px solid #a96c20;flex:none;place-items:center;width:63px;height:68px;display:grid;transform:rotate(45deg);box-shadow:0 8px 24px #9c601833}.today-reward>i svg{width:29px;transform:rotate(-45deg)}.today-reward small{color:#79694f;letter-spacing:.11em;font-size:9px;font-weight:900}.today-reward h3{color:#3a2817;font:400 23px var(--font-display);margin:6px 0}.today-reward p{color:#76592d;margin:0;font-size:12px;font-weight:800}.today-card>button{color:#191006;letter-spacing:.08em;background:linear-gradient(145deg,#e4bb69,#a46829);border-radius:1px;width:100%;height:51px;font-size:10px;font-weight:900}.today-card>button:disabled{color:#eff8f0;opacity:1;background:#466e50}.today-card>p{color:#6f604d;justify-content:center;align-items:center;gap:5px;margin:10px 0 0;font-size:10px;display:flex}.today-card>p svg{width:11px}.redeem-card{flex-direction:column;gap:10px;display:flex}.redeem-card h2{margin-bottom:-3px}.redeem-card>p{color:#635848;margin:0 0 6px;font-size:11px}.redeem-card>div{gap:7px;display:flex}.redeem-card [data-slot=input]{color:#312619;letter-spacing:.07em;background:#fffdf7;border-color:#9d682273;border-radius:1px;height:47px;font-weight:900}.redeem-card button{color:#1a1006;background:#bf8840;border-radius:1px;height:45px;font-size:8px;font-weight:900}.redeem-card>small{color:#675b4b;font-size:9px}.redeem-card>small b{color:#8b5517}.welfare-message{color:#d69c91;background:#902a1e1a;border-left:2px solid #bd4d3a;padding:12px;font-size:10px}.reward-history{background:#fffdf7eb;border:1px solid #966f3659;margin:0 clamp(20px,6vw,92px) 80px;padding:28px;box-shadow:0 18px 45px #533f201a}.reward-history>div{grid-template-columns:1fr 1fr;gap:0 24px;margin-top:15px;display:grid}.reward-history article{border-bottom:1px solid #73542921;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;min-height:70px;display:grid}.reward-history article>i{color:#9d641c;background:#f4e8d1;border:1px solid #9d692559;place-items:center;width:34px;height:34px;display:grid}.reward-history article>i svg{width:14px}.reward-history article>span{flex-direction:column;gap:4px;display:flex}.reward-history b{color:#3c2d1f;font-size:11px}.reward-history small,.reward-history time{color:#70604d;font-size:9px}.reward-history>div>p{color:#675b4c;text-align:center;grid-column:1/-1;padding:28px;font-size:11px}.reward-popup{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020405d1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.reward-popup>div{text-align:center;background:radial-gradient(circle at 50% 35%,#b05b1945,#0000 45%),#101416;border:1px solid #ca9142;width:min(470px,100%);padding:45px 38px 35px;position:relative;box-shadow:0 30px 90px #000,0 0 38px #cd7f243b}.reward-popup>div>button:first-child{color:#a7987d;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:10px;right:12px}.reward-popup>div>i{color:#efc368;background:radial-gradient(circle,#ca782545,#0000);border:1px solid #d19a48;place-items:center;width:78px;height:84px;margin:0 auto 26px;display:grid;transform:rotate(45deg);box-shadow:0 0 32px #cd7f2438}.reward-popup>div>i svg{width:37px;transform:rotate(-45deg)}.reward-popup>div>span{color:#c39045;letter-spacing:.24em;font-size:8px;font-weight:900}.reward-popup h2{color:#f0d6a0;font:400 29px var(--font-display);margin:10px 0}.reward-popup p{color:#b8aa92;font-size:13px}.received-code{background:#8e4c1c1a;border:1px dashed #d29e4c73;justify-content:center;align-items:center;gap:10px;margin:20px 0;padding:13px;display:flex}.received-code b{color:#f0ca7d;letter-spacing:.08em;font-size:17px}.received-code button{color:#aa956f;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:8px;display:flex}.received-code button svg{width:13px}.reward-popup>div>button:last-child{color:#1b1005;letter-spacing:.1em;background:linear-gradient(145deg,#e2b865,#9f6227);border-radius:1px;width:100%;height:48px;font-size:9px;font-weight:900}@media (max-width:1150px){.welfare-content{grid-template-columns:1fr}.welfare-side{grid-template-columns:1fr 1fr;display:grid}.welfare-message{grid-column:1/-1}}@media (max-width:820px){.welfare-hero{min-height:400px;padding-bottom:24px}.welfare-stats{grid-template-columns:1fr 1fr}.welfare-stats>div:last-child{display:none}.reward-calendar{grid-template-columns:repeat(4,1fr)}.reward-history>div{grid-template-columns:1fr}}@media (max-width:560px){.welfare-page{padding-bottom:70px}.welfare-title h1{font-size:48px}.welfare-title p{font-size:12px}.welfare-stats>div{padding-inline:12px}.welfare-content{padding-inline:10px}.reward-area{padding:15px 9px}.reward-area>header{flex-direction:column;align-items:flex-start;padding-inline:6px}.reward-calendar{grid-template-columns:repeat(3,1fr);gap:5px}.reward-calendar article{min-height:132px}.welfare-side{grid-template-columns:1fr}.reward-history{margin-inline:10px;padding:17px}}