:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#f7f8ff;background:#060814;font-synthesis:none;text-rendering:optimizeLegibility;--cyan: #62e7ff;--violet: #8f6dff;--coral: #ff6e73;--surface: rgba(13, 16, 35, .76);--line: rgba(255, 255, 255, .13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#060814}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.site-header{position:fixed;inset:0 0 auto;z-index:30;height:88px;padding:0 clamp(22px,4vw,72px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#050713db,#05071359);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(116,226,255,.55);border-radius:13px;background:linear-gradient(145deg,#62e7ff38,#8f6dff2e);box-shadow:inset 0 0 18px #62e7ff24,0 0 26px #62e7ff1a;font-size:21px;font-weight:900;font-style:italic}.logo-copy{display:flex;flex-direction:column;line-height:1}.logo-copy strong{font-size:17px;letter-spacing:.16em}.logo-copy small{margin-top:6px;color:#79819f;font-size:9px;letter-spacing:.26em;text-transform:uppercase}.main-nav{justify-self:center;display:flex;align-items:center;gap:6px}.nav-link{position:relative;border:0;padding:10px 14px;color:#aab0c8;background:transparent;text-decoration:none;font-size:13px;cursor:pointer}.nav-link:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1px;background:var(--cyan);transform:scaleX(0);transition:transform .25s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{transform:scaleX(1)}.nav-link.muted{color:#585e75;cursor:not-allowed}.header-actions{display:flex;align-items:center;gap:10px}.menu-shell{position:relative}.tea-trigger,.kfc-trigger{border:1px solid var(--line);border-radius:999px;background:#ffffff0e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:.24s ease}.tea-trigger{display:flex;align-items:center;gap:9px;padding:11px 17px;font-size:13px}.tea-trigger:hover{border-color:#ffb86b80;background:#ffb86b1a;transform:translateY(-1px)}.tea-dot{width:7px;height:7px;border-radius:50%;background:#ffb86b;box-shadow:0 0 12px #ffb86b}.kfc-trigger{display:flex;align-items:center;gap:8px;padding:8px 13px 8px 15px;color:#fff;border-color:#ff6e7380;background:#ff535b1f}.kfc-trigger span{font-size:12px;font-weight:700}.kfc-trigger small{padding:4px 7px;border-radius:999px;background:var(--coral);color:#240206;font-weight:900}.dropdown{position:absolute;top:calc(100% + 12px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transition:.2s ease;pointer-events:none;background:#090c1cf0;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #00000073;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:hidden}.menu-shell:hover .dropdown,.menu-shell:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.tea-menu{right:0;width:220px;padding:8px}.tea-menu button{width:100%;border:0;border-radius:12px;padding:12px;display:flex;gap:11px;align-items:center;background:transparent;text-align:left;cursor:pointer}.tea-menu button:hover{background:#ffffff12}.tea-menu button>span:last-child{display:flex;flex-direction:column;gap:4px}.tea-menu strong{font-size:13px}.tea-menu small{color:#747b95;font-size:10px}.drink-swatch{width:28px;height:28px;flex:0 0 auto;border-radius:10px 10px 13px 13px;box-shadow:inset 0 -8px 14px #0000001f}.hero{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:center;padding:120px clamp(24px,8vw,150px) 72px;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#040610f5,#040610ba 42%,#0406103d 78%,#04061080),linear-gradient(0deg,#060814 0%,transparent 30%)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;filter:saturate(1.18) contrast(1.08)}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(rgba(124,153,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(124,153,255,.25) 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:linear-gradient(to right,black,transparent 75%);mask-image:linear-gradient(to right,black,transparent 75%)}.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);opacity:.22}.glow-one{width:380px;height:380px;right:8%;top:16%;background:#3f4fff}.glow-two{width:280px;height:280px;left:28%;bottom:-8%;background:#b341ff}.hero-content{width:min(840px,100%);animation:reveal .9s ease both}.eyebrow,.modal-kicker{color:#8a93b4;font-size:11px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:24px}.eyebrow span{width:28px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.hero h1{margin:0;max-width:820px;font-size:clamp(45px,6vw,88px);line-height:1.09;letter-spacing:-.055em;font-weight:800}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#fff 0%,var(--cyan) 42%,#9f83ff 92%);background-clip:text;-webkit-background-clip:text}.hero-subtitle{margin:26px 0 38px;color:#a6adc8;font-size:clamp(14px,1.4vw,17px);letter-spacing:.04em}.download-shell{display:inline-block}.download-trigger{min-width:210px;height:62px;padding:0 8px 0 23px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid rgba(98,231,255,.42);border-radius:16px;background:linear-gradient(100deg,#62e7ff26,#8f6dff1f);box-shadow:inset 0 0 22px #62e7ff12,0 20px 50px #00000038;cursor:pointer;font-size:15px;font-weight:700}.download-trigger:hover{background:linear-gradient(100deg,#62e7ff40,#8f6dff33)}.download-arrow{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#e9faff;color:#07101c;font-size:20px;transition:transform .25s}.download-shell:hover .download-arrow{transform:rotate(45deg)}.download-menu{left:0;width:320px;padding:9px}.download-menu a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:13px;color:#fff;border-radius:12px;text-decoration:none}.download-menu a:hover{background:#ffffff13}.download-menu a>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.download-menu strong{font-size:13px}.download-menu small{color:#747b95;font-size:10px}.platform-index{color:var(--cyan);font:700 10px monospace}.hero-meta{position:absolute;right:clamp(22px,4vw,72px);bottom:38px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.hero-meta span,.scroll-note{color:#59607a;font-size:9px;letter-spacing:.2em}.hero-meta strong{color:#aeb4ca;font:500 11px monospace}.scroll-note{position:absolute;left:clamp(22px,4vw,72px);bottom:38px;display:flex;align-items:center;gap:10px}.scroll-note span{width:34px;height:1px;background:#48506b}.modal-backdrop{position:fixed;inset:0;z-index:100;padding:24px;display:grid;place-items:center;background:#020309bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade .2s ease both}.modal-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,#131731fa,#070916fa);box-shadow:0 40px 120px #0009;animation:modalIn .35s cubic-bezier(.2,.8,.2,1) both}.modal-card.wide{width:min(950px,100%)}.modal-close{position:absolute;top:16px;right:16px;z-index:4;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#0000004d;cursor:pointer;font-size:22px;color:#c6c9d7}.order-layout{display:grid;grid-template-columns:.84fr 1.2fr;min-height:590px}.drink-poster{--drink-accent: #e8ff75;position:relative;padding:42px 34px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--drink-accent) 38%,transparent),transparent 46%),linear-gradient(160deg,rgba(255,255,255,.08),transparent 52%);border-right:1px solid var(--line)}.drink-poster:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.drink-poster>div:last-child{position:relative}.drink-poster small{color:var(--drink-accent);font-size:9px;letter-spacing:.2em}.drink-poster h2{margin:10px 0 8px;font-size:42px;letter-spacing:-.05em}.drink-poster p{margin:0;color:#9198b3;line-height:1.7;font-size:12px}.cup-art{position:relative;margin:64px auto 20px;width:145px;height:210px;border:2px solid rgba(255,255,255,.6);border-radius:18px 18px 38px 38px;transform:rotate(-4deg);background:linear-gradient(to bottom,#fff3,color-mix(in srgb,var(--drink-accent) 70%,transparent) 36%,color-mix(in srgb,var(--drink-accent) 35%,#30164a));box-shadow:inset 12px 0 18px #ffffff1f,0 25px 45px #00000059,0 0 55px color-mix(in srgb,var(--drink-accent) 24%,transparent)}.cup-art:before{content:"";position:absolute;left:12px;right:12px;top:35px;height:4px;border-radius:50%;background:#ffffff8c;box-shadow:0 24px #ffffff2e,0 48px #ffffff24}.cup-art:after{content:"";position:absolute;width:9px;height:104px;top:-78px;right:24px;border-radius:8px;background:linear-gradient(#eee,#7c81a6);transform:rotate(9deg)}.cup-art span{position:absolute;width:28px;height:28px;left:20px;bottom:18px;border-radius:50%;background:#181022;box-shadow:35px 7px #181022,68px -3px #181022,18px -24px #181022,55px -21px #181022}.cup-art i{position:absolute;inset:-11px -7px auto;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.75);background:#ebf6ff33}.cup-art b{position:absolute;left:50%;top:88px;width:48px;height:48px;transform:translate(-50%);border:1px solid rgba(255,255,255,.65);border-radius:15px}.cup-art b:after{content:"Y";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:22px;font-style:normal}.order-form{padding:46px 42px 36px}.order-form h3{margin:9px 0 28px;font-size:27px}.order-form fieldset{padding:0;margin:0 0 23px;border:0}.order-form legend{width:100%;margin-bottom:10px;color:#b9bfd5;font-size:12px;font-weight:700}.order-form legend small{float:right;color:#606882;font-weight:500}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:13px;background:#ffffff0b}.segmented button,.choice-grid button{border:1px solid transparent;border-radius:10px;background:transparent;color:#7f869f;cursor:pointer;transition:.18s}.segmented button{padding:11px}.segmented button.selected,.choice-grid button.selected{color:#fff;border-color:#62e7ff47;background:linear-gradient(120deg,#62e7ff1f,#8f6dff21);box-shadow:inset 0 0 16px #62e7ff0d}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choice-grid.sugar-grid{grid-template-columns:repeat(5,1fr)}.choice-grid button{min-height:39px;padding:8px 6px;border-color:#ffffff14;font-size:11px}.choice-grid button:hover:not(:disabled){border-color:#fff3;color:#fff}.choice-grid button:disabled{opacity:.28;cursor:not-allowed}.form-error{margin:-8px 0 14px;color:#ff8c91;font-size:11px}.order-total{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.order-total>span{display:flex;flex-direction:column;gap:3px}.order-total small{color:#777e98;font-size:10px}.order-total strong{font-size:31px;letter-spacing:-.04em}.order-total button,.v50-button{border:0;border-radius:13px;background:linear-gradient(110deg,#e9fcff,#b5c7ff);color:#09101d;font-weight:800;cursor:pointer;box-shadow:0 12px 36px #62e7ff2e}.order-total button{padding:14px 17px}.order-total button i{margin-left:9px;font-style:normal}.order-total button:disabled,.v50-button:disabled{opacity:.55;cursor:wait}.kfc-modal{padding:36px;text-align:center}.chicken-scene{position:relative;height:250px;margin:-36px -36px 26px;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(255,199,82,.4),transparent 45%),linear-gradient(145deg,#481921,#150817 70%);border-radius:28px 28px 0 0}.chicken-scene:before{content:"THU";position:absolute;top:9px;left:20px;color:#ffffff0e;font-size:138px;font-weight:900;line-height:1;letter-spacing:-.08em}.abstract-person .head{position:absolute;z-index:3;width:74px;height:83px;left:calc(50% - 38px);top:34px;border-radius:44% 50% 46% 48%;background:#f5a66d;transform:rotate(5deg)}.abstract-person .hair{position:absolute;z-index:4;width:80px;height:44px;left:calc(50% - 43px);top:24px;border-radius:50% 50% 30% 18%;background:#261326;transform:rotate(-7deg)}.abstract-person .body{position:absolute;z-index:2;width:150px;height:145px;left:calc(50% - 75px);top:103px;border-radius:54px 54px 0 0;background:linear-gradient(135deg,#694bff,#2d1782)}.abstract-person .arm{position:absolute;z-index:5;width:31px;height:120px;top:117px;border-radius:20px;background:#ef9761;transform-origin:top center}.abstract-person .arm.left{left:calc(50% - 74px);transform:rotate(-48deg)}.abstract-person .arm.right{left:calc(50% + 43px);transform:rotate(48deg)}.chicken-bucket{position:absolute;z-index:6;width:118px;height:105px;left:calc(50% - 59px);bottom:4px;padding-top:48px;clip-path:polygon(5% 0,95% 0,82% 100%,18% 100%);background:repeating-linear-gradient(90deg,#fff 0 18px,#ef3943 18px 36px);color:#e32531;font-weight:900}.chicken-bucket b{padding:3px 8px;background:#fff;border-radius:5px}.chicken-bucket span{position:absolute;top:-28px;font-size:51px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.3))}.chicken-bucket span:nth-of-type(1){left:4px;transform:rotate(-24deg)}.chicken-bucket span:nth-of-type(2){left:36px;top:-40px}.chicken-bucket span:nth-of-type(3){right:1px;transform:rotate(26deg)}.bite{position:absolute;right:25px;top:45px;transform:rotate(11deg);color:#ffdd78;font-size:24px;font-weight:900}.kfc-modal h2{margin:9px 0 8px;font-size:27px}.kfc-modal p{margin:0 0 24px;color:#858da8;font-size:13px}.v50-button{width:100%;padding:15px 16px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(110deg,#ffd36f,#ff7a73)}.v50-button span{padding:4px 8px;border-radius:999px;background:#310b0e2e}.payment-page{min-height:100vh;padding:28px clamp(22px,5vw,72px);background:radial-gradient(circle at 80% 20%,rgba(75,67,255,.22),transparent 38%),radial-gradient(circle at 10% 90%,rgba(98,231,255,.12),transparent 35%),#060814}.payment-header{display:flex;align-items:center;justify-content:space-between}.payment-header>a{color:#8d95b1;text-decoration:none;font-size:13px}.payment-card{width:min(950px,100%);min-height:570px;margin:8vh auto 0;display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#0c0f20c7;box-shadow:0 40px 130px #00000085;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.payment-info{padding:64px 58px}.payment-info h1{margin:14px 0 9px;font-size:38px;letter-spacing:-.04em}.payment-info>p{color:#8d95af}.payment-info dl{margin:48px 0 0}.payment-info dl div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.payment-info dt{color:#69718d;font-size:12px}.payment-info dd{margin:0;color:#cdd1e0;font:500 12px monospace;text-align:right}.payment-info dd.payment-price{color:#fff;font:800 29px Inter,sans-serif}.payment-warning{margin-top:25px;padding:13px 15px;border:1px solid rgba(255,202,100,.24);border-radius:12px;background:#ffbe4612;color:#c5a86f;font-size:11px;line-height:1.7}.qr-panel{padding:50px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(155deg,#62e7ff14,#8f6dff1a);border-left:1px solid var(--line)}.qr-frame{width:min(280px,100%);aspect-ratio:1;padding:15px;border-radius:23px;background:#fff;box-shadow:0 24px 70px #00000059,0 0 0 8px #ffffff09}.qr-frame img{display:block;width:100%;height:100%}.qr-panel strong{margin-top:24px;font-size:16px}.qr-panel span{margin-top:8px;color:#747c99;font-size:11px}.loading-ring{width:46px;height:46px;margin:auto;grid-column:1 / -1;border:3px solid rgba(255,255,255,.1);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.payment-error{grid-column:1 / -1;margin:auto;padding:50px;text-align:center}.payment-error p{color:#858da8}.payment-error a,.coming-page a{display:inline-block;margin-top:14px;color:var(--cyan)}.coming-page{min-height:100vh;padding:38px clamp(24px,6vw,90px);background:radial-gradient(circle at 70% 30%,rgba(116,75,255,.28),transparent 34%),#060814}.coming-page>div{margin:22vh 0 0 12vw}.coming-page>div>span{color:var(--cyan);font-size:10px;letter-spacing:.22em}.coming-page h1{margin:15px 0;font-size:clamp(48px,7vw,92px);line-height:1;letter-spacing:-.06em}.coming-page p{color:#8088a6}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}}@keyframes fade{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:960px){.site-header{grid-template-columns:auto 1fr;gap:20px;height:76px}.main-nav{display:none}.header-actions{justify-self:end}.logo-copy{display:none}.hero{padding-top:110px}.hero h1{font-size:clamp(42px,9vw,68px)}.order-layout{grid-template-columns:1fr}.drink-poster{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}.cup-art{position:absolute;width:105px;height:150px;right:45px;top:52px;margin:0}.drink-poster>div:last-child{width:55%}.payment-card{grid-template-columns:1fr;margin-top:5vh}.qr-panel{border-left:0;border-top:1px solid var(--line)}}@media(max-width:620px){.site-header{padding:0 15px}.header-actions{gap:6px}.tea-trigger{padding:10px 12px;font-size:11px}.kfc-trigger span{display:none}.hero{padding-inline:22px;align-items:end;padding-bottom:118px}.hero h1{font-size:clamp(39px,12vw,58px)}.hero-subtitle{line-height:1.7}.hero-meta{right:18px;bottom:22px}.scroll-note{display:none}.modal-backdrop{padding:0;align-items:end}.modal-card,.modal-card.wide{max-height:92vh;border-radius:26px 26px 0 0}.drink-poster{min-height:220px;padding:32px 24px}.drink-poster h2{font-size:34px}.cup-art{width:82px;height:122px;right:36px;top:57px}.cup-art:after{height:66px;top:-48px}.order-form{padding:32px 24px 28px}.choice-grid.sugar-grid{grid-template-columns:repeat(3,1fr)}.order-total{align-items:center}.order-total button{padding:13px 14px}.payment-page{padding:20px 14px}.payment-card{border-radius:22px}.payment-info{padding:42px 25px}.payment-info h1{font-size:31px}.qr-panel{padding:38px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-video{display:none}}