:root{font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#171411;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171411;--paper: #fff;--muted: #6c6963;--line: #dedbd5;--champagne: #b78a44}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.home{min-height:100dvh;display:grid;place-items:center;padding:44px 24px;position:relative;background:#fff}.home__content{width:min(720px,calc(100vw - 48px));min-width:0;position:relative}.brand-line{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px}.brand-line__index{font:500 11px/1.2 ui-monospace,monospace;letter-spacing:.11em;color:var(--muted)}.brand-line__name{font-family:Songti SC,SimSun,serif;letter-spacing:.14em}.girl-wrap{position:relative;width:min(48vw,230px);margin:20px auto 0;color:var(--ink)}.girl-drawing{display:block;width:100%;overflow:visible}.girl-stroke{stroke-width:2.2;vector-effect:non-scaling-stroke}.drawing-pen{transform-box:fill-box;transform-origin:center}.girl-caption{position:absolute;right:-28px;bottom:24px;writing-mode:vertical-rl;font:500 9px/1 ui-monospace,monospace;letter-spacing:.16em;color:var(--muted)}.intro-copy{margin:16px auto 0;text-align:center;max-width:620px}.intro-copy h1{margin:0;font:500 clamp(28px,5vw,42px)/1.2 "Songti SC",SimSun,serif;letter-spacing:.03em}.intro-copy p{margin:15px 0 0;color:#46423e;font-size:clamp(15px,2vw,17px);line-height:1.8;overflow-wrap:anywhere}.category-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin-top:34px}.category-trigger{appearance:none;min-width:136px;min-height:52px;padding:7px 11px;display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:2px 9px;border:0;background:transparent;color:var(--ink);cursor:pointer;position:relative;transition:color .2s,background .2s}.category-trigger:after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.16,1,.3,1)}.category-trigger:hover:after,.category-trigger:focus-visible:after{transform:scaleX(1)}.category-trigger__number{font:500 9px/1 ui-monospace,monospace;color:var(--muted)}.category-trigger__label{font:500 25px/1.2 Songti SC,SimSun,serif;letter-spacing:.05em}.category-trigger__state{grid-column:2;justify-self:start;font:500 8px/1 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);opacity:0;transform:translateY(-2px);transition:opacity .2s,transform .25s}.category-trigger:hover .category-trigger__state,.category-trigger:focus-visible .category-trigger__state,.category-trigger.is-selected .category-trigger__state{opacity:1;transform:none}.category-trigger.is-selected{color:#fff;background:var(--ink)}.category-trigger.is-selected .category-trigger__number,.category-trigger.is-selected .category-trigger__state{color:#ede8de}.category-trigger.is-selected:after{transform:scaleX(0)}.interaction-hint{margin:13px 0 0;text-align:center;font:500 10px/1.5 ui-monospace,monospace;letter-spacing:.06em;color:var(--muted)}.skip-intro{position:fixed;top:22px;right:24px;z-index:10;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 0;cursor:pointer;font-size:12px}.skip-intro.is-hidden{opacity:0;pointer-events:none}.reveal-after-draw{opacity:0;visibility:hidden}.preview-stage{position:absolute;left:calc(100% + 30px);bottom:-4px;width:154px;height:180px;display:grid;grid-template-rows:1fr auto;justify-items:center;z-index:5;pointer-events:none}.preview-stage .product-icon{width:142px;height:150px}.preview-stage__caption{font:500 8px/1.2 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.product-icon{position:relative;width:100%;height:100%;margin:0;isolation:isolate;transform-origin:50% 72%}.product-shadow{position:absolute;z-index:0;left:17%;right:17%;bottom:4%;height:11%;border-radius:50%;background:#3b231433;filter:blur(12px);transform:scaleX(.9)}.product-material,.product-ink,.product-specular{position:absolute;inset:0;display:grid;place-items:center}.product-material{z-index:1}.material-svg{display:block;height:100%;overflow:visible;filter:saturate(.88) contrast(1.02)}.product-icon--milk-tea .material-svg{width:58%}.product-icon--snacks .material-svg{width:69%}.product-icon--cakes .material-svg{width:66%}.product-ink{z-index:3}.product-ink img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.15);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.product-icon--snacks .product-ink img{clip-path:inset(0 12% 0 13%)}.product-icon--cakes .product-ink img{clip-path:inset(0 14% 0 8%)}.product-specular{z-index:4;inset:10% 22% 12%;overflow:hidden;pointer-events:none;opacity:0}.product-specular:after{content:"";position:absolute;top:-15%;bottom:-15%;left:-62%;width:28%;transform:rotate(12deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);filter:blur(2px)}.product-icon--preview .product-material{opacity:.24}.product-icon--preview .product-shadow{opacity:.42}.product-icon--preview.product-icon--milk-tea .material-wave{animation:tea-wave 1.15s ease-out both}.product-icon--preview.product-icon--snacks .material-fries rect{animation:fry-rise .72s cubic-bezier(.16,1,.3,1) both;transform-box:fill-box;transform-origin:center bottom}.product-icon--preview.product-icon--snacks .material-fries rect:nth-child(2){animation-delay:.07s}.product-icon--preview.product-icon--snacks .material-fries rect:nth-child(3){animation-delay:.14s}.product-icon--preview.product-icon--snacks .material-fries rect:nth-child(4){animation-delay:.21s}.product-icon--preview.product-icon--cakes .material-cream--one{animation:cream-open .75s cubic-bezier(.16,1,.3,1) both}.product-icon--preview.product-icon--cakes .material-cream--two{animation:cream-open .75s .1s cubic-bezier(.16,1,.3,1) both}.product-icon--preview .product-specular{opacity:1}.product-icon--preview .product-specular:after{animation:specular-pass 1.05s .18s cubic-bezier(.16,1,.3,1) both}.product-icon--transition .product-material,.product-icon--hero .product-material,.product-icon--product .product-material{opacity:1}.product-icon--transition .product-specular,.product-icon--hero .product-specular,.product-icon--product .product-specular{opacity:.72}.product-icon--product .material-svg{filter:saturate(.76) contrast(1.03)}.product-icon[data-product=roasted-oolong] .material-svg{filter:sepia(.14) saturate(.7) brightness(1.04)}.product-icon[data-product=brown-sugar] .material-svg{filter:sepia(.24) saturate(.92) contrast(1.08)}.transition-overlay{position:fixed;inset:0;z-index:1000;background:#fff;opacity:0;visibility:hidden;overflow:hidden;isolation:isolate}.transition-visual{position:absolute;z-index:4;transform-origin:center}.luxury-field{position:absolute;inset:0;z-index:1;overflow:hidden}.luxury-field__layer{position:absolute;left:50%;top:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;border-radius:44% 56% 59% 41%/48% 43% 57% 52%;transform-origin:center;will-change:transform,opacity}.transition-overlay--milk-tea .luxury-field__layer--base{background:radial-gradient(circle at 31% 24%,rgba(255,248,230,.96) 0 8%,transparent 23%),linear-gradient(142deg,#ead4b5,#bc8351 47%,#5a3028);box-shadow:inset 0 8vmax 15vmax #ffffff3d,inset 0 -9vmax 18vmax #3d1b1342}.transition-overlay--milk-tea .luxury-field__layer--light{width:118vmax;height:68vmax;margin:-34vmax 0 0 -59vmax;background:linear-gradient(165deg,#fffcf2e6,#f2dab933 45%,#6232232e);filter:blur(2vmax)}.transition-overlay--milk-tea .luxury-field__layer--accent{width:88vmax;height:36vmax;margin:-18vmax 0 0 -44vmax;border:1.2vmax solid rgba(255,243,218,.34);background:transparent}.transition-overlay--snacks .luxury-field__layer--base{background:radial-gradient(circle at 32% 22%,#fff8d7 0 7%,transparent 24%),linear-gradient(137deg,#f2dfad,#c79643,#6f4a25);box-shadow:inset 0 7vmax 16vmax #ffffff47,inset 0 -10vmax 17vmax #4a2d1333}.transition-overlay--snacks .luxury-field__layer--light{width:132vmax;height:54vmax;margin:-27vmax 0 0 -66vmax;background:linear-gradient(175deg,#fffdeef0,#dbb4666b,#744b1e38);filter:blur(1.6vmax)}.transition-overlay--snacks .luxury-field__layer--accent{width:96vmax;height:42vmax;margin:-21vmax 0 0 -48vmax;background:repeating-linear-gradient(112deg,transparent 0 7vmax,rgba(255,246,207,.18) 7.1vmax 8vmax)}.transition-overlay--cakes .luxury-field__layer--base{background:radial-gradient(circle at 30% 23%,#fff9ef 0 8%,transparent 24%),linear-gradient(140deg,#f1dfc9,#c98272 49%,#65353e);box-shadow:inset 0 8vmax 16vmax #ffffff45,inset 0 -9vmax 18vmax #4c1f283d}.transition-overlay--cakes .luxury-field__layer--light{width:126vmax;height:62vmax;margin:-31vmax 0 0 -63vmax;background:linear-gradient(170deg,#fffef6f0,#f0cfbe73,#a74a4c40);filter:blur(1.8vmax)}.transition-overlay--cakes .luxury-field__layer--accent{width:92vmax;height:40vmax;margin:-20vmax 0 0 -46vmax;background:radial-gradient(ellipse at center,rgba(255,241,224,.28),transparent 68%);border:.8vmax solid rgba(255,235,219,.25)}.transition-word{position:absolute;left:50%;bottom:max(38px,7vh);z-index:5;transform:translate(-50%);display:grid;justify-items:center;gap:5px;color:#fff;text-shadow:0 2px 20px rgba(34,16,12,.18)}.transition-word span{font:500 10px/1 ui-monospace,monospace;letter-spacing:.16em}.transition-word strong{font:500 clamp(34px,6vw,64px)/1.1 "Songti SC",SimSun,serif;letter-spacing:.08em}.transition-skip{position:absolute;top:22px;right:24px;z-index:6;border:0;border-bottom:1px solid currentColor;padding:8px 0;background:transparent;color:var(--ink);cursor:pointer;font-size:12px;mix-blend-mode:multiply}.series-page{width:min(100% - 48px,1080px);margin:0 auto;min-height:100dvh;padding:32px 0 24px}.series-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.back-button{border:0;background:transparent;padding:10px 0;cursor:pointer;color:var(--ink)}.back-button span{display:inline-block;margin-right:7px;transition:transform .2s}.back-button:hover span{transform:translate(-4px)}.series-header__brand{font-family:Songti SC,SimSun,serif;letter-spacing:.14em}.series-hero{min-height:380px;display:grid;grid-template-columns:1fr minmax(250px,390px);gap:48px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}.series-eyebrow{margin:0 0 15px;font:500 11px/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--muted)}.series-hero h1{margin:0;font:500 clamp(48px,8vw,90px)/1 "Songti SC",SimSun,serif;letter-spacing:.05em}.series-hero>div>p:last-child{max-width:30em;margin:22px 0 0;line-height:1.8;color:#49443f}.series-hero>.product-icon{width:100%;height:min(48vw,420px);max-height:420px;overflow:hidden}.product-grid{display:grid;grid-template-columns:repeat(3,1fr)}.product-card{padding:34px 26px 40px;border-right:1px solid var(--line)}.product-card:first-child{padding-left:0}.product-card:last-child{border-right:0;padding-right:0}.product-card__visual{height:250px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f6f1e8);border:1px solid #e6dfd3;overflow:hidden}.product-card__visual .product-icon{width:74%;height:82%}.product-card__index{position:absolute;top:12px;left:14px;z-index:5;font:500 10px/1 ui-monospace,monospace;color:var(--muted)}.product-card h2{margin:22px 0 8px;font:500 23px/1.25 Songti SC,SimSun,serif}.product-card p{margin:0;color:#56514c;font-size:14px;line-height:1.7}.series-footer{display:flex;justify-content:space-between;gap:24px;padding-top:18px;border-top:1px solid var(--line);font:500 10px/1.5 ui-monospace,monospace;color:var(--muted)}@keyframes tea-wave{0%{transform:translateY(9px) rotate(-2deg)}65%{transform:translateY(-2px) rotate(1deg)}to{transform:none}}@keyframes fry-rise{0%{transform:translateY(18px) scaleY(.8)}70%{transform:translateY(-3px) scaleY(1.03)}to{transform:none}}@keyframes cream-open{0%{transform:translateY(0)}55%{transform:translateY(5px)}to{transform:none}}@keyframes specular-pass{0%{left:-62%;opacity:0}28%{opacity:.9}to{left:132%;opacity:0}}@media(max-width:1040px){.preview-stage{left:auto;right:-2px;bottom:54px;width:130px;height:150px}.preview-stage .product-icon{width:120px;height:125px}}@media(max-width:720px){.home{padding:28px 20px 36px;align-items:start}.home__content{width:calc(100vw - 40px);padding-top:14px}.girl-wrap{width:min(58vw,208px);margin-top:10px}.intro-copy h1{font-size:28px}.category-nav{gap:4px 7px;margin-top:26px}.category-trigger{min-width:103px;min-height:48px;padding-inline:7px;gap:2px 6px}.category-trigger__label{font-size:22px}.category-trigger__number,.category-trigger__state{font-size:8px}.preview-stage{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:144px;margin-top:8px;grid-template-rows:118px auto}.preview-stage .product-icon{width:116px;height:118px}.series-page{width:min(100% - 36px,1080px);padding-top:18px}.series-hero{grid-template-columns:1fr;gap:12px;min-height:0;padding:38px 0 30px}.series-hero>.product-icon{width:min(72vw,300px);height:min(78vw,340px);justify-self:center}.product-grid{grid-template-columns:1fr}.product-card,.product-card:first-child,.product-card:last-child{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.product-card:last-child{border-bottom:0}.product-card__visual{height:280px}.series-footer{flex-direction:column;gap:5px}}@media(max-width:360px){.brand-line__index{max-width:130px}.girl-caption{right:-18px}.category-nav{gap:2px}.category-trigger{min-width:91px;padding-inline:4px}.category-trigger__label{font-size:21px}.series-header__brand{font-size:13px}.series-hero h1{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}