:root{--bg: #F6F8F7;--bg-deep: #EEF3F1;--card: #FFFFFF;--ink: #1A2332;--ink-2: #5A6B7A;--ink-3: #94A3B3;--teal: #2EC4B6;--teal-deep: #14B8A6;--teal-dark: #0D9488;--yellow: #FFC53D;--gold: #F5B50A;--red: #F43F5E;--line: #E4EAE8;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--shadow-card: 0 6px 24px rgba(26, 35, 50, .07);--shadow-btn: 0 8px 20px rgba(20, 184, 166, .35);--maxw: 375px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg-deep);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;border:none;background:none;cursor:pointer}input{font-family:inherit;outline:none}img{display:block}#app{position:relative;max-width:var(--maxw);margin:0 auto;min-height:100vh;background:var(--bg);box-shadow:0 0 40px #00000014}.page{padding:0 16px 96px;min-height:100vh;animation:page-in .26s ease}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);display:flex;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -4px 20px #1a23320d;padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:50}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;color:var(--ink-3);transition:color .2s}.tab-item .tab-icon{font-size:20px;line-height:1}.tab-item .tab-name{font-size:11px;font-weight:500}.tab-item.active{color:var(--teal-dark)}.tab-item.active .tab-icon{transform:scale(1.12)}.page-head{padding:18px 2px 14px}.page-title{font-size:22px;font-weight:800;letter-spacing:.5px}.page-sub{margin-top:4px;font-size:12.5px;color:var(--ink-2)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--teal),var(--teal-deep) 60%,var(--teal-dark));color:#fff;font-size:16px;font-weight:700;border-radius:999px;padding:13px 26px;box-shadow:var(--shadow-btn),inset 0 1px #ffffff59;transition:transform .12s,opacity .15s}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.55;box-shadow:none}.btn-primary.btn-block{width:100%}.btn-primary.disabled{opacity:.45;pointer-events:none}.btn-huge{width:100%;padding:18px;font-size:19px;border-radius:999px;letter-spacing:1px;position:relative;overflow:hidden}.btn-huge:after{content:"";position:absolute;top:-60%;left:-20%;width:45%;height:240%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(18deg);animation:btn-shine 3.2s infinite}@keyframes btn-shine{0%{left:-40%}55%,to{left:130%}}.btn-cam{font-size:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.btn-text{letter-spacing:2px}.icon-btn{width:36px;height:36px;border-radius:50%;background:#ffffffbf;border:1px solid var(--line);font-size:20px;color:var(--ink);display:flex;align-items:center;justify-content:center}.icon-btn.ghost{visibility:hidden}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%) translateY(-80px);max-width:320px;background:#141c26eb;color:#fff;font-size:13px;padding:10px 18px;border-radius:999px;z-index:999;opacity:0;transition:all .3s ease;pointer-events:none;white-space:nowrap;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast-success{background:#14b8a6f2}.toast-error{background:#f43f5ef2}.skeleton{color:var(--ink-3);padding:40px 0;text-align:center;font-size:13px}.empty{text-align:center;padding:60px 0 40px}.empty-icon{font-size:40px;color:var(--teal);margin-bottom:10px}.empty-title{font-size:15px;font-weight:700;color:var(--ink-2)}.empty-sub{margin-top:6px;font-size:12px;color:var(--ink-3)}.fatal{text-align:center;padding:70px 20px}.fatal-title{font-size:16px;font-weight:700;color:var(--red)}.fatal-sub{margin-top:8px;font-size:13px;color:var(--ink-2)}.home-header{display:flex;align-items:center;gap:10px;padding:18px 2px 10px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--teal),#0D9488);color:#fff;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #14b8a666}.home-user{flex:1;min-width:0}.user-name{font-size:14px;font-weight:700}.user-tag{font-size:10.5px;color:var(--ink-3);margin-top:2px}.credit-pill{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600;color:var(--ink-2)}.credit-star{color:var(--gold);font-size:13px}.logout-btn{flex-shrink:0;border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600;cursor:pointer}.logout-btn:active{opacity:.6}.home-hero{position:relative;margin:8px 0 16px;padding:24px 20px 22px;border-radius:var(--radius-lg);background:radial-gradient(120% 160% at 85% -10%,rgba(255,197,61,.5),transparent 45%),radial-gradient(120% 160% at 10% 120%,rgba(46,196,182,.35),transparent 50%),linear-gradient(160deg,#101e2e,#0c1622);color:#fff;box-shadow:0 10px 30px #101e2e59;overflow:hidden}.home-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff05}.hero-logo{display:flex;align-items:center;gap:6px}.hero-x{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--teal),var(--teal-deep));color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px #2ec4b6b3}.hero-word{font-size:13px;font-weight:800;letter-spacing:3px}.hero-title{margin-top:12px;font-size:21px;font-weight:800;line-height:1.35;letter-spacing:.5px}.hero-sub{margin-top:6px;font-size:12.5px;color:#ffffffbf;letter-spacing:.5px}.hero-tags{margin-top:14px;display:flex;gap:8px}.hero-tag{font-size:10.5px;font-weight:600;color:#ffd97a;background:#ffc53d1f;border:1px solid rgba(255,197,61,.4);padding:4px 10px;border-radius:999px}.home-entries{display:flex;flex-direction:column;gap:12px}.entry-card{display:flex;align-items:center;gap:14px;background:var(--card);border-radius:var(--radius-md);padding:15px 16px;box-shadow:var(--shadow-card);border:1px solid var(--line);cursor:pointer;transition:transform .15s}.entry-card:active{transform:scale(.98)}.entry-icon{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#2ec4b624,#2ec4b60f)}.entry-text{flex:1}.entry-name{font-size:15px;font-weight:700}.entry-sub{margin-top:3px;font-size:11.5px;color:var(--ink-3)}.entry-arrow{font-size:20px;color:var(--ink-3)}.prob-bar{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.prob-title{font-size:12px;font-weight:700;color:var(--ink-2)}.prob-line{font-size:11.5px;font-weight:600;color:var(--ink-2);letter-spacing:.3px}.prob-line .r{color:#4a90d9}.packs-prob{margin-top:0;margin-bottom:12px}.home-rule{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 16px}.rule-title{font-size:13px;font-weight:700;margin-bottom:8px}.rule-line{font-size:12px;color:var(--ink-2);line-height:1.9}.home-footer-cta{margin-top:22px}.cta-sub{margin-top:10px;text-align:center;font-size:11px;color:var(--ink-3)}.login-page{min-height:calc(100vh - 40px);display:flex;flex-direction:column;justify-content:center;padding:48px 28px calc(40px + env(safe-area-inset-bottom));background:radial-gradient(1200px 500px at 50% -10%,rgba(46,196,182,.18),transparent 60%),radial-gradient(800px 400px at 100% 110%,rgba(139,92,246,.12),transparent 60%),var(--bg)}.login-logo{display:flex;align-items:center;gap:6px;margin-bottom:10px}.login-logo .hero-x{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #2ec4b659}.login-logo .hero-word{font-size:20px;font-weight:900;letter-spacing:.5px}.login-title{font-size:26px;font-weight:900;margin-top:18px}.login-sub{margin-top:8px;font-size:13px;line-height:1.6;color:var(--ink-3)}.login-form{margin-top:28px}.login-tip{margin-top:18px;font-size:11.5px;line-height:1.6;color:var(--ink-3);text-align:center}.order-list{max-height:46vh;overflow-y:auto}.order-loading{padding:28px 0;text-align:center;color:var(--ink-3);font-size:13px}.order-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.order-item:last-child{border-bottom:none}.order-main{flex:1;min-width:0}.order-store{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}.order-store-dot{color:var(--teal)}.order-meta{margin-top:4px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3)}.order-meta .order-time{color:var(--ink-3)}.order-no{font-family:ui-monospace,monospace;color:var(--ink-2);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}.btn-order-claim{flex-shrink:0;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;font-size:13px;font-weight:700;padding:9px 18px}.btn-order-claim:disabled{opacity:.55}.btn-order-claim.claimed{background:linear-gradient(135deg,#059669,#047857)}.empty-small{padding:30px 0;text-align:center}.empty-small .empty-icon{font-size:30px;margin-bottom:8px}.detail-cards-section{padding:0 18px 6px}.inst-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.inst-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff8c;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px}.inst-no{font-family:ui-monospace,monospace;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.3px}.inst-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.inst-opened{background:#2ec4b61f;color:var(--teal-dark)}.inst-unopened{background:#f59e0b24;color:#b45309}.inst-redeemed{background:#f43f5e1f;color:#be123c}.inst-empty{margin-top:10px;font-size:12.5px;color:var(--ink-3)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a121a8c;z-index:200;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .25s}.modal-mask.show{opacity:1}.sheet{width:100%;max-width:var(--maxw);background:var(--bg);border-radius:24px 24px 0 0;padding:20px 20px calc(24px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .3s ease}.modal-mask.show .sheet{transform:translateY(0)}.sheet-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:800}.sheet-close{font-size:16px;color:var(--ink-3);padding:4px 8px}.sheet-sub{margin:8px 0 16px;font-size:12px;color:var(--ink-2)}.field{display:block;margin-bottom:14px}.field-label{display:block;font-size:11.5px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.field-input{width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;color:var(--ink)}.field-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2ec4b626}.code-row{display:flex;gap:10px;align-items:stretch}.code-input{flex:1;min-width:0}.btn-code{flex-shrink:0;min-width:108px;background:var(--teal-soft, rgba(46,196,182,.1));color:var(--teal);border:1px solid var(--teal);border-radius:var(--radius-sm);padding:0 12px;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}.btn-code:active{transform:scale(.97)}.btn-code:disabled{opacity:.55;cursor:default}.sheet-tip{margin-top:12px;text-align:center;font-size:11px;color:var(--ink-3)}.pack-capsule{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--teal-deep),var(--teal-dark));color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;border-radius:999px;padding:10px 18px;margin-bottom:18px;box-shadow:0 5px 14px #0d948859}.pack-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pack-box{text-align:center;cursor:pointer}.pack-wrap{position:relative;width:100%;aspect-ratio:1.1;background:linear-gradient(160deg,#1a2a3a,#0e1a26);border-radius:20px;box-shadow:0 8px 22px #0e1a264d,inset 0 0 0 1px #ffffff0f;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s}.pack-box:active .pack-wrap{transform:scale(.94)}.pack-wrap:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed rgba(255,255,255,.14);border-radius:14px}.pack-lid{position:absolute;top:0;left:0;right:0;height:34%;background:linear-gradient(135deg,var(--teal-deep),var(--teal-dark));border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040}.pack-ribbon{color:#fff;font-size:16px}.pack-body-x{font-size:34px;font-weight:900;color:#2ec4b6d9;text-shadow:0 0 18px rgba(46,196,182,.8)}.pack-shadow{position:absolute;bottom:-14px;left:12%;right:12%;height:14px;background:radial-gradient(50% 100% at 50% 50%,rgba(0,0,0,.35),transparent);filter:blur(6px)}.pack-info{margin-top:12px}.pack-no{font-size:11px;color:var(--ink-2);font-weight:600}.pack-hint{margin-top:3px;font-size:10.5px;color:var(--ink-3)}.open-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:radial-gradient(120% 120% at 50% 30%,#12233a,#060c16 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.open-bg-stars i{position:absolute;width:3px;height:3px;background:#fff9;border-radius:50%;animation:twinkle 2.4s infinite alternate}.open-bg-stars i:nth-child(1){top:8%;left:12%;animation-delay:.1s}.open-bg-stars i:nth-child(2){top:15%;left:78%;animation-delay:.5s}.open-bg-stars i:nth-child(3){top:30%;left:22%;animation-delay:1s}.open-bg-stars i:nth-child(4){top:40%;left:88%;animation-delay:.3s}.open-bg-stars i:nth-child(5){top:60%;left:8%;animation-delay:.8s}.open-bg-stars i:nth-child(6){top:70%;left:92%;animation-delay:1.4s}.open-bg-stars i:nth-child(7){top:12%;left:45%;animation-delay:1.8s}.open-bg-stars i:nth-child(8){top:85%;left:30%;animation-delay:.2s}.open-bg-stars i:nth-child(9){top:88%;left:70%;animation-delay:.9s}.open-bg-stars i:nth-child(10){top:50%;left:50%;animation-delay:1.2s}.open-bg-stars i:nth-child(11){top:22%;left:64%;animation-delay:.6s}.open-bg-stars i:nth-child(12){top:75%;left:15%;animation-delay:1.6s}.open-bg-stars i:nth-child(13){top:5%;left:30%;animation-delay:.4s}.open-bg-stars i:nth-child(14){top:55%;left:82%;animation-delay:1.1s}.open-bg-stars i:nth-child(15){top:65%;left:40%;animation-delay:.7s}@keyframes twinkle{0%{opacity:.15;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.open-center{position:relative;display:flex;align-items:center;justify-content:center}.open-pack{position:relative;width:150px;height:170px;transition:transform .5s ease,opacity .5s ease}.op-lid{position:absolute;top:0;left:0;right:0;height:62px;background:linear-gradient(135deg,var(--teal),var(--teal-deep));border-radius:18px 18px 0 0;box-shadow:0 4px 12px #2ec4b680;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;letter-spacing:2px;font-size:14px}.op-lid:after{content:"XCTOY ✦"}.op-body{position:absolute;top:52px;left:0;right:0;height:118px;background:linear-gradient(160deg,#1a2a3a,#0e1a26);border-radius:0 0 18px 18px;display:flex;align-items:center;justify-content:center;color:#2ec4b6e6;font-size:44px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff14}.op-glow{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(46,196,182,.45),transparent 65%);border-radius:50%;animation:glow-pulse 1.4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.4;transform:translate(-50%) scale(.9)}50%{opacity:1;transform:translate(-50%) scale(1.15)}}.open-layer.stage1 .open-pack{animation:pack-shake .9s ease-in-out infinite}@keyframes pack-shake{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-6deg) translateY(-4px)}75%{transform:rotate(6deg) translateY(-4px)}}.open-layer.stage1 .op-glow{animation:glow-burst .9s ease-in-out infinite}@keyframes glow-burst{0%,to{opacity:.35;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.4)}}.open-card-wrap{position:absolute;width:210px;height:300px;perspective:900px;opacity:0;transform:scale(.6);transition:opacity .45s ease,transform .45s ease}.open-layer.stage2 .open-card-wrap{opacity:1;transform:scale(1)}.open-layer.stage3 .open-card-wrap{opacity:0;transform:scale(1.25) translateY(-30px);transition:all .5s ease}.open-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.23,1,.32,1)}.open-card-inner.flip{transform:rotateY(180deg)}.open-side{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:18px;display:flex;align-items:center;justify-content:center}.open-back{background:linear-gradient(160deg,#16263a,#0b1520);color:#2ec4b6d9;font-size:60px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 30px #2ec4b640}.open-face{transform:rotateY(180deg)}.open-face .card-face{width:100%;height:100%}.op-burst{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,197,61,.3) 40%,transparent 70%);border-radius:50%;opacity:0;pointer-events:none}.open-layer.stage2 .op-burst{animation:burst .8s ease-out .5s forwards}@keyframes burst{0%{opacity:0;transform:scale(.2)}30%{opacity:.9}to{opacity:0;transform:scale(1.6)}}.open-hint{margin-top:46px;font-size:13px;color:#fffc;letter-spacing:1px;text-align:center}.open-result{text-align:center;animation:rise-in .5s ease}.open-name{margin-top:12px;font-size:19px;font-weight:800;color:#fff}.open-desc{margin-top:6px;font-size:12.5px}.open-desc.new{color:#7cf2e2}.open-desc.dup{color:#ffd97a}.btn-open-done{margin-top:22px;min-width:160px}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.reward-card{background:#fff;border-radius:16px;padding:16px 16px 14px;margin-bottom:14px;box-shadow:0 6px 20px #0d948814;border:1px solid rgba(13,148,136,.12)}.reward-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.reward-title{font-size:14px;font-weight:800;color:var(--ink-1)}.reward-pct{font-size:12px;font-weight:700;color:var(--teal-deep)}.reward-track{height:8px;background:#e3ebe8;border-radius:999px;overflow:hidden}.reward-track-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--teal-deep));border-radius:999px;transition:width .6s ease}.reward-nodes{display:flex;justify-content:space-between;margin-top:12px}.reward-node-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;cursor:pointer}.reward-node{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;border:2px solid #D7E2DE;background:#f2f7f5;color:#8aa39b;transition:transform .15s ease,box-shadow .2s ease}.reward-node-wrap:active .reward-node{transform:scale(.94)}.reward-node.todo{background:#f2f7f5;border-color:#d7e2de;color:#8aa39b}.reward-node.ready{background:linear-gradient(135deg,var(--teal),var(--teal-deep));border-color:var(--teal-deep);color:#fff;box-shadow:0 0 0 5px #0d948824,0 6px 14px #0d948859;animation:reward-breathe 1.8s ease-in-out infinite}.reward-node.locked{background:#e8f7f4;border-color:var(--teal);color:var(--teal-deep);opacity:.92;font-size:15px}.reward-node.done{background:linear-gradient(135deg,#f5c77e,#d99a2b);border-color:#c98a1e;color:#fff;box-shadow:0 0 0 5px #d99a2b26,0 6px 14px #d99a2b4d}@keyframes reward-breathe{0%,to{box-shadow:0 0 0 5px #0d948824,0 6px 14px #0d948859}50%{box-shadow:0 0 0 9px #0d948814,0 6px 18px #0d948880}}.reward-node-label{font-size:11px;font-weight:700;color:var(--ink-2)}.reward-node-sub{font-size:10px;color:var(--ink-3)}.reward-node-wrap.ready .reward-node-sub,.reward-node-wrap.locked .reward-node-sub{color:var(--teal-deep)}.reward-pop-name{font-size:15px;font-weight:800;color:var(--ink-1);margin:4px 0 10px}.reward-pop-stock{font-size:12px;color:var(--ink-2);margin-bottom:14px}.reward-pop-state{font-size:13px;font-weight:700;text-align:center;padding:12px;border-radius:10px}.reward-pop-state.done{color:#c98a1e;background:#fbf3e2}.reward-pop-state.empty{color:var(--danger, #e11d48);background:#fdebef}.reward-pop-state.locked{color:var(--teal-deep);background:#e8f7f4}.reward-pop-btn{width:100%;margin-top:14px}.album-progress{margin-bottom:16px}.album-cap{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--teal-deep),var(--teal-dark));color:#fff;font-size:13px;font-weight:700;border-radius:999px;padding:8px 16px;margin-bottom:10px;box-shadow:0 4px 12px #0d94884d}.album-bar{height:8px;background:#e3ebe8;border-radius:999px;overflow:hidden}.album-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--teal-deep));border-radius:999px;transition:width .6s ease}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.album-cell{aspect-ratio:.78;border-radius:16px;background:#fff;border:1px solid var(--line);overflow:hidden;position:relative;box-shadow:var(--shadow-card);transition:transform .15s}.album-cell.clickable{cursor:pointer}.album-cell.clickable:active{transform:scale(.96)}.album-cell.dim{background:#f2f5f4}.album-cell-inner{position:relative;width:100%;height:100%}.album-cell .card-face{width:100%;height:100%;border-radius:16px}.album-count{position:absolute;right:6px;bottom:6px;background:#0d141eb8;color:#ffd97a;font-size:10px;font-weight:700;border-radius:999px;padding:2px 7px;z-index:3}.dim-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;border-radius:16px;border:1px dashed #CBD9D5;background:linear-gradient(170deg,#f7faf9,#edf2f0)}.dim-star{font-size:24px;color:#b9c7c3;font-weight:800}.dim-name{font-size:10px;color:#9aa9a5;text-align:center;padding:0 4px;line-height:1.3}.dim-rarity{font-size:9px;color:#b9c7c3;font-weight:600}.redeem-capsule{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--teal-deep),var(--teal-dark));color:#fff;font-size:13px;font-weight:700;border-radius:999px;padding:10px 18px;margin-bottom:14px;box-shadow:0 5px 14px #0d948859}.redeem-records{margin:0 0 14px}.records-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:8px}.records-empty{color:#999;font-size:13px;padding:14px;text-align:center;background:var(--card);border-radius:var(--radius-md)}.records-list{display:flex;flex-direction:column;gap:8px}.record-item{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card);border-radius:var(--radius-md);padding:10px 12px}.record-main{min-width:0}.record-name{font-size:14px;font-weight:600;color:var(--ink)}.record-code{font-size:12px;color:#888;margin-top:4px;display:flex;align-items:center;gap:6px}.record-copy{border:1px solid #ddd;background:#fff;border-radius:6px;font-size:12px;padding:2px 8px;color:#555;cursor:pointer}.record-meta{font-size:11px;color:#aaa;margin-top:4px}.record-status{font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap;font-weight:600}.record-status.ok{color:#16a34a;background:#dcfce7}.record-status.pending{color:#b45309;background:#fef3c7}.record-status.exp{color:#999;background:#f3f4f6}.album-redeem-entry{margin-left:auto;border:1px solid #ddd;background:#fff;border-radius:8px;font-size:12px;padding:4px 10px;color:var(--teal-deep)}.rc-actions{display:flex;gap:8px;padding:14px 0 0}.btn-ghost{background:#fff;border:1px solid #ddd;color:#555}.gold-banner{margin:4px 0 18px;border-radius:var(--radius-md);background:radial-gradient(140% 180% at 20% 0%,rgba(255,255,255,.35),transparent 40%),linear-gradient(135deg,#ffd977,#f5b50a 55%,#e39a06);padding:16px 18px;box-shadow:0 8px 22px #f5b50a59;position:relative;overflow:hidden}.gold-banner:after{content:"✦";position:absolute;right:14px;bottom:-12px;font-size:68px;color:#ffffff4d}.gold-banner-inner{display:flex;align-items:center;gap:12px}.gold-star{width:42px;height:42px;border-radius:50%;background:#ffffffe6;color:var(--gold);font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;flex-shrink:0}.gold-title{font-size:15px;font-weight:800;color:#5b3e00}.gold-sub{margin-top:3px;font-size:11.5px;color:#5b3e00cc}.prize-list{display:flex;flex-direction:column;gap:14px}.prize-card{background:var(--card);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--line);box-shadow:var(--shadow-card)}.prize-card.ready{border-color:#f5b50a99}.prize-head{display:flex;align-items:center;justify-content:space-between}.prize-name{font-size:15px;font-weight:800}.prize-tag{font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--gold),#D97706);border-radius:999px;padding:4px 10px;letter-spacing:.5px}.prize-need{margin-top:12px}.prize-need-label{font-size:11px;font-weight:600;color:var(--ink-3)}.prize-need-cards{display:flex;gap:8px;margin-top:8px}.need-card{position:relative;width:64px;aspect-ratio:.72;border-radius:12px;overflow:hidden}.need-card .card-face{width:100%;height:100%;border-radius:12px}.need-card.lack{filter:grayscale(1) brightness(.72);opacity:.75}.need-card-flag{position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:3}.need-card.have .need-card-flag{background:var(--teal);color:#fff}.need-card.lack .need-card-flag{background:#0000008c;color:#fff}.prize-status{margin-top:12px;font-size:12px;font-weight:600}.prize-status-ok{color:var(--teal-dark)}.prize-status-lack{color:var(--ink-3)}.btn-redeem{margin-top:12px}.redeem-code{width:100%;max-width:var(--maxw);margin:0 auto;background:linear-gradient(175deg,#fffdf6,#fff7e2);border-radius:26px;padding:26px 22px;text-align:center;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000002e}.redeem-code:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--gold),#FFE08A,var(--gold))}.rc-gold{font-size:34px;color:var(--gold);text-shadow:0 2px 8px rgba(245,181,10,.5)}.rc-title{margin-top:4px;font-size:18px;font-weight:800}.rc-reward{margin-top:6px;font-size:13.5px;font-weight:600;color:var(--ink-2)}.rc-badge{display:inline-flex;margin-top:12px;font-size:11px;font-weight:700;border-radius:999px;padding:5px 14px;letter-spacing:1px}.rc-badge.pending{background:var(--teal-deep);color:#fff;box-shadow:0 3px 10px #14b8a666}.rc-no{margin-top:14px;font-size:17px;font-weight:800;letter-spacing:2.5px;color:var(--ink);font-variant-numeric:tabular-nums}.rc-qr{margin:16px auto 0;width:96px;height:96px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--ink);letter-spacing:-3px;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 6px #e8e3d2}.rc-store-line{margin-top:14px;font-size:12px;color:var(--ink-2)}.rc-expire{margin-top:6px;font-size:11px;color:var(--ink-3)}.redeem-code .btn-primary{margin-top:18px}.detail-page{margin:-16px -16px -96px;min-height:100vh;padding:14px 20px 120px;background:linear-gradient(180deg,#E9F7F2,#F3FBF7 30%,var(--bg))}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.detail-top-title{font-size:16px;font-weight:800}.detail-card-area{display:flex;justify-content:center;padding:10px 0 18px}.detail-card-area .card-face{width:228px;height:326px;box-shadow:0 18px 40px #00000052}.detail-info-card{background:#fff;border-radius:var(--radius-lg);padding:6px 18px;box-shadow:var(--shadow-card);border:1px solid var(--line)}.info-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:var(--ink-2)}.info-val{font-size:13.5px;font-weight:700}.info-strong{color:var(--teal-dark);font-weight:800}.rarity-text.R{color:#4a90d9}.rarity-text.SR{color:#8b5cf6}.rarity-text.SSR{color:#d97706}.rarity-text.SP{color:#f43f5e}.detail-obtain{margin-top:16px;background:#fff;border-radius:var(--radius-lg);padding:16px 18px;border:1px solid var(--line);box-shadow:var(--shadow-card)}.obtain-title{font-size:13px;font-weight:700;margin-bottom:8px}.obtain-line{font-size:12px;color:var(--ink-2);line-height:1.9}.detail-footer{margin-top:20px}.btn-continue{padding:15px;font-size:16px}.card-face{position:relative;border-radius:14px;background:#101823;overflow:hidden;font-family:inherit}.card-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.card-head{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;z-index:3}.card-rarity-tag{font-size:10px;font-weight:800;color:#fff;border-radius:6px;padding:3px 8px;letter-spacing:1px;box-shadow:0 2px 6px #0006}.card-brand{font-size:9.5px;font-weight:800;color:#ffffffd9;letter-spacing:1px}.brand-x{color:var(--teal)}.card-bottom{position:absolute;bottom:0;left:0;right:0;padding:10px 12px 12px;z-index:3;background:linear-gradient(180deg,transparent,rgba(6,12,20,.85) 55%)}.card-name{font-size:12px;font-weight:700;color:#fff;line-height:1.35;text-shadow:0 1px 4px rgba(0,0,0,.6)}.card-no{margin-top:3px;font-size:9px;color:#fff9;letter-spacing:.5px}.card-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;box-shadow:inset 0 0 22px var(--rare-glow);opacity:.5;pointer-events:none}.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:22px 22px}.art-stars i{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.7}.art-stars i:nth-child(1){top:22%;left:18%}.art-stars i:nth-child(2){top:30%;left:78%}.art-stars i:nth-child(3){top:48%;left:12%}.art-stars i:nth-child(4){top:58%;left:85%}.art-stars i:nth-child(5){top:74%;left:28%}.art-stars i:nth-child(6){top:82%;left:66%}.art-x{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:52px;font-weight:900;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.5);text-shadow:0 0 24px var(--rare-glow),0 0 44px var(--rare-glow);font-style:italic;line-height:1}.art-x.sub{top:64%;font-size:13px;letter-spacing:4px;color:#ffffffbf;-webkit-text-stroke:0;text-shadow:0 1px 4px rgba(0,0,0,.5)}.art-mech{position:absolute;border:1px solid rgba(255,255,255,.13);background:#ffffff08}.mech-a{left:-14%;bottom:-18%;width:90%;height:60%;border-radius:50%;transform:rotate(-24deg);box-shadow:inset 0 0 40px #ffffff0d}.mech-b{right:-20%;top:12%;width:46%;height:30%;border-radius:8px;transform:rotate(18deg)}.mech-c{left:8%;top:16%;width:30px;height:30px;border-radius:50%;border-color:#fff3}.art-shine{position:absolute;top:-20%;left:-40%;width:34%;height:160%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:rotate(18deg);animation:shine-sweep 3.4s ease-in-out infinite}@keyframes shine-sweep{0%{left:-40%}60%,to{left:130%}}.card-art.art-photo{background:linear-gradient(165deg,#0b1b2b,#123a52 55%,#0a2a3e)}.art-photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .32s ease}.art-photo-img.loaded{opacity:1}.art-photo-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:900;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.4);opacity:0;pointer-events:none}.art-photo-fail .art-photo-fallback{opacity:1}.art-photo-fail .art-photo-img{display:none}.art-mecha{background:linear-gradient(165deg,#0b1b2b,#123a52 55%,#0a2a3e)}.art-neon{background:linear-gradient(165deg,#160a2a,#3b1e55 55%,#1e0f3a)}.art-steam{background:linear-gradient(165deg,#201404,#4e3214 55%,#2a1a08)}.art-galaxy{background:linear-gradient(165deg,#040a1e,#14245a 55%,#081036)}.art-gold{background:linear-gradient(165deg,#2e1c00,#6b4a0f 55%,#3a2400)}.art-gold .art-x{-webkit-text-stroke:2px rgba(255,217,106,.9)}.card-face.rarity-SP .card-art{animation:sp-halo 2.6s ease-in-out infinite}@keyframes sp-halo{0%,to{filter:brightness(1)}50%{filter:brightness(1.35) saturate(1.25)}}.card-face.rarity-SP{box-shadow:0 0 22px #f43f5e99,0 0 44px #f43f5e4d,0 8px 22px #0006!important}.card-back .back-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 8px,transparent 8px 16px),linear-gradient(160deg,#16263a,#0b1520);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.back-star{font-size:44px;font-weight:900;font-style:italic;color:#2ec4b6cc;text-shadow:0 0 20px rgba(46,196,182,.6)}.back-text{font-size:10px;letter-spacing:3px;color:#ffffff80}.card-xs{width:64px;height:88px;border-radius:10px}.card-xs .card-name{font-size:7px}.card-xs .card-rarity-tag{font-size:6.5px;padding:2px 5px}.card-xs .art-x{font-size:26px}.card-xs .art-x.sub,.card-xs .card-brand{display:none}.card-xs .card-head{padding:5px 6px}.card-xs .card-bottom{padding:6px}.card-xs .card-no{display:none}.card-sm{width:100%;height:100%}.card-sm .card-name{font-size:10px}.card-sm .card-rarity-tag{font-size:8.5px}.card-md{width:100%;height:100%}.card-lg{width:210px;height:300px}.card-lg .card-name{font-size:15px}.card-lg .card-rarity-tag{font-size:13px;padding:4px 12px;border-radius:8px}.card-lg .card-no{font-size:11px}.card-lg .art-x{font-size:76px}.card-lg .art-x.sub{top:62%;font-size:16px}.card-lg .card-brand{font-size:12px}.card-lg .card-bottom{padding:14px 16px 16px}.rarity-badge{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;border-radius:8px;letter-spacing:1px}.badge-md{font-size:12px;padding:4px 12px}.badge-lg{font-size:16px;padding:7px 20px;border-radius:12px}@media (min-width: 480px){#app{border-radius:0}}.art-grain{background:linear-gradient(165deg,#f5e6c8,#e8c88b 55%,#d4a85a)}.art-grain .art-x{-webkit-text-stroke:2px rgba(139,90,43,.7);color:transparent}.art-paperplane{background:linear-gradient(165deg,#e8f4fd,#b8dff0 55%,#7ec8e3)}.art-paperplane .art-x{-webkit-text-stroke:2px rgba(44,120,160,.7);color:transparent}.art-sunflower{background:linear-gradient(165deg,#fff8e1,#ffe082 55%,#ffc107)}.art-sunflower .art-x{-webkit-text-stroke:2px rgba(230,150,0,.8);color:transparent}.art-store{background:linear-gradient(165deg,#fff3e0,#ffcc80 55%,#ff9800)}.art-store .art-x{-webkit-text-stroke:2px rgba(230,120,0,.7);color:transparent}.art-sugar{background:linear-gradient(165deg,#fce4ec,#f8bbd0 55%,#f48fb1)}.art-sugar .art-x{-webkit-text-stroke:2px rgba(200,80,130,.7);color:transparent}.art-lighthouse{background:linear-gradient(165deg,#e3f2fd,#90caf9 55%,#42a5f5)}.art-lighthouse .art-x{-webkit-text-stroke:2px rgba(30,100,180,.7);color:transparent}.art-hopscotch{background:linear-gradient(165deg,#f3e5f5,#ce93d8 55%,#ab47bc)}.art-hopscotch .art-x{-webkit-text-stroke:2px rgba(120,50,160,.7);color:transparent}.art-startrain{background:linear-gradient(165deg,#1a1a4e,#3f3f8c 55%,#5c5cb8)}.art-startrain .art-x{-webkit-text-stroke:2px rgba(180,180,255,.8);color:transparent}.art-moonpiano{background:linear-gradient(165deg,#1a1030,#3d2a5c 55%,#5e4480)}.art-moonpiano .art-x{-webkit-text-stroke:2px rgba(200,180,255,.7);color:transparent}.art-galaxycinema{background:linear-gradient(165deg,#0d0d2b,#2d1b5e 55%,#4a2e8c)}.art-galaxycinema .art-x{-webkit-text-stroke:2px rgba(180,160,255,.8);color:transparent}.art-mermaid{background:linear-gradient(165deg,#002b3b,#006064 55%,#00838f)}.art-mermaid .art-x{-webkit-text-stroke:2px rgba(100,220,230,.7);color:transparent}.art-goldhostess{background:linear-gradient(165deg,#2e1c00,#8b6914 55%,#d4a017)}.art-goldhostess .art-x{-webkit-text-stroke:2px rgba(255,230,120,.9);color:transparent}.art-midnight{background:linear-gradient(165deg,#0a0a2e,#1a0a3e 55%,#2d1b5e)}.art-midnight .art-x{-webkit-text-stroke:2px rgba(255,100,150,.85);color:transparent}.art-deco{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:900;color:#ffffff2e;text-shadow:0 0 30px rgba(255,255,255,.3);pointer-events:none}.card-sm .art-deco{font-size:28px}.card-lg .art-deco{font-size:80px}.album-cell-no{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:8px;color:#ffffffb3;font-weight:600;letter-spacing:.5px;pointer-events:none}.dim-no{font-size:8px;color:#b9c7c3;font-weight:500;margin-top:2px}