@charset "UTF-8";
:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#202a3b;background:#f1f4f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{text-decoration:none;color:inherit}button{border:0}img{display:block;max-width:100%}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a4bdff;outline-offset:4px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.site-shell{width:100%;max-width:540px;min-height:100vh;margin:auto;background:#fff;padding:0 20px;box-shadow:0 0 48px #233d5810}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:62px;height:62px;object-fit:cover;border-radius:15px;box-shadow:0 3px 10px #233d5812}.brand h1{font-size:25px;line-height:1.35;letter-spacing:.3px;font-weight:800;color:#1b2637;white-space:nowrap}.brand h1 span{margin:0 3px;color:#93a0af}.brand-tags{display:flex;gap:6px;margin-top:7px}.brand-tags small{font-size:10px;line-height:1.65;padding:1px 8px;border-radius:5px;color:#e57d42;background:#fff2e8;border:1px solid #ffe1ce}.brand-tags small:last-child{color:#577bd3;background:#f0f4ff;border-color:#e0e8ff}.bookmark{display:flex;align-items:center;gap:4px;align-self:flex-start;margin-top:23px;padding:5px 10px;border-radius:20px;border:1px solid #f6dfac;background:#fffcf4;color:#ce9b30;font-size:10px;white-space:nowrap}.bookmark svg{width:12px;height:12px;fill:#ce9b30;stroke-width:1.3}.bookmark:hover{background:#fff3d7}
.banner{position:relative;aspect-ratio:2.25;isolation:isolate;overflow:hidden;border-radius:13px;background:#0b382c}.banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-3}.banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b302dd9,transparent 65%),linear-gradient(0deg,#09281eaa,transparent 35%);z-index:-2}.banner-copy{position:absolute;left:23px;top:19px;color:#fff3d6}.banner-copy>p:first-child{font-size:12px;letter-spacing:3px;color:#ecdfc4}.banner-copy h2{line-height:1.2;margin:4px 0 2px;color:#ffe29a;white-space:nowrap;text-shadow:0 2px 5px #10261d55}.banner-copy h2 b{font-size:54px;letter-spacing:-1px;font-weight:800;font-family:Arial,sans-serif}.banner-copy h2 span{font-size:17px;margin-left:4px}.banner-subtitle{font-size:17px;letter-spacing:5px;font-weight:600}.banner-tags{position:absolute;bottom:12px;left:12px;right:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.banner-tags span{display:flex;align-items:center;justify-content:center;background:#193d2ed9;border:1px solid #f4dca944;border-radius:4px;color:#fff2cf;min-height:26px;font-size:10px;white-space:nowrap}
.entries{margin-top:17px}.primary-grid,.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.primary{display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:18px 15px;color:#fff;border-radius:12px;min-height:78px;transition:filter .15s,transform .15s;text-align:left}.primary.register{background:#f36b4c;box-shadow:0 5px 14px #ee694c18}.primary.download{background:#4c70e8;box-shadow:0 5px 14px #4c70e818}.primary:hover{filter:brightness(1.035);transform:translateY(-1px)}.entry-icon{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:10px}.primary .entry-icon{background:#ffffff23;color:#fff}.entry-icon svg{width:20px;height:20px}.primary strong{display:block;font-size:17px;font-weight:650;letter-spacing:.3px;white-space:nowrap}.primary small{display:block;font-size:10px;color:#fffdf5c9;margin-top:3px;white-space:nowrap}.secondary-grid{margin-top:11px;row-gap:10px}.entry{display:flex;gap:10px;align-items:center;padding:15px 13px;border:1px solid #e9edf3;background:#fff;border-radius:11px;min-height:75px;text-align:left;box-shadow:0 2px 6px #263e5610;transition:border-color .15s,background .15s}.entry:hover{background:#fafcff;border-color:#d7e0f1}.entry strong{font-size:14px;display:block;white-space:nowrap;font-weight:600}.entry small{font-size:9px;color:#97a0ac;display:block;margin-top:3px;white-space:nowrap}.entry .chevron{margin-left:auto;width:12px;height:12px;color:#b6bec8}.apple .entry-icon{color:#c39536;background:#fff7e7}.recharge .entry-icon{color:#ee8b63;background:#fff1e9}.welfare .entry-icon{color:#8a6ddb;background:#f3edff}.faq .entry-icon{color:#4e9f9f;background:#edf8f7}
.benefit-note{display:flex;align-items:center;gap:11px;background:#faf8f2;border:1px solid #eee8d9;border-radius:11px;margin-top:17px;padding:15px 13px}.note-icon{color:#bc9853;display:grid;place-items:center;width:30px;height:32px;flex:none}.note-icon svg{width:23px;height:23px}.benefit-note h2{font-size:13px;font-weight:600;color:#75603b}.benefit-note p{font-size:10px;color:#a3957b;margin-top:3px}.benefit-note button{display:flex;align-items:center;margin-left:auto;gap:3px;background:none;padding:6px 0 6px 7px;font-size:10px;white-space:nowrap;color:#a38344}.benefit-note button svg{width:12px;height:12px}.page-caption{text-align:center;font-size:11px;color:#a3aab4;padding:26px 0 22px;letter-spacing:1px}footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#b0b6bf;border-top:1px solid #f0f2f5;padding:16px 0 24px}
dialog{position:fixed;width:calc(100% - 36px);max-width:460px;max-height:calc(100dvh - 48px);overflow:auto;padding:23px;border-radius:17px;border:1px solid #e8ecf2;box-shadow:0 20px 90px #1c2a4240;background:#fff;color:#273247}dialog::backdrop{background:#16213766;backdrop-filter:blur(2px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-top h2{font-size:19px;font-weight:650;line-height:1.5}.dialog-close{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f3f5f8;color:#97a1ae;flex:none}.dialog-close svg{width:16px;height:16px}.dialog-panel p{font-size:13px;line-height:1.9;color:#798393}.dialog-panel h3{font-size:16px;line-height:1.65;margin-bottom:10px;color:#313c4e}.dialog-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#f4f6fa;border-radius:8px;padding:4px;margin-bottom:20px}.dialog-tabs button{padding:9px 2px;border-radius:5px;font-size:11px;color:#828e9f;background:none}.dialog-tabs button[aria-selected=true]{color:#4c70e8;background:#fff;box-shadow:0 2px 5px #22334a10}.welfare-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #f0f2f5}.welfare-row:last-child{border:0;padding-bottom:0}.welfare-row>span{width:31px;height:31px;display:grid;place-items:center;color:#d29935;background:#fff7e7;border-radius:8px;flex:none}.welfare-row>span svg{width:18px;height:18px}.welfare-row h3{font-size:14px;margin:0 0 4px}.welfare-row p{font-size:12px;line-height:1.8}.welfare-amount{font-size:35px;font-weight:750;color:#df9a31;margin:9px 0 12px;line-height:1.5}.welfare-amount small{font-size:12px;margin-left:5px;font-weight:500}.inline-notice{border:1px solid #e2e9fb;border-radius:8px;background:#f4f7ff;padding:12px 13px;font-size:12px;line-height:1.8;color:#6f85b9;margin-top:17px}.step-list{margin:0;padding:0;list-style:none;counter-reset:steps}.step-list li{counter-increment:steps;display:flex;gap:12px;align-items:center;padding:13px 0;font-size:13px;color:#697586;border-bottom:1px solid #f1f3f6}.step-list li:before{content:counter(steps);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eff3fc;color:#7189bd;font-size:11px;flex:none}.modal-faq details{border-bottom:1px solid #edf0f5}.modal-faq details:last-child{border:0}.modal-faq summary{cursor:pointer;font-size:13px;list-style:none;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:15px 0;color:#424f61}.modal-faq summary::-webkit-details-marker{display:none}.modal-faq summary:after{content:'+';color:#a1adbc;font-size:17px;font-weight:400}.modal-faq details[open] summary:after{content:'−'}.modal-faq .answer{font-size:12px;color:#8490a0;line-height:1.9;padding:0 6px 16px 0}kbd{border:1px solid #e1e6ee;border-bottom-width:2px;background:#f8f9fb;border-radius:5px;padding:5px 10px;color:#6b7a91;font:12px inherit}.bookmark-keys{text-align:center;padding:22px 0 10px;color:#8390a1;font-size:12px}.body-modal-open{overflow:hidden}
@media(min-width:680px){.site-shell{min-height:0;margin:36px auto;border-radius:18px;box-shadow:0 8px 48px #263b5710;padding:0 24px}.site-header{height:102px}footer{padding-bottom:22px}}
@media(max-width:440px){.site-shell{padding:0 15px}.site-header{height:88px;gap:10px}.brand{gap:11px}.brand img{width:57px;height:57px;border-radius:13px}.brand h1{font-size:23px}.brand-tags small{font-size:9px;padding:1px 7px}.bookmark{margin-top:18px;padding:4px 9px;font-size:9px}.bookmark svg{width:11px;height:11px}.banner{border-radius:12px}.banner-copy{left:18px;top:14px}.banner-copy>p:first-child{font-size:10px;letter-spacing:2px}.banner-copy h2{margin:1px 0}.banner-copy h2 b{font-size:42px}.banner-copy h2 span{font-size:14px;margin-left:3px}.banner-subtitle{font-size:14px;letter-spacing:3px}.banner-tags{bottom:9px;left:9px;right:9px;gap:4px}.banner-tags span{font-size:8px;min-height:23px}.entries{margin-top:14px}.primary-grid,.secondary-grid{gap:9px}.primary{gap:9px;padding:16px 11px;min-height:72px;border-radius:11px}.primary .entry-icon{width:31px;height:32px;border-radius:9px}.primary .entry-icon svg{width:19px;height:19px}.primary strong{font-size:15px}.primary small{font-size:8px;margin-top:4px}.secondary-grid{margin-top:10px;row-gap:9px}.entry{min-height:68px;padding:13px 10px;gap:8px;border-radius:10px}.entry-icon{width:31px;height:32px;border-radius:8px}.entry-icon svg{width:19px;height:19px}.entry strong{font-size:12px}.entry small{font-size:8px}.entry .chevron{width:10px;height:10px}.benefit-note{margin-top:14px;padding:13px 10px;gap:7px;border-radius:10px}.note-icon{width:26px}.benefit-note h2{font-size:12px}.benefit-note p{font-size:9px}.benefit-note button{font-size:9px;padding-left:2px}.page-caption{padding:22px 0 20px;font-size:10px}footer{font-size:8px;padding:14px 0 22px}dialog{padding:20px;border-radius:15px}.dialog-top h2{font-size:18px}}
@media(max-width:350px){.site-shell{padding:0 12px}.site-header{height:81px}.brand{gap:9px}.brand img{width:51px;height:51px;border-radius:12px}.brand h1{font-size:21px}.brand-tags{gap:4px;margin-top:5px}.brand-tags small{font-size:8px;padding:1px 6px}.bookmark{font-size:8px;padding:4px 7px;margin-top:17px}.banner-copy{top:12px;left:15px}.banner-copy h2 b{font-size:36px}.banner-subtitle{font-size:12px;letter-spacing:3px}.banner-tags span{font-size:7px;min-height:20px}.banner-tags{bottom:7px;left:7px;right:7px}.primary{padding:14px 9px;gap:7px}.primary strong{font-size:13px}.primary small{font-size:7px}.primary .entry-icon{width:28px;height:29px}.primary .entry-icon svg{width:17px;height:17px}.entry{padding:12px 8px;gap:7px;min-height:63px}.entry-icon{width:28px;height:30px}.entry strong{font-size:11px}.entry small{font-size:7px}.entry .chevron{width:9px}.benefit-note h2{font-size:11px}.benefit-note p{font-size:8px}.benefit-note button{font-size:8px}.note-icon{width:23px}.note-icon svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Compact portal and CDK welfare layout. */
.site-header{height:110px}.brand-tags{flex-wrap:wrap;gap:4px;max-width:240px}.brand-tags small{font-size:9px;padding:1px 6px}.brand-tags small:nth-child(even){color:#577bd3;background:#f0f4ff;border-color:#e0e8ff}
.banner-copy h2{font-size:26px;line-height:1.2;margin-top:6px}.banner-copy h2 b{font-size:43px;letter-spacing:-1px}.banner-copy h2 .banner-plus{font-size:19px;margin-left:4px}.banner-copy h2 .banner-currency{font-size:18px;margin-left:5px;font-weight:650;letter-spacing:1px}.banner-copy{top:18px}.banner-tags{bottom:10px}
.primary-grid{grid-template-columns:1fr 1.2fr}.primary.download strong{font-size:16px;letter-spacing:0}.benefit-note h2{font-size:12px}.benefit-note p{font-size:10px}.welfare-intro{font-size:13px;color:#52617a;line-height:1.8;margin-bottom:18px}.welfare-intro span{font-size:11px;color:#98a2b1}.cdk-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px}.cdk-heading p{font-size:11px;color:#9a825b}.cdk-heading h3{font-size:24px;letter-spacing:1px;color:#283951;margin-top:2px;line-height:1.3;user-select:all}.copy-code{background:#edf2ff;color:#5377d8;border:1px solid #dce5fc;border-radius:7px;padding:8px 12px;font-size:11px;white-space:nowrap}.copy-code:hover{background:#e4ecff}.reward-list{margin:0;border:1px solid #edf0f5;border-radius:9px;overflow:hidden}.reward-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px;background:#fff}.reward-list>div:nth-child(odd){background:#f7f9fc}.reward-list dt{font-size:12px;color:#627187;min-width:0}.reward-list dd{margin:0;font-size:12px;color:#354b6a;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.cdk-footnote{font-size:10px;color:#9ba6b5;text-align:center;margin-top:12px}.copy-status{min-height:18px;margin-top:8px;color:#548b74;font-size:11px;text-align:center}.download-platforms{display:flex;gap:10px;margin-top:18px}.download-platforms span{flex:1;text-align:center;border:1px solid #e5eafa;background:#f5f7fd;border-radius:8px;padding:13px 5px;color:#6279af;font-size:12px}
@media(max-width:440px){.site-header{height:105px}.brand{gap:9px}.brand-tags{max-width:208px;gap:3px;margin-top:6px}.brand-tags small{font-size:8px;padding:1px 5px}.bookmark{padding:4px 7px}.banner-copy{top:13px;left:17px}.banner-copy h2{font-size:21px;line-height:1.15;margin-top:4px}.banner-copy h2 b{font-size:32px}.banner-copy h2 .banner-plus{font-size:16px}.banner-copy h2 .banner-currency{font-size:14px;margin-left:4px}.primary{padding:15px 10px;gap:8px}.primary.download strong{font-size:14px}.primary small{font-size:8px}.benefit-note h2{font-size:11px}.benefit-note p{font-size:9px}.benefit-note button{font-size:8px}.welfare-intro{font-size:12px}.reward-list dt,.reward-list dd{font-size:11px}.reward-list>div{padding:9px 10px}}
@media(max-width:350px){.site-header{height:107px;gap:4px}.brand{gap:8px}.brand-tags{max-width:155px}.brand-tags small{font-size:8px}.brand h1{font-size:20px}.bookmark{font-size:8px;padding:4px 6px}.banner-copy{top:10px;left:14px}.banner-copy h2{font-size:18px;margin-top:3px}.banner-copy h2 b{font-size:27px}.banner-copy h2 .banner-currency{font-size:12px}.banner-copy h2 .banner-plus{font-size:13px}.primary{padding:14px 8px;gap:6px}.primary.download strong{font-size:12px}.primary small{font-size:7px}.primary .entry-icon{width:26px}.benefit-note h2{font-size:10px}.benefit-note p{font-size:8px}.reward-list dt,.reward-list dd{font-size:10px}.reward-list>div{gap:7px;padding:9px 8px}}

/* Five-code welfare, registration and community entries. */
.primary{cursor:pointer}.community .entry-icon{color:#438dc0;background:#edf7ff}
.banner-tags span{background:linear-gradient(#b82c24,#8e1c18);border-color:#efce83;color:#fff4d5;font-weight:650;font-size:10px;min-height:29px}
.dialog-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.dialog-tabs button{font-size:10px;letter-spacing:0;padding:9px 1px}.reward-list dt{flex:1}.reward-list dd{flex:none}.reward-list dt .reward-detail{display:block;font-size:10px;color:#98a4b3}
.registration-shell{padding-bottom:25px}.back-link{font-size:12px;color:#7d8da4;white-space:nowrap}.register-card{border:1px solid #e7edf5;border-radius:15px;padding:25px 22px;background:#fff;box-shadow:0 5px 22px #263c5710}.register-card h2{font-size:23px;color:#25374e}.register-lead{font-size:12px;color:#8e99a8;margin:5px 0 24px}.register-form{display:grid;gap:17px}.register-form label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#5e6d82}.register-form input{width:100%;min-width:0;border:1px solid #dee5ef;border-radius:8px;background:#fafbfd;padding:12px;font:14px inherit;color:#26374d;outline:none}.register-form input:focus{border-color:#7696ed;box-shadow:0 0 0 3px #6286e915}.field-hint{font-size:10px;color:#a0aab8;font-weight:400}.captcha-grid{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:10px}.captcha-image{padding:0;border-radius:8px;border:1px solid #e4eaf3;background:#f5f8fc;overflow:hidden;display:grid;place-items:center;min-height:45px}.captcha-image img{width:125px;height:43px;object-fit:contain}.captcha-refresh{font-size:10px;background:none;color:#718cd0;justify-self:end;padding:0}.register-submit{padding:13px;border-radius:9px;background:#4c70e8;color:#fff;font-weight:600;font-size:15px}.register-submit:disabled{opacity:.55;cursor:wait}.form-message{font-size:12px;line-height:1.8;padding:11px;border-radius:8px;background:#fff2ee;color:#b86551}.form-message.success{background:#eff9f3;color:#478569}.registration-help{font-size:11px;color:#929dad;line-height:1.9;margin-top:20px}.registration-help a{color:#6282cb}.register-success{margin-top:17px;padding:18px;background:#f2f8f4;border:1px solid #dceee2;border-radius:10px}.register-success h3{font-size:16px;color:#478569}.register-success p{font-size:12px;color:#788b80;margin:7px 0 14px;overflow-wrap:anywhere}.download-success{display:block;text-align:center;padding:11px;background:#4c70e8;border-radius:8px;color:#fff;font-size:13px}.register-success[hidden],.form-message[hidden]{display:none}
@media(max-width:440px){.banner-tags span{font-size:8px;min-height:25px}.dialog-tabs button{font-size:9px}.entry small{font-size:8px}.register-card{padding:22px 18px}.registration-help{font-size:10px}}
@media(max-width:350px){.banner-tags span{font-size:7px;min-height:23px}.dialog-tabs button{font-size:8px}.reward-list dt{font-size:10px;line-height:1.6}.reward-list dd{font-size:10px}.reward-list>div{gap:5px}.entry small{font-size:7px}.register-card{padding:20px 15px}.captcha-grid{grid-template-columns:minmax(0,1fr) 110px}.captcha-image img{width:110px}.brand h1{font-size:20px}}

/* Resource categories: one compact card per code. */
dialog{max-width:620px}.cdk-notice{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:13px 15px;margin:0 0 13px;background:#f6f8fc;border:1px solid #e9eef7;border-radius:9px;color:#4d607d;font-size:12px}.cdk-notice small{margin-left:auto;color:#9aa7ba;font-size:10px}.cdk-list{display:grid;gap:10px}.cdk-card{display:flex;align-items:flex-start;gap:9px;border:1px solid #e9eef7;border-radius:10px;background:#f8fafc;padding:14px 13px}.gift-mark{flex:none;font-size:13px;line-height:26px}.cdk-card-body{min-width:0;flex:1}.cdk-card-heading{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:7px}.code-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:3px 11px;font-size:12px;line-height:1.6;font-weight:750;color:#d48220;border:1px dashed #e9b563;border-radius:16px;background:#fff9ed;user-select:all}.code-badge:hover{background:#fff0d4}.code-badge:focus-visible{outline-offset:2px}.cdk-card-heading h3{font-size:11px;font-weight:550;color:#8795a9}.cdk-reward-copy{font-size:12px;line-height:1.95;color:#4c607c;overflow-wrap:anywhere}.cdk-reward-copy b{font-weight:500;color:#3e5573;font-variant-numeric:tabular-nums}.cdk-card .copy-status{min-height:0;margin:0;text-align:left;font-size:10px}.cdk-card .copy-status:not(:empty){margin-top:7px}.cdk-footnote{padding-bottom:1px}
@media(max-width:440px){.cdk-notice{padding:11px 12px;font-size:11px;gap:5px}.cdk-notice small{font-size:9px}.cdk-card{padding:12px 11px;gap:7px}.cdk-card-heading{gap:7px;margin-bottom:6px}.cdk-card-heading h3{font-size:10px}.cdk-reward-copy{font-size:11px;line-height:1.95}.code-badge{font-size:11px;padding:3px 10px}.gift-mark{font-size:12px;line-height:24px}.cdk-list{gap:9px}}
@media(max-width:350px){.cdk-notice small{width:100%;margin-left:19px}.cdk-card{padding:11px 9px;gap:6px}.cdk-reward-copy{font-size:10px;line-height:1.9}.cdk-card-heading h3{font-size:9px}.code-badge{font-size:10px;padding:3px 9px}}