:root{--ink: #3c2a2e;--muted: #786d7f;--line: rgba(92, 68, 76, .18);--milk: #fffafb;--ice: #dff6ff;--ice-strong: #aee8f7;--lavender: #d6c3ff;--violet: #b675d7;--blush: #ff9da4;--ribbon: #f6b6dc;--butter: #fff0a8;--shadow: rgba(104, 84, 120, .14);color:var(--ink);background:var(--milk);font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(#fffafb33,#fffafb33),url(/assets/site-background.webp) center / cover fixed no-repeat}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:#fffafb3d}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{display:flex;flex-direction:column;width:min(1160px,calc(100% - 32px));min-height:100vh;margin:0 auto}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--ink)}.site-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.site-nav a{min-width:58px;padding:9px 14px;border:1px solid transparent;border-radius:999px;color:var(--muted);text-align:center}.site-nav a:hover,.site-nav a.active{border-color:#b675d73d;background:#fffafbc7;color:var(--ink);box-shadow:0 10px 28px #d6c3ff3d}.session-pill{flex:0 0 auto;border:1px solid rgba(92,68,76,.14);border-radius:999px;padding:8px 12px;background:#fffafbb8;color:var(--muted);font-size:13px;font-weight:750}main{flex:1;padding:42px 0 80px}.web-pet{position:fixed;top:0;left:0;z-index:30;width:156px;height:156px;visibility:hidden;opacity:0;cursor:grab;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;contain:layout;will-change:transform;transition:opacity .16s ease}.web-pet.ready{visibility:visible;opacity:1;pointer-events:auto}.web-pet.dragging{cursor:grabbing}.web-pet img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 12px rgba(74,52,65,.16))}.web-pet-bubble{position:absolute;bottom:calc(100% + 4px);left:50%;z-index:1;width:max-content;max-width:min(220px,calc(100vw - 16px));border:1px solid rgba(92,68,76,.2);border-radius:8px;padding:9px 12px;background:#fffafbf5;box-shadow:0 10px 30px #4a344129;color:var(--ink);font-size:14px;font-weight:800;line-height:1.45;text-align:center;overflow-wrap:anywhere;pointer-events:none;transform:translate(-50%)}.web-pet-bubble:after{position:absolute;top:100%;left:50%;width:12px;height:12px;border-right:1px solid rgba(92,68,76,.2);border-bottom:1px solid rgba(92,68,76,.2);background:#fffafbf5;content:"";transform:translate(-50%,-6px) rotate(45deg)}.web-pet-bubble.align-left{left:0;transform:none}.web-pet-bubble.align-left:after{left:48px}.web-pet-bubble.align-right{right:0;left:auto;transform:none}.web-pet-bubble.align-right:after{right:48px;left:auto}.web-pet-bubble-enter-active,.web-pet-bubble-leave-active{transition:opacity .14s ease,margin-bottom .14s ease}.web-pet-bubble-enter-from,.web-pet-bubble-leave-to{margin-bottom:-4px;opacity:0}.hero-section{display:grid;min-height:560px;align-items:center;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:48px}.hero-copy h1,.page-heading h1{max-width:780px;margin:0;color:var(--ink);font-size:clamp(42px,7vw,82px);line-height:1.02;letter-spacing:0}.hero-text,.page-heading p{max-width:640px;color:var(--muted);font-size:18px;line-height:1.8}.eyebrow{margin:0 0 14px;color:var(--violet);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.form-actions{display:flex;flex-wrap:wrap;gap:12px}.form-actions .button{flex:1 1 160px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:0 20px;background:#fffafbd1;color:var(--ink);cursor:pointer;font-weight:750;box-shadow:0 12px 30px #d6c3ff2e}.button.primary{border-color:#3c2a2e1f;background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.7),transparent 18%),linear-gradient(135deg,var(--ice-strong),var(--lavender) 54%,var(--ribbon));color:var(--ink)}.button.ghost:hover,.button.primary:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.68}.mascot-panel{position:relative;aspect-ratio:1;min-height:320px}.hero-image-panel{overflow:hidden;border:1px solid rgba(92,68,76,.14);border-radius:8px;box-shadow:0 24px 90px #6854782e}.hero-image-panel img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.mascot-panel.hero-image-panel:before{content:none}.mascot-panel:before{position:absolute;inset:20% 12% 8% 10%;border:2px solid rgba(60,42,46,.14);border-radius:44% 46% 38% 42%;background:radial-gradient(circle at 30% 46%,rgba(255,255,255,.92) 0 7%,transparent 8%),radial-gradient(circle at 68% 43%,rgba(255,255,255,.92) 0 7%,transparent 8%),linear-gradient(145deg,#fffffff2,#f6f1ffd1);box-shadow:0 30px 90px #6854782e;content:""}.mascot-hat{position:absolute;top:11%;left:12%;z-index:2;width:70%;height:25%;border:2px solid rgba(60,42,46,.16);border-bottom:4px solid rgba(174,232,247,.72);border-radius:56% 48% 22% 16%;background:linear-gradient(8deg,transparent 58%,rgba(214,195,255,.48) 59% 65%,transparent 66%),linear-gradient(160deg,#f9feff 0%,var(--ice) 72%);transform:rotate(-6deg)}.mascot-face{position:absolute;inset:28% 17% 16%;z-index:3}.eye{position:absolute;top:30%;width:26%;height:28%;border:5px solid #4b2428;border-radius:50%;background:radial-gradient(circle at 35% 26%,#fff 0 11%,transparent 12%),radial-gradient(circle at 58% 32%,rgba(255,255,255,.78) 0 8%,transparent 9%),linear-gradient(145deg,#d98bea,#b675d7 64%,#f0c4ff)}.eye.left{left:18%}.eye.right{right:15%}.cheek{position:absolute;top:62%;width:38px;height:16px;border-radius:999px;background:#ff9da480;filter:blur(.2px)}.cheek.left{left:17%;transform:rotate(10deg)}.cheek.right{right:16%;transform:rotate(-10deg)}.mouth{position:absolute;left:48%;top:58%;width:72px;height:48px;border:4px solid #b85c67;border-radius:47% 53% 44% 48%;background:#ff9da4;transform:translate(-50%) rotate(-4deg)}.bow{position:absolute;z-index:4;width:64px;height:44px}.bow:before,.bow:after{position:absolute;width:30px;height:36px;border:2px solid rgba(60,42,46,.16);background:linear-gradient(145deg,#fff5ff,var(--lavender));content:""}.bow:before{left:2px;border-radius:70% 24% 58% 34%;transform:rotate(-18deg)}.bow:after{right:2px;border-radius:24% 70% 34% 58%;transform:rotate(18deg)}.bow.big{top:44%;left:0}.bow.small{right:4%;bottom:30%;width:38px;height:26px;transform:scale(.65)}.chain{position:absolute;top:23%;left:35%;z-index:5;width:34%;height:20%;border-top:5px dotted rgba(126,122,137,.68);border-radius:50%;transform:rotate(-8deg)}.anchor{position:absolute;top:31%;left:58%;z-index:5;color:#7e7a89c7;font-size:40px;font-weight:900;transform:rotate(180deg)}.season-orbit{position:absolute;inset:0}.season-orbit:before{position:absolute;inset:16% 10%;border:3px dashed rgba(173,166,184,.55);border-radius:50%;content:""}.season-orbit:after{position:absolute;top:6%;left:50%;width:64px;height:34px;border:2px solid rgba(60,42,46,.16);border-radius:18px 18px 6px 6px;background:linear-gradient(135deg,#f5fbff,var(--ice));box-shadow:0 14px 34px #aee8f757;content:"";transform:translate(-50%) rotate(-5deg)}.season{position:absolute;z-index:6;display:grid;width:148px;height:148px;place-items:center;border:2px solid rgba(60,42,46,.16);border-radius:34px;box-shadow:0 24px 80px var(--shadow);color:var(--ink);font-size:46px;font-weight:900}.season:before,.season:after{position:absolute;border-radius:50%;background:#ff9da485;content:""}.season:before{right:22px;bottom:28px;width:10px;height:14px}.season:after{right:40px;bottom:22px;width:8px;height:12px}.spring{top:2%;left:5%;background:linear-gradient(145deg,#f9fffb,#dff6ff)}.summer{top:24%;right:0;background:linear-gradient(145deg,#fff9d7,#dff6ff)}.autumn{right:18%;bottom:1%;background:linear-gradient(145deg,#fff0f3,#f6b6dc)}.winter{bottom:20%;left:0;background:linear-gradient(145deg,#f6f1ff,#d6c3ff)}.section-grid,.station-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-panel,.season-card,.notice-item,.register-form,.verify-card{border:1px solid var(--line);border-radius:8px;background:#fffafbc7;box-shadow:0 18px 70px var(--shadow)}.info-panel,.season-card,.notice-item,.verify-card{padding:24px}.info-panel h2,.season-card h2,.notice-item h2,.verify-card h2{margin:10px 0;color:var(--ink)}.info-panel p,.season-card p,.notice-item p,.verify-card p{margin:0;color:var(--muted);line-height:1.75}.panel-number,.season-card span{color:var(--violet);font-weight:900}.page-heading{margin-bottom:32px}.page-heading.compact{margin-bottom:0}.station-board{grid-template-columns:repeat(4,minmax(0,1fr))}.station-building{max-width:520px}.season-card{min-height:220px}.station-shop{display:grid;gap:22px}.points-panel,.product-card,.product-section,.redeem-modal,.redemption-list{border:1px solid var(--line);border-radius:8px;background:#fffafbc7;box-shadow:0 18px 70px var(--shadow)}.points-panel{grid-column:1 / -1;padding:22px 24px}.points-panel strong{display:block;margin:8px 0;color:var(--ink);font-size:42px;line-height:1.1}.points-panel p{margin:0;color:var(--muted)}.product-section{display:grid;gap:16px;padding:20px}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.product-card{display:grid;overflow:hidden;transition:border-color .16s ease,transform .16s ease}.product-card:hover{transform:translateY(-2px)}.product-card img{width:100%;aspect-ratio:1;object-fit:cover;background:#ffffff94}.product-card-body{display:grid;align-content:space-between;gap:10px;min-height:156px;padding:14px}.product-card h3{min-height:44px;margin:0;color:var(--ink);font-size:16px;font-weight:900;line-height:1.35}.product-card strong{color:var(--violet)}.redeem-card-button{width:100%;min-height:40px;border:0;border-radius:8px;background:var(--violet);color:#fff;font-weight:900;cursor:pointer}.redeem-card-button:disabled{background:#c8c0cf;color:#746a7b;cursor:not-allowed}.product-pager{justify-content:center;margin:2px 0 0}.modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#3c2a2e47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.redeem-modal{display:grid;align-content:start;gap:14px;width:min(460px,100%);padding:24px}.redeem-summary strong{display:block;margin-top:6px;color:var(--ink);font-size:24px}.redeem-summary p{margin:4px 0 0;color:var(--muted)}.redeem-modal label{display:grid;gap:8px;color:var(--ink);font-weight:900}.redeem-modal input,.redeem-modal textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:13px 14px;background:#ffffffdb;color:var(--ink);font:inherit;outline:none}.redeem-modal textarea{min-height:108px;resize:vertical}.redeem-modal input:focus,.redeem-modal textarea:focus{border-color:var(--violet);box-shadow:0 0 0 4px #d6c3ff52}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.ghost-button{min-height:44px;border:1px solid var(--line);border-radius:8px;padding:0 18px;background:#ffffffb8;color:var(--ink);font-weight:900;cursor:pointer}.modal-actions button:disabled{cursor:not-allowed;opacity:.62}.redemption-list{grid-column:1 / -1;display:grid;gap:12px;padding:20px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row h2{margin:0;color:var(--ink)}.section-title-row span{color:var(--muted);font-weight:900}.redemption-item{display:grid;align-items:center;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;border-top:1px solid rgba(92,68,76,.1);padding-top:12px}.redemption-item img{width:76px;height:76px;border-radius:8px;object-fit:cover;background:#ffffff9e}.redemption-item h3,.redemption-item p{margin:0}.redemption-item h3{color:var(--ink);font-size:18px}.redemption-item p,.redemption-item time{color:var(--muted);line-height:1.55}.hero-title-image{display:block;width:min(520px,100%);height:auto;object-fit:contain;object-position:left center;-webkit-user-drag:none}.redemption-meta{display:grid;justify-items:end;gap:6px}.redemption-status{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:13px;font-weight:900;white-space:nowrap}.redemption-status:before{width:8px;height:8px;border-radius:999px;background:#9aa1ad;content:""}.redemption-status.shipping:before{background:#2f80ed}.redemption-status.completed:before{background:#27ae60}.redemption-status.abnormal:before{background:#d33838}.redemption-status.refunded:before{background:#2f80ed}.redemption-item time{white-space:nowrap;font-size:13px}.exception-reason{color:#c53030!important;font-weight:800}.notice-list{display:grid;gap:16px}.sc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;border:1px solid var(--line);border-radius:8px;padding:16px 18px;background:#fffafbc7;box-shadow:0 18px 70px var(--shadow)}.sc-toolbar strong{margin-right:6px;color:var(--ink);font-size:24px}.pager{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:800}.sc-list{display:grid;gap:12px}.sc-item,.empty-panel{border:1px solid var(--line);border-radius:8px;padding:18px;background:#fffafbd1;box-shadow:0 18px 70px var(--shadow)}.sc-item{display:flex;align-items:flex-start;gap:16px}.sc-avatar{flex:0 0 auto}.sc-avatar img,.sc-avatar-fallback{width:52px;height:52px;border:1px solid rgba(92,68,76,.14);border-radius:8px;object-fit:cover}.sc-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--ice),var(--ribbon));color:var(--ink);font-weight:900}.sc-body{min-width:0;flex:1}.sc-user{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sc-user h2,.empty-panel h2{margin:0;color:var(--ink);font-size:18px;line-height:1.35;overflow-wrap:anywhere}.empty-panel p{margin:0;color:var(--muted)}.sc-content{margin:10px 0 12px;color:var(--ink);font-size:17px;font-weight:760;line-height:1.7;overflow-wrap:anywhere}.sc-time{display:block;color:var(--muted);font-size:13px;font-weight:750}.sc-price{flex:0 0 auto;min-width:76px;color:#c53030;font-size:18px;font-weight:900;text-align:right;white-space:nowrap}.notice-item time,.muted{color:#8f8497;font-size:14px}.register-layout{display:grid;align-items:start;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);gap:26px}.auth-layout{grid-template-columns:minmax(0,.85fr) minmax(320px,1fr)}.register-only-page{display:grid;gap:0}.register-form{display:grid;gap:14px;padding:24px}.account-form{grid-column:2}.form-step{margin:0;color:var(--violet);font-size:13px;font-weight:900}.field-note{margin:-6px 0 2px;color:#8f8497;font-size:13px;line-height:1.5}.register-form label{color:var(--ink);font-weight:800}.register-form input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:8px;padding:0 16px;background:#ffffffdb;color:var(--ink);outline:none}.register-form input:focus{border-color:var(--violet);box-shadow:0 0 0 4px #d6c3ff52}.verify-card{grid-column:2}.flow-card{display:grid;gap:10px}.register-complete-card{align-content:start}.verify-card h2{font-size:42px;letter-spacing:0}.verify-code-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.verify-code-row h2{margin:0;overflow-wrap:anywhere}.compact-button{min-width:92px;min-height:40px;padding:0 16px}.sent-button{width:fit-content;margin-top:8px}.verify-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.verification-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#3c2a2e3d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:wait}.verification-modal{width:min(420px,100%);border:1px solid var(--line);border-radius:8px;padding:26px;background:#fffafbf5;box-shadow:0 24px 90px #3c2a2e38}.verification-modal h2{margin:0 0 12px;color:var(--ink);font-size:28px}.verification-modal p{margin:0;color:var(--muted);line-height:1.75}.state-text{margin:12px 0 0;color:var(--muted)}.state-text.error{color:#bb4f64}.state-text.success{color:#3d8f7b}.session-action{width:fit-content;margin-top:20px}@media(max-width:860px){.web-pet{width:118px;height:118px}.web-pet-bubble{max-width:min(190px,calc(100vw - 16px));padding:8px 10px;font-size:13px}.site-header{align-items:flex-start;flex-direction:column}.site-nav{width:100%;justify-content:flex-start}.hero-section,.register-layout,.station-shop{grid-template-columns:1fr}.hero-section{min-height:auto}.season-orbit{min-height:260px}.season{width:112px;height:112px;border-radius:22px;font-size:34px}.section-grid,.station-board{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card-body{min-height:140px}.redemption-item{align-items:start;grid-template-columns:64px minmax(0,1fr)}.redemption-item img{width:64px;height:64px}.redemption-meta{grid-column:2;justify-items:start}.sc-toolbar{align-items:flex-start;flex-direction:column}.sc-item{gap:12px;padding:16px}.sc-avatar img,.sc-avatar-fallback{width:44px;height:44px}.sc-price{min-width:64px;font-size:16px}.verify-card{grid-column:auto}.verify-code-row{align-items:flex-start;flex-direction:column}.account-form{grid-column:auto}}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;padding:24px 0 32px;text-align:center;font-size:13px;color:var(--muted)}.icp-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:color .2s ease}.icp-link:hover{color:var(--violet)}.icp-badge{display:inline-block;flex-shrink:0}