:root{color-scheme:light;--ink:#503a30;--muted:#9a8072;--rose:#b76662;--line:#ecddcd;--cream:#fff8ee;--gold:#ccad71;font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:radial-gradient(ellipse at 48% 29%,#fffdf7 0%,#fff8ed 40%,#fbf0e4 100%);color:var(--ink)}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a06c65;outline-offset:5px}[hidden]{display:none!important}
.wheel-page{max-width:1880px;min-height:100vh;margin:auto;padding:76px 4.4vw 56px;display:grid;grid-template-columns:minmax(0,24fr) minmax(0,48fr) minmax(0,28fr);column-gap:40px;align-items:center}
.intro-column{align-self:center;max-width:390px}.activity-heading{padding:0 4px 24px}.eyebrow{margin:0 0 25px;font-size:11px;font-weight:700;letter-spacing:.26em;color:#b79568;text-transform:uppercase}.activity-label{margin:0 0 10px;font-size:13px;color:#b8877a;letter-spacing:.15em}.activity-heading h1{margin:0;line-height:1.22;font-size:clamp(35px,2.8vw,54px);font-weight:800;letter-spacing:-.045em;overflow-wrap:anywhere}.activity-description{margin:22px 0 0;color:#92786b;font-size:15px;line-height:1.95;white-space:pre-line;overflow-wrap:anywhere}.heading-divider{display:flex;gap:14px;align-items:center;width:128px;margin-top:29px;color:#c9b18c;font-size:15px}.heading-divider i{height:1px;flex:1;background:#dfc9ab}
.rules-panel{margin:10px 0 27px;padding:0 4px}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}.section-heading h2{font-size:15px;font-weight:700;margin:0;letter-spacing:.015em}.small-paw{font-size:16px;color:#c9a979}.activity-rules{font-size:13px;line-height:1.85;color:#9a8275;white-space:pre-line;overflow-wrap:anywhere}.order-panel{padding:22px 22px 19px;border:1px solid #e9daca;border-radius:20px;background:linear-gradient(145deg,#fffdf8d9,#fff9f0b8);box-shadow:0 10px 28px #b28d6410}.order-dot{width:7px;height:7px;border-radius:50%;background:#bc8274;box-shadow:0 0 0 4px #f8e9df}.order-number{font-size:11px;line-height:1.8;color:#a3897a;overflow-wrap:anywhere;margin:0 0 12px}.chance-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0 0;font-size:13px;color:#8c7164}.chance-row strong{color:#a36354;font-family:Georgia,serif;font-size:38px;line-height:1;font-weight:500}.order-status{margin:16px 0 0;color:#966c5a;font-size:13px;font-weight:600;line-height:1.6}.order-hint{margin:7px 0 0;color:#ac9285;font-size:11px;line-height:1.75;white-space:pre-line}.order-actions{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}.order-actions:has(:not([hidden])){margin-top:12px}.order-actions a,.order-actions button{color:#a66d5c;background:transparent;border:0;padding:0;text-underline-offset:3px}.sync-note{padding-left:4px;margin:17px 0 0;font-size:10px;line-height:1.8;color:#b79b86}
.wheel-column{min-width:0;text-align:center;position:relative;align-self:center}.wheel-stage{position:relative;width:100%;max-width:680px;margin:0 auto;padding-top:144px;isolation:isolate}.wheel-frame{position:relative;width:100%;aspect-ratio:1;border-radius:50%;padding:6.3%;background:radial-gradient(circle at 35% 26%,#fffef8 0%,#f9e9d2 48%,#e3c598 73%,#fff7e8 81%,#d7b584 94%,#ad8050 100%);box-shadow:0 23px 30px #b6937330,0 5px 10px #8d66343b,inset 0 2px 4px #ffffffe3,inset 0 -6px 8px #9d74485a;z-index:2}.wheel-frame:before{content:"";position:absolute;inset:2.4%;border-radius:50%;border:1px solid #fff9e6;box-shadow:inset 0 0 5px #dbbd9580,0 0 1px #9e764c;background:repeating-conic-gradient(from 1deg,#ffffff2e 0deg 1deg,#b7925c16 1deg 2deg);pointer-events:none}.wheel-frame:after{content:"";position:absolute;inset:5.8%;border-radius:50%;border:3px solid #cba574;box-shadow:inset 0 0 0 3px #fffaea,0 0 0 1px #ad8654;pointer-events:none}.rim-studs{position:absolute;inset:0;pointer-events:none}.rim-studs i{position:absolute;width:7px;height:7px;left:50%;top:50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffbee 0%,#ead4a5 43%,#ba9256 100%);box-shadow:0 1px 2px #9f7d5740}.wheel-disc{width:100%;height:100%;border-radius:50%;overflow:hidden;transform:rotate(0deg);will-change:transform;background:#fff4e1;box-shadow:inset 0 2px 8px #9e733947}.wheel-disc svg{display:block;width:100%;height:100%;overflow:visible}.wheel-disc text{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;fill:#735645;font-weight:700;paint-order:stroke;stroke:#fffaf080;stroke-width:1.5px}.wheel-disc .sector-line{stroke:#ffffffb8;stroke-width:2.3}.sector-icon{fill:#b58c5e;font-size:27px!important;stroke:transparent!important}.cat-host{position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:67%;height:212px;z-index:4;pointer-events:none}.wheel-cat{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 4px #a6835b25);user-select:none}.fixed-pointer{position:absolute;left:50%;top:3.7%;transform:translateX(-50%);width:28px;height:49px;z-index:7;filter:drop-shadow(0 3px 2px #a8866145)}.fixed-pointer:before{content:"";position:absolute;width:23px;height:23px;border-radius:50%;top:0;left:3px;background:radial-gradient(circle at 35% 30%,#fff9e6,#e8cfa0 60%,#ba925c);border:2px solid #fff5d9}.fixed-pointer span{position:absolute;top:17px;left:5px;width:19px;height:29px;background:linear-gradient(90deg,#ca9d62,#f5dbad 48%,#cca46d);clip-path:polygon(0 0,100% 0,50% 100%)}.spin-button{position:absolute;left:50%;top:50%;width:29%;height:29%;transform:translate(-50%,-50%);border:1px solid #d0a473;border-radius:50%;z-index:6;background:radial-gradient(circle at 35% 20%,#fffaf0 0%,#ffe5cf 45%,#efbbae 90%);box-shadow:0 7px 9px #94704838,inset 0 3px 5px #fffaf9,inset 0 -5px 4px #d69a8636;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#a76559;transition:filter .2s,box-shadow .2s}.spin-button:not(:disabled):hover{filter:brightness(1.035);box-shadow:0 8px 14px #94704848,inset 0 3px 5px #fffaf9,inset 0 -5px 4px #d69a8636}.spin-button:not(:disabled):active{transform:translate(-50%,-48%);box-shadow:0 3px 6px #94704838,inset 0 3px 5px #fffaf9}.spin-button:disabled{filter:saturate(.7)}.spin-button-label{font-size:clamp(11px,1vw,17px);font-weight:800;line-height:1.3;max-width:85%;overflow-wrap:anywhere}.paw{position:relative;display:block;width:65px;height:54px;filter:drop-shadow(0 2px 1px #ad70531b)}.paw b{position:absolute;left:13px;bottom:1px;width:39px;height:31px;background:#d99187;border-radius:46% 46% 39% 39%;transform:rotate(-3deg);box-shadow:inset 0 2px 2px #efb5ac}.paw i{position:absolute;width:13px;height:17px;background:#e5a198;border-radius:55%;box-shadow:inset 0 2px 2px #f8c3b6}.paw i:nth-child(1){left:1px;top:17px;transform:rotate(-29deg)}.paw i:nth-child(2){left:16px;top:1px;transform:rotate(-13deg)}.paw i:nth-child(3){right:17px;top:0;transform:rotate(9deg)}.paw i:nth-child(4){right:0;top:17px;transform:rotate(25deg)}.wheel-shadow{position:absolute;left:8%;right:8%;height:10%;bottom:-4%;background:radial-gradient(ellipse,#bfa3804d,transparent 70%);filter:blur(7px);z-index:0}.stage-spark{position:absolute;color:#d7bd93;z-index:3}.spark-one{left:1%;top:17%;font-size:38px;transform:rotate(13deg)}.spark-two{right:4%;top:7%;font-size:32px;transform:rotate(-13deg)}.spark-three{right:-1%;bottom:9%;font-size:24px}.wheel-caption{margin:32px auto 0;font-size:12px;line-height:1.9;color:#a18470;max-width:90%;min-height:24px}.result-link{border:0;border-bottom:1px solid #cfad8a;background:none;color:#a46b58;padding:4px 0;font-size:12px}.preview-badge{position:absolute;right:10px;top:-15px;font-size:11px;letter-spacing:.04em;color:#8f6f54;background:#f5e6d1;border:1px solid #e8d5b6;padding:7px 14px;border-radius:99px;z-index:8}.celebration{position:absolute;inset:0;z-index:9;pointer-events:none}.celebration i{position:absolute;top:48%;left:50%;font-size:22px;color:#c49c67;animation:celebrate 1.8s cubic-bezier(.15,.5,.3,1) forwards}.celebration i:nth-child(3n){color:#d99791}.celebration i:nth-child(3n + 1){color:#b3bfaa}@keyframes celebrate{0%{opacity:0;transform:translate(0,0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
.detail-column{display:flex;flex-direction:column;gap:22px;max-width:420px;width:100%;justify-self:end}.prize-panel,.record-panel{border:1px solid #ebddce;border-radius:24px;padding:26px 24px;background:#fffaf4cc;box-shadow:0 8px 28px #b18c6109}.panel-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-heading h2{margin:0;font-size:20px;font-weight:750;letter-spacing:-.02em}.panel-eyebrow{font-size:9px;font-weight:650;letter-spacing:.2em;text-transform:uppercase;color:#b79776;margin:0 0 7px}.panel-mark{color:#caaa79;font-size:24px}.panel-description{margin:7px 0 0;font-size:11px;color:#ac9484;line-height:1.6}.prize-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:330px;overflow:auto;scrollbar-width:thin;scrollbar-color:#dfc8b2 transparent;padding:1px}.prize-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:13px 8px 11px;background:#ffffff99;border:1px solid #eee2d6;border-radius:14px;min-width:0}.prize-card:nth-child(4n + 2){background:#fff5f2aa}.prize-card:nth-child(4n + 3){background:#f6f7eeaa}.prize-card:nth-child(4n + 4){background:#f9f5fcaa}.prize-image{display:grid;place-items:center;width:48px;height:47px;margin-bottom:7px;color:#bc956c;font-size:27px;overflow:hidden}.prize-image img{width:100%;height:100%;object-fit:contain}.prize-card h3{font-size:12px;line-height:1.45;font-weight:650;margin:0;overflow-wrap:anywhere}.prize-card p{font-size:10px;line-height:1.6;color:#ae9684;margin:5px 0 0;overflow-wrap:anywhere}.prize-stock{font-size:9px!important;color:#b17c67!important}.probability-link{display:block;width:100%;margin-top:16px;border:0;background:transparent;color:#ae8871;font-size:11px;text-decoration:underline;text-underline-offset:3px}.record-panel{padding-top:23px;padding-bottom:17px}.record-panel .panel-heading{margin-bottom:8px}.record-panel h2{font-size:17px}.live-dot{width:6px;height:6px;background:#b8b18c;border-radius:50%;box-shadow:0 0 0 4px #eeecdd}.record-list{max-height:233px;overflow:auto;scrollbar-width:thin;scrollbar-color:#dfc8b2 transparent}.record-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px dashed #e8d9ca}.record-row:last-child{border-bottom:0}.record-avatar{width:32px;height:32px;border-radius:50%;background:#f4e9db;color:#b19474;display:grid;place-items:center;font-size:13px;flex:none;overflow:hidden}.record-avatar img{width:100%;height:100%;object-fit:cover}.record-copy{flex:1;min-width:0}.record-copy strong{display:block;font-size:11px;line-height:1.6;font-weight:500;color:#9c8271;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.record-copy p{font-size:11px;color:#97674f;margin:3px 0 0;line-height:1.5;overflow-wrap:anywhere}.record-time{font-size:9px;color:#b49e8d;flex:none;line-height:1.6;text-align:right}.empty-records,.empty-pool{font-size:12px;line-height:1.8;text-align:center;color:#b09a89;padding:20px 0;grid-column:1/-1}.more-button{display:block;width:100%;border:0;background:transparent;color:#b08a74;font-size:10px;margin-top:9px;padding:8px}.more-button:disabled{opacity:.6}
.wheel-dialog{border:1px solid #ead4be;border-radius:28px;background:#fffaf1;color:var(--ink);padding:0;max-width:calc(100vw - 36px);width:420px;box-shadow:0 32px 110px #563c3140}.wheel-dialog::backdrop{background:#59453755;backdrop-filter:blur(7px)}.result-body{position:relative;padding:36px 32px 26px;text-align:center}.dialog-close{position:absolute;right:17px;top:15px;border:0;background:#f3e7d8;border-radius:50%;width:29px;height:29px;color:#a0836a;font-size:23px;line-height:1;display:grid;place-items:center}.result-eyebrow{font-size:11px;color:#b48a6a;letter-spacing:.15em;margin:0 0 12px}.result-body h2{font-size:26px;line-height:1.4;margin:0;font-weight:750}.result-image{width:108px;height:108px;border:1px solid #eddbc4;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fffdfa,#f6e1c4);font-size:48px;color:#bd955e;margin:24px auto 18px;box-shadow:0 10px 25px #bf976321}.result-image img{width:75%;height:75%;object-fit:contain}.result-body h3{font-size:20px;line-height:1.5;margin:0 0 20px;overflow-wrap:anywhere}.result-details{margin:0;padding:13px 0;border-top:1px solid #ead9c6;border-bottom:1px solid #ead9c6}.result-details div{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.8;margin:6px 0}.result-details dt{color:#a78b74;flex:none}.result-details dd{margin:0;color:#876b57;overflow-wrap:anywhere;text-align:right}.result-note{font-size:11px;color:#ad927b;line-height:1.8;margin:17px 0 20px;white-space:pre-line}.dialog-done{border:1px solid #d6af8e;border-radius:13px;padding:12px 20px;width:100%;background:linear-gradient(#fbe5d1,#f5d2be);color:#976652;font-weight:650;font-size:13px}.probability-dialog{padding:30px}.probability-dialog h2{font-size:22px;margin:0 36px 12px 0}.probability-dialog>p{font-size:12px;color:#a58a73;line-height:1.8;white-space:pre-line}.probability-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #ebdccb;font-size:13px}.probability-row strong{font-weight:650;color:#a17354}.probability-row span{overflow-wrap:anywhere}
.result-order-link{display:inline-block;margin-top:14px;font-size:11px;color:#a8866b;text-underline-offset:3px}
@media(min-width:1700px){.wheel-page{column-gap:55px;padding-left:5vw;padding-right:5vw}.detail-column{max-width:420px}.wheel-stage{padding-top:155px}.cat-host{height:224px}.prize-list{max-height:357px}.record-list{max-height:253px}}
@media(max-width:1250px){.wheel-page{padding:52px 3vw 40px;column-gap:25px}.intro-column{max-width:300px}.activity-heading h1{font-size:35px}.activity-description{font-size:13px}.rules-panel{margin-bottom:20px}.order-panel{padding:18px 16px}.wheel-stage{padding-top:118px}.cat-host{height:167px;top:-1px}.prize-panel,.record-panel{padding:19px 16px}.panel-heading h2{font-size:17px}.prize-list{max-height:280px}.paw{transform:scale(.8);margin:-5px}.spin-button{gap:5px}.record-time{font-size:8px}}
@media(max-width:980px){.wheel-page{grid-template-columns:minmax(0,42fr) minmax(0,58fr);padding:42px 5vw;gap:26px;align-items:start}.intro-column{align-self:center;max-width:none}.wheel-column{align-self:center}.detail-column{grid-column:1/-1;max-width:none;display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.prize-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:250px}.record-list{max-height:266px}.wheel-stage{padding-top:115px}.cat-host{height:166px}.wheel-caption{margin-top:25px}}
@media(max-width:640px){.wheel-page{display:flex;flex-direction:column;padding:30px 22px 36px;gap:0;min-height:100vh;overflow:hidden}.intro-column{width:100%;display:contents}.activity-heading{width:100%;padding:0 4px 10px;text-align:center;order:0}.eyebrow{font-size:9px;margin-bottom:17px}.activity-label{font-size:11px;margin-bottom:8px}.activity-heading h1{font-size:34px;line-height:1.25}.activity-description{font-size:12px;line-height:1.8;margin-top:13px}.heading-divider{margin:19px auto 0;width:90px}.wheel-column{width:100%;max-width:440px;order:1;margin:12px auto 24px}.wheel-stage{padding-top:102px}.cat-host{width:67%;height:148px}.stage-spark.spark-one{font-size:27px;top:19%}.stage-spark.spark-two{font-size:24px;right:3%}.fixed-pointer{width:22px;height:36px}.fixed-pointer:before{width:19px;height:19px;left:1px}.fixed-pointer span{top:14px;left:3px;width:16px;height:23px}.paw{transform:scale(.7);margin:-9px}.spin-button-label{font-size:11px}.spin-button{gap:6px}.wheel-caption{font-size:10px;margin-top:24px}.preview-badge{right:0;top:-8px;font-size:10px}.order-panel{order:2;width:100%;max-width:440px;margin:0 auto 24px;padding:19px 20px}.rules-panel{order:4;margin:25px 0 0;width:100%;padding:0 6px}.rules-panel h2{font-size:13px}.activity-rules{font-size:11px}.sync-note{order:5;font-size:9px;margin:16px 6px 0}.detail-column{order:3;display:flex;gap:19px;width:100%;max-width:none}.prize-panel,.record-panel{padding:22px 20px;border-radius:20px}.prize-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:320px}.prize-card{padding:12px 7px}.prize-card h3{font-size:11px}.prize-card p{font-size:9px}.prize-image{width:43px;height:43px}.record-list{max-height:245px}.record-copy strong,.record-copy p{font-size:11px}.record-time{font-size:9px}.record-row{gap:12px}.result-body{padding:35px 24px 24px}.wheel-dialog{border-radius:24px}.probability-dialog{padding:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.celebration{display:none}.spin-button{transition:none}}