:root{--el-color-white:#fff;--el-color-black:#000;--el-color-primary-rgb:64, 158, 255;--el-color-success-rgb:103, 194, 58;--el-color-warning-rgb:230, 162, 60;--el-color-danger-rgb:245, 108, 108;--el-color-error-rgb:245, 108, 108;--el-color-info-rgb:144, 147, 153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#fff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#fff;--el-box-shadow:0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;--el-box-shadow-light:0px 0px 12px #0000001f;--el-box-shadow-lighter:0px 0px 6px #0000001f;--el-box-shadow-dark:0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:#000c;--el-overlay-color-light:#000000b3;--el-overlay-color-lighter:#00000080;--el-mask-color:#ffffffe6;--el-mask-color-extra-light:#ffffff4d;--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:top;transform:scaleY(1)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:bottom;transform:scaleY(1)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:0 0;transform:scale(1)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-leave-active,.el-collapse-transition-enter-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.el-icon.is-loading{animation:2s linear infinite rotating}.el-icon svg{width:1em;height:1em}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;vertical-align:middle;width:-moz-fit-content;width:fit-content;display:inline-block;position:relative}.el-badge__content{background-color:var(--el-badge-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);font-size:var(--el-badge-font-size);height:var(--el-badge-size);padding:0 var(--el-badge-padding);white-space:nowrap;border:1px solid var(--el-bg-color);justify-content:center;align-items:center;display:inline-flex}.el-badge__content.is-fixed{top:0;right:calc(1px + var(--el-badge-size) / 2);z-index:var(--el-index-normal);position:absolute;transform:translateY(-50%)translate(100%)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{border-radius:50%;width:8px;height:8px;padding:0;right:0}.el-badge__content.is-hide-zero{display:none}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);box-sizing:border-box;border-radius:var(--el-border-radius-base);border-width:var(--el-border-width);border-style:var(--el-border-style);border-color:var(--el-message-border-color);background-color:var(--el-message-bg-color);width:max-content;max-width:calc(100% - 32px);transition:opacity var(--el-transition-duration),transform .4s,top .4s,bottom .4s;padding:var(--el-message-padding);align-items:center;gap:8px;display:flex;position:fixed}.el-message.is-left{left:16px}.el-message.is-right{right:16px}.el-message.is-center{left:50%;transform:translate(-50%)}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--primary{--el-message-bg-color:var(--el-color-primary-light-9);--el-message-border-color:var(--el-color-primary-light-8);--el-message-text-color:var(--el-color-primary)}.el-message--primary .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--primary{color:var(--el-message-text-color)}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;top:-8px;right:-8px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{cursor:pointer;color:var(--el-message-close-icon-color);font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0}.el-message-fade-enter-from.is-left,.el-message-fade-enter-from.is-right,.el-message-fade-leave-to.is-left,.el-message-fade-leave-to.is-right{transform:translateY(-100%)}.el-message-fade-enter-from.is-left.is-bottom,.el-message-fade-enter-from.is-right.is-bottom,.el-message-fade-leave-to.is-left.is-bottom,.el-message-fade-leave-to.is-right.is-bottom{transform:translateY(100%)}.el-message-fade-enter-from.is-center,.el-message-fade-leave-to.is-center{transform:translate(-50%,-100%)}.el-message-fade-enter-from.is-center.is-bottom,.el-message-fade-leave-to.is-center.is-bottom{transform:translate(-50%,100%)}:root{--green-deep: #1b5e20;--green-primary: #2e7d32;--green-bright: #43a047;--green-light: #a5d6a7;--green-glow: rgba(76, 175, 80, .45);--amber: #ffb300;--amber-deep: #ff8f00;--bg-page: linear-gradient(160deg, #e8f5e9 0%, #f1f8e9 45%, #ffffff 100%);--text-main: #1f2d1f;--text-sub: #6b7d6b;--card-shadow: 0 6px 24px rgba(27, 94, 32, .12);--header-gradient: linear-gradient(135deg, #1b5e20 0%, #2e7d32 38%, #43a047 72%, #66bb6a 100%);--result-glow: rgba(76, 175, 80, .5);--particle-color-1: #4caf50;--particle-color-2: #ffb300;--particle-color-3: #81c784;--splash-bg: none;--lottery-bg: none}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;color:var(--text-main);background:var(--bg-page);background-attachment:fixed}#app{min-height:100vh}.page{min-height:100vh;padding-bottom:32px;display:flex;flex-direction:column}.h5-header{position:relative;overflow:hidden;padding:20px 16px 26px;background:var(--header-gradient, linear-gradient(135deg, #1b5e20 0%, #2e7d32 38%, #43a047 72%, #66bb6a 100%));background-size:300% 300%;animation:headerFlow 8s ease infinite;color:#fff;text-align:center;border-radius:0 0 22px 22px;box-shadow:0 4px 18px var(--green-glow)}.h5-header .title{font-size:22px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.25);letter-spacing:2px}.h5-header .subtitle{margin-top:6px;font-size:11px;letter-spacing:4px;text-transform:uppercase;opacity:.55}.sound-toggle{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s;z-index:5}.sound-toggle:active{transform:scale(.9);background:#ffffff59}.h5-header:before,.h5-header:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);animation:floatOrb 6s ease-in-out infinite}.h5-header:before{width:90px;height:90px;top:-30px;left:-20px}.h5-header:after{width:60px;height:60px;bottom:-24px;right:8px;animation-delay:2.5s}@keyframes headerFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatOrb{0%,to{transform:translateY(0)}50%{transform:translateY(14px)}}.glass-card{margin:14px 14px 0;padding:16px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(46,125,50,.15);box-shadow:var(--card-shadow)}.card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--green-deep);margin-bottom:12px}.card-title:before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--green-bright),var(--green-light));box-shadow:0 0 8px var(--green-glow)}.btn-primary{display:block;width:100%;padding:13px 0;border:none;border-radius:26px;font-size:16px;font-weight:700;color:#fff;letter-spacing:4px;background:linear-gradient(135deg,var(--green-primary),var(--green-bright));box-shadow:0 4px 14px var(--green-glow);transition:transform .15s,box-shadow .15s,opacity .15s}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.55}.btn-amber{background:linear-gradient(135deg,var(--amber-deep),var(--amber));box-shadow:0 4px 14px #ff8f0066}.grid-board{position:relative;padding:20px 16px 16px;border-radius:22px;background-image:var(--lottery-bg, none),radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.16),transparent 55%),linear-gradient(165deg,var(--green-bright),var(--green-deep));background-size:cover,auto,auto;background-position:center,center,center;box-shadow:0 8px 22px #00000047,inset 0 1px #ffffff40}.marquee-bulb{position:absolute;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);background:var(--amber, #ffd54f);box-shadow:0 0 6px 1px #ffd54fcc;animation:bulb-blink 1s infinite;pointer-events:none}.marquee-bulb.alt{animation-delay:.5s}.grid-board.drawing .marquee-bulb{animation-duration:.3s}.grid-board.drawing .marquee-bulb.alt{animation-delay:.15s}@keyframes bulb-blink{0%,49%{opacity:1}50%,to{opacity:.25;box-shadow:none}}@media(prefers-reduced-motion:reduce){.marquee-bulb{animation:none}}.lottery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border-radius:16px;background:#0000002e;box-shadow:inset 0 2px 8px #00000040}.grid-cell{position:relative;aspect-ratio:1;border-radius:12px;background:linear-gradient(180deg,#fffdf8,#fdf1de);border:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 6px 7px;overflow:hidden;box-shadow:0 2px 6px #0000002e;transition:box-shadow .12s,transform .12s,background .12s}.grid-cell .prize-pic{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.grid-cell .prize-emoji{font-size:34px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.grid-cell .prize-name{font-size:12px;font-weight:600;color:var(--green-deep, #c62828);text-align:center;line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.grid-cell img{width:42px;height:42px;object-fit:contain}.grid-cell.active{background:linear-gradient(180deg,#fff8e1,#ffe082);box-shadow:0 0 0 2.5px var(--amber),0 0 16px #ffb300cc,inset 0 0 12px #ffb30059;transform:scale(1.04);z-index:1}.grid-cell.center-btn{margin:4px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#ffecb3,#ffc107 62%,#ffa000);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 5px #ff8f00,0 5px 14px #00000059,inset 0 -6px 12px #ff8f0073}.grid-cell.center-btn .center-label{display:block;width:3.4em;font-size:15px;font-weight:800;line-height:1.3;letter-spacing:1px;text-align:center;color:var(--green-deep, #b71c1c)}.grid-cell.center-btn:active{transform:scale(.96)}.grid-cell.center-btn.disabled{opacity:.6;cursor:not-allowed}.grid-cell.center-btn.drawing{animation:draw-pulse 1.2s ease infinite;cursor:wait}@keyframes draw-pulse{0%,to{box-shadow:0 0 0 5px #ff8f00,0 5px 14px #00000059,inset 0 -6px 12px #ff8f0073;transform:scale(1)}50%{box-shadow:0 0 0 5px #ff8f00,0 5px 26px #ff8f00e6,inset 0 -6px 12px #ff8f0073;transform:scale(.98)}}.grid-stats{margin-top:12px;padding:8px 12px;border-radius:12px;background:linear-gradient(135deg,var(--green-deep),var(--green-primary));box-shadow:inset 0 1px #ffffff26;text-align:center;font-size:14px;font-weight:600;line-height:1.8;color:var(--amber, #ffd54f);text-shadow:0 1px 3px rgba(0,0,0,.4)}.grid-stats b{margin:0 3px;font-size:16px;color:#fff}.slow-hint{margin-top:12px;padding:8px 12px;border-radius:10px;font-size:12px;text-align:center;color:#b45309;background:#ffbe3c26;border:1px solid rgba(255,170,40,.35)}.stat-bar{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--text-sub)}.stat-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 8px var(--green-glow);animation:pulse 1.6s ease infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}.stat-bar b{color:var(--amber-deep);font-size:16px}.lottery-wheel-wrap{display:flex;justify-content:center;align-items:center;padding:20px 0 10px;background:var(--lottery-bg, none);border-radius:12px}.lottery-scratch-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 0 8px;background:var(--lottery-bg, none);border-radius:12px}.lottery-slot-wrap,.lottery-egg-wrap,.lottery-flip-wrap,.lottery-gacha-wrap,.lottery-chest-wrap,.lottery-balloon-wrap,.lottery-redpacket-wrap,.lottery-shake-wrap,.lottery-claw-wrap{display:flex;justify-content:center;align-items:center;padding:16px 0 8px;background:var(--lottery-bg, none);border-radius:12px}.scratch-draw-btn{width:auto;min-width:160px;padding:10px 28px;font-size:15px}.scratch-hint{font-size:13px;color:var(--text-sub);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.field-group{margin-bottom:14px}.field-group label{display:block;font-size:13px;color:var(--text-sub);margin-bottom:6px}.field-group input{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid rgba(46,125,50,.25);font-size:15px;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.field-group input:focus{border-color:var(--green-bright);box-shadow:0 0 0 3px #43a04726}.code-row{display:flex;gap:10px}.code-row input{flex:1}.code-btn{flex-shrink:0;width:118px;border:none;border-radius:12px;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--green-primary),var(--green-bright))}.code-btn:disabled{opacity:.55}.record-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#fff;border:1px solid rgba(46,125,50,.12);margin-bottom:10px}.record-card .info{flex:1;min-width:0}.record-card .name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-card .meta{margin-top:3px;font-size:12px;color:var(--text-sub)}.badge{flex-shrink:0;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge.pending{background:#fff3e0;color:#e65100}.badge.claimed{background:#e8f5e9;color:var(--green-primary)}.badge.expired,.badge.none{background:#f5f5f5;color:#9e9e9e}.redeem-code{margin:14px auto 0;padding:14px;text-align:center;border-radius:12px;background:linear-gradient(135deg,#fff8e1,#fffde7);border:1.5px dashed var(--amber)}.redeem-code .code{font-size:26px;font-weight:800;letter-spacing:3px;color:var(--amber-deep)}.redeem-code .tip{margin-top:6px;font-size:12px;color:var(--text-sub)}.empty-state{padding:40px 0;text-align:center;color:var(--text-sub);font-size:14px}.empty-state .circle{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;align-items:center;justify-content:center;font-size:28px;animation:pulse 2.2s ease infinite}.result-mask{position:fixed;inset:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center;padding:0 28px}.result-card{width:100%;max-width:320px;padding:28px 22px 22px;border-radius:20px;background:linear-gradient(160deg,#ffffff 0%,var(--green-light, #f1f8e9) 100%);border:2px solid var(--green-light);box-shadow:0 0 30px var(--result-glow, var(--green-glow));text-align:center;animation:popIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.result-card.is-win{border-color:var(--amber, #ffd54f);padding-top:40px;box-shadow:0 0 46px var(--result-glow, var(--green-glow)),0 0 90px #ffc10773;animation:winPop .5s cubic-bezier(.18,1.4,.4,1),winShake .5s .44s ease-in-out}@keyframes winPop{0%{transform:scale(.3) rotate(-4deg);opacity:0}60%{transform:scale(1.12) rotate(1.5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes winShake{0%,to{transform:translate(0)}15%{transform:translate(-7px) rotate(-1deg)}30%{transform:translate(6px) rotate(1deg)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(1px)}}@media(prefers-reduced-motion:reduce){.result-card.is-win{animation:winPop .4s ease-out}}.win-ribbon{position:relative;margin:-26px auto 10px;width:76%;padding:11px 0;text-align:center;font-size:21px;font-weight:800;letter-spacing:4px;color:#fff8e1;background:linear-gradient(135deg,var(--amber-deep, #ff8f00) 0%,var(--amber, #ffb300) 55%,var(--amber-deep, #ff8f00) 100%);border-radius:6px;box-shadow:0 5px 16px #0000004d;text-shadow:0 1px 3px rgba(0,0,0,.35);z-index:2}.win-ribbon:before,.win-ribbon:after{content:"";position:absolute;top:9px;width:30px;height:100%;background:var(--amber-deep, #ff8f00);filter:brightness(.82);z-index:-1}.win-ribbon:before{left:-22px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,38% 50%)}.win-ribbon:after{right:-22px;clip-path:polygon(0 0,100% 0,62% 50%,100% 100%,0 100%)}.win-subtitle{margin-top:2px;font-size:13px;color:var(--text-sub);letter-spacing:1px}.result-card .result-title{font-size:20px;font-weight:800;color:var(--green-deep)}.result-card .actions{margin-top:20px;display:flex;flex-direction:column;gap:10px}.notice-bar{margin:12px 14px 0;padding:10px 14px;border-radius:10px;font-size:12px;color:#8d6e00;background:#fff8e1;border:1px solid #ffe082}.follow-card{margin-top:18px;padding:16px 14px;border-radius:12px;text-align:center;background:linear-gradient(160deg,#f2fbf5,#e6f7ec);border:1px solid rgba(46,160,90,.18)}.follow-card .follow-title{font-size:14px;font-weight:700;color:var(--green-deep)}.follow-card .follow-qr{display:block;width:128px;height:128px;margin:12px auto 8px;border-radius:10px;background:#fff;padding:6px;box-shadow:0 2px 8px #00000014}.follow-card .follow-tip{font-size:12px;line-height:1.6;color:var(--text-sub)}.subscribe-card{margin-top:14px;padding:14px;border-radius:12px;text-align:center;background:linear-gradient(160deg,#fffaf0,#fff3e0);border:1px solid rgba(230,150,40,.22)}.subscribe-card .subscribe-head{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px}.subscribe-card .subscribe-name{font-size:14px;font-weight:700;color:var(--amber-deep)}.subscribe-card .subscribe-state{padding:2px 8px;border-radius:999px;font-size:11px;background:#f5e6cf;color:#a3742a}.subscribe-card .subscribe-state--on{background:#e8f5e9;color:var(--green-deep)}.subscribe-card .subscribe-tip{margin-top:8px;font-size:12px;color:var(--text-sub)}.subscribe-card .subscribed-tip{font-size:13px;font-weight:600;color:var(--green-deep)}.guide-mask{position:fixed;inset:0;z-index:300;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:0 30px}.guide-dialog{width:100%;max-width:320px;padding:26px 22px 18px;border-radius:20px;background:linear-gradient(160deg,#fff,#fffaf0);border:2px solid rgba(230,150,40,.28);box-shadow:0 0 34px #e6962840;text-align:center;animation:popIn .35s cubic-bezier(.34,1.56,.64,1)}.guide-dialog .guide-icon{width:56px;height:56px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#ffe082,#ffb300);display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 6px 16px #ffb30059;animation:pulse 2.2s ease infinite}.guide-dialog .guide-title{margin-top:12px;font-size:18px;font-weight:800;color:var(--amber-deep)}.guide-dialog .guide-desc{margin-top:8px;font-size:13px;line-height:1.6;color:var(--text-sub)}.guide-points{margin:14px 0 16px;padding:10px 16px;border-radius:12px;background:#fff8e1cc;border:1px dashed rgba(230,150,40,.35);text-align:left}.guide-points .guide-point{font-size:12px;line-height:1.9;color:#8d6e00}.guide-dialog .guide-skip{margin-top:12px;font-size:13px;color:var(--text-sub);cursor:pointer}