:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh;background-color:#f7f8fa;color:#333}img{max-width:100%;display:block}.app-container{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}:root{--design-width-mobile: 375;--bg-black: #000000;--bg-card-inner: #1C1C1E;--text-white: #FFFFFF;--text-gold: #FFF8C6;--text-gray: #9CA3AF;--text-dark-gray: #374151;--btn-gold: #EBD9A0;--btn-text: #000000;--tag-bg: #1C1C1E;--tag-text: #8D8A72;--tag-border: #FFEBA9;--nav-border: #1F2937}.concierge-page{width:100vw;min-height:100vh;background-color:var(--bg-black);position:relative;font-family:Roboto,sans-serif;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.concierge-page .nav-back{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;visibility:hidden}.main-content{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;padding-top:calc(20 * 100vw / var(--design-width-mobile));position:relative}.card-container{position:relative;z-index:1;width:calc(326 * 100vw / var(--design-width-mobile));min-height:calc(172 * 100vw / var(--design-width-mobile));background:var(--bg-card-inner);border-radius:12px;border:.5px solid #EFEFEF;margin-top:calc(20 * 100vw / var(--design-width-mobile));box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:calc(23 * 100vw / var(--design-width-mobile)) 0 0;transition:all .3s ease}.card-container.expanded{height:auto}.crown-container{width:calc(200 * 100vw / var(--design-width-mobile));height:calc(200 * 100vw / var(--design-width-mobile));position:absolute;top:calc(-50 * 100vw / var(--design-width-mobile));right:calc(-40 * 100vw / var(--design-width-mobile));z-index:0;pointer-events:none;display:flex;justify-content:center;align-items:center;opacity:1}.crown-svg{width:100%;height:100%}.card-inner{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;position:relative;z-index:1}.card-top{display:flex;justify-content:space-between;padding:0 calc(16 * 100vw / var(--design-width-mobile)) calc(20 * 100vw / var(--design-width-mobile));align-items:flex-start}.price-section{display:flex;flex-direction:column}.price-row{display:flex;align-items:center;gap:8px}.price-symbol{font-family:Roboto;font-weight:700;font-size:calc(22 * 100vw / var(--design-width-mobile));color:var(--text-gold)}.price-value{font-family:Roboto;font-weight:700;font-size:calc(30 * 100vw / var(--design-width-mobile));color:var(--text-gold);line-height:1}.tag-limited{display:flex;align-items:center;justify-content:center;height:calc(18 * 100vw / var(--design-width-mobile));padding:0 8px;border-radius:16px;border:.5px solid var(--tag-border);background-color:var(--tag-bg)}.tag-text{font-size:calc(11 * 100vw / var(--design-width-mobile));color:var(--tag-text)}.card-title-group{margin-top:calc(8 * 100vw / var(--design-width-mobile))}.card-title{font-size:calc(18 * 100vw / var(--design-width-mobile));font-weight:500;color:var(--text-white)}.card-validity{margin-top:calc(8 * 100vw / var(--design-width-mobile));display:flex;align-items:center;gap:4px}.validity-text{font-size:calc(12 * 100vw / var(--design-width-mobile));color:var(--text-gray)}.clock-icon{width:14px;height:14px}.card-divider{width:100%;height:1px;background-color:var(--text-dark-gray);margin-top:auto}.card-bottom{display:flex;flex-direction:column;padding:calc(12 * 100vw / var(--design-width-mobile)) calc(16 * 100vw / var(--design-width-mobile)) calc(12 * 100vw / var(--design-width-mobile))}.rules-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer}.rules-text{font-size:calc(14 * 100vw / var(--design-width-mobile));color:var(--text-gray)}.arrow-icon{width:12px;height:12px;transition:transform .3s ease;transform:rotate(90deg)}.arrow-icon.expanded{transform:rotate(180deg)}.rules-content{margin-top:calc(12 * 100vw / var(--design-width-mobile));font-size:calc(12 * 100vw / var(--design-width-mobile));color:var(--text-gray);line-height:1.5;text-align:left;border-top:1px dashed var(--text-dark-gray);padding-top:calc(12 * 100vw / var(--design-width-mobile))}.rules-content p{margin:0 0 8px}.rules-content p:last-child{margin-bottom:0}.claim-btn{width:calc(325 * 100vw / var(--design-width-mobile));height:calc(53 * 100vw / var(--design-width-mobile));background-color:var(--btn-gold);border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;margin-top:calc(50 * 100vw / var(--design-width-mobile));cursor:pointer}.claim-text{font-size:calc(14 * 100vw / var(--design-width-mobile));font-weight:700;color:var(--btn-text)}.toast-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;justify-content:center;align-items:center;pointer-events:none}.toast-content{background-color:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;max-width:80vw;text-align:center;box-shadow:0 4px 12px #00000026;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}:root{--design-width-mobile: 375;--bg-black: #000000;--text-white: #FFFFFF;--text-gray: #9CA3AF;--text-dark-gray: #6B7280;--text-gold: #FFF8C6;--accent-gold: #E3A700;--border-white: #FFFFFF;--border-gold: #FFEBA9;--input-bg: #18181B;--input-border: #EBD9A0;--input-placeholder: #9CA3AF;--btn-gold: #EBD9A0;--btn-text: #000000;--icon-bg: #302202;--nav-border: #1F2937}.claim-page{width:100vw;min-height:100vh;background-color:var(--bg-black);position:relative;font-family:Source Han Sans CN,Roboto,sans-serif;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.nav-bar{width:100%;height:calc(58 * 100vw / var(--design-width-mobile));display:flex;justify-content:space-between;align-items:center;padding:0 calc(16 * 100vw / var(--design-width-mobile));border-bottom:1px solid var(--nav-border);background-color:var(--bg-black);box-sizing:border-box;position:sticky;top:0;z-index:10}.claim-page .nav-back{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;visibility:visible}.nav-title{font-size:calc(14 * 100vw / var(--design-width-mobile));font-weight:500;color:var(--text-white)}.nav-placeholder{width:24px}.main-content{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.verification-form{width:100%;flex:1;background-color:var(--bg-black);border-top:1px solid var(--border-white);border-radius:16px 16px 0 0;margin-top:calc(50 * 100vw / var(--design-width-mobile));padding:calc(30 * 100vw / var(--design-width-mobile)) calc(16 * 100vw / var(--design-width-mobile));box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.header-icon-wrapper{width:calc(60 * 100vw / var(--design-width-mobile));height:calc(60 * 100vw / var(--design-width-mobile));background-color:var(--icon-bg);border:.5px solid var(--border-gold);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:calc(16 * 100vw / var(--design-width-mobile))}.header-title{font-size:calc(22 * 100vw / var(--design-width-mobile));font-weight:500;color:var(--text-white);margin-bottom:calc(8 * 100vw / var(--design-width-mobile))}.header-subtitle{font-size:calc(15 * 100vw / var(--design-width-mobile));color:var(--text-gray);margin-bottom:calc(30 * 100vw / var(--design-width-mobile))}.form-group{width:100%;margin-bottom:calc(20 * 100vw / var(--design-width-mobile))}.form-label{display:flex;align-items:center;margin-bottom:calc(8 * 100vw / var(--design-width-mobile))}.required-star{color:var(--accent-gold);margin-right:4px}.label-text{font-size:calc(14 * 100vw / var(--design-width-mobile));font-weight:500;color:var(--text-white)}.form-input-container{width:100%;position:relative;display:flex;gap:10px}.form-input{width:100%;height:calc(47 * 100vw / var(--design-width-mobile));background-color:var(--input-bg);border:.5px solid var(--input-border);border-radius:16px;padding:0 16px;font-size:calc(16 * 100vw / var(--design-width-mobile));color:var(--text-white);box-sizing:border-box;outline:none}.form-input::placeholder{color:var(--input-placeholder)}.verify-code-btn{width:calc(114 * 100vw / var(--design-width-mobile));height:calc(47 * 100vw / var(--design-width-mobile));background-color:var(--input-bg);border:.5px solid var(--accent-gold);border-radius:16px;color:var(--accent-gold);font-size:calc(15 * 100vw / var(--design-width-mobile));font-weight:500;display:flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;flex-shrink:0}.disclaimer-text{font-size:calc(12 * 100vw / var(--design-width-mobile));color:var(--text-dark-gray);line-height:1.5;margin-top:calc(10 * 100vw / var(--design-width-mobile));margin-bottom:calc(30 * 100vw / var(--design-width-mobile))}.submit-btn{width:100%;height:calc(53 * 100vw / var(--design-width-mobile));background-color:var(--btn-gold);border-radius:8px;border:none;font-size:calc(15 * 100vw / var(--design-width-mobile));font-weight:700;color:var(--btn-text);cursor:pointer}.collectibles-page{width:100%;min-height:100vh;position:relative;background-color:#000;overflow-x:hidden;font-family:"Xiaohe Simplify Serif",Songti SC,SimSun,Times New Roman,serif;--design-width: 1137;padding-bottom:env(safe-area-inset-bottom)}.collectibles-bg{position:absolute;top:0;left:0;width:100%;height:auto;z-index:0;object-fit:cover;opacity:.5}.collectibles-content{position:relative;z-index:10;width:100%;padding-bottom:calc(100 * 100vw / var(--design-width))}.header-section{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(94 * 100vw / var(--design-width)) calc(63 * 100vw / var(--design-width)) 0}.title-group{display:flex;flex-direction:column;position:relative}.main-title{font-size:calc(74 * 100vw / var(--design-width));font-weight:600;line-height:1.2;background:linear-gradient(161deg,#f0d7a6,#c2a267 25%,#e9c174,#dfbf83 49%,#eed3a1 88%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:calc(15 * 100vw / var(--design-width));white-space:pre-line;position:relative;z-index:2}.sub-title{font-size:calc(23 * 100vw / var(--design-width));font-weight:700;line-height:1.4;text-transform:uppercase;background:linear-gradient(161deg,#f0d7a6,#c2a267 25%,#e9c174,#dfbf83 49%,#eed3a1 88%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:pre-line;position:relative;z-index:2}.title-deco{position:absolute;top:0;left:0;width:calc(45 * 100vw / var(--design-width));height:calc(45 * 100vw / var(--design-width));transform:translate(-50%,-50%);z-index:1}.header-logo{width:calc(334 * 100vw / var(--design-width));height:auto;margin-top:calc(20 * 100vw / var(--design-width))}.table-section{margin-top:calc(393 * 100vw / var(--design-width));padding:0 calc(70 * 100vw / var(--design-width))}.table-header{display:flex;align-items:center;margin-bottom:calc(30 * 100vw / var(--design-width));color:#fae2b4;font-weight:700;font-size:calc(20 * 100vw / var(--design-width))}.col-name{width:30%}.col-code{width:22%}.col-qty{width:10%;text-align:center}.col-date{width:15%;text-align:center}.col-price{width:23%;text-align:right}.table-body-window{overflow:hidden;position:relative;width:100%}.table-body-content{width:100%;will-change:transform}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.table-row{display:flex;align-items:center;padding:calc(30 * 100vw / var(--design-width)) 0;position:relative}.row-divider{position:absolute;bottom:0;left:30%;width:70%;height:auto;opacity:.5}.row-rank{position:absolute;left:calc(140 * 100vw / var(--design-width));top:50%;transform:translateY(-50%);font-size:calc(20 * 100vw / var(--design-width));color:#ffe5b3;border:1px solid #000;padding:0 4px;display:none}.cell-name{font-size:calc(34 * 100vw / var(--design-width));color:#ffe5b3;font-weight:600;width:30%;padding-right:10px}.cell-name-text{display:inline-block;position:relative}.cell-version{position:absolute;top:-5px;right:-20px;z-index:10;font-size:calc(20 * 100vw / var(--design-width));color:inherit;font-weight:600}.cell-code{font-size:calc(28 * 100vw / var(--design-width));color:#ffe5b3;font-weight:600;width:22%;overflow-wrap:break-word}.cell-qty{font-size:calc(28 * 100vw / var(--design-width));color:#ffe5b3;font-weight:600;width:10%;text-align:center}.cell-date{font-size:calc(28 * 100vw / var(--design-width));color:#ffe5b3;font-weight:600;width:15%;text-align:center}.cell-price{font-size:calc(28 * 100vw / var(--design-width));color:#ffe5b3;font-weight:900;width:23%;text-align:right}.cell-unit{font-size:calc(20 * 100vw / var(--design-width))}.disclaimer{margin-top:calc(50 * 100vw / var(--design-width));font-size:calc(20 * 100vw / var(--design-width));color:#fae2b4;font-weight:700;letter-spacing:.1em;text-align:left}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:calc(292 * 100vw / var(--design-width));background:linear-gradient(0deg,#000,#0000);pointer-events:none}.fix-bot{position:fixed;bottom:0;right:0;width:calc(672 * 100vw / var(--design-width));z-index:2;display:block}
