*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--surface)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}[hidden]{display:none!important}.previewWorkspace{max-width:1240px;min-height:100vh;margin:auto;display:grid;grid-template-columns:1fr 450px;align-items:center;gap:100px;padding:52px 44px;background:radial-gradient(ellipse at 92% 35%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 55%)}.previewStory{max-width:540px}.returnShowcase{font-size:13px;color:#65746b}.storyBrand{display:flex;gap:12px;align-items:center;margin-top:70px;margin-bottom:34px;font-size:25px}.storyBrand>span{display:grid;place-items:center;background:var(--primary);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:16px;width:54px;height:54px;font-weight:700}.storyKicker{font-size:12px;letter-spacing:.18em;color:var(--primary);font-weight:700}.previewStory h1{font-size:clamp(32px,3.6vw,52px);font-weight:700;letter-spacing:-.04em;line-height:1.3;text-wrap:balance;margin:20px 0}.previewStory>p{line-height:1.9;color:#62716a;font-size:16px}.storyTags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.storyTags span{font-size:12px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding:7px 11px;border-radius:30px}.previewTips{border-top:1px solid #0002;padding-top:24px;margin-top:34px}.previewTips b{font-size:16px}.previewTips p{font-size:13px;line-height:1.8}.previewTips small{font-size:12px;line-height:1.8;display:block;color:#6a776e}.storyConsult{display:inline-block;margin-top:28px;padding:13px 22px;background:var(--ink);color:white;border-radius:8px;font-size:14px}.storyFooter{font-size:11px;color:#6b776e;padding-top:var(--footer-space);line-height:2}.deviceFrame{width:430px;height:890px;border:10px solid #202425;border-radius:54px;padding:0;box-shadow:0 40px 90px #20362a2b,0 1px 0 3px #6c7477;overflow:hidden;position:relative;background:#fff}.deviceFrame:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);height:24px;width:100px;border-radius:20px;background:#202425;z-index:3}.deviceScreen{height:100%;display:flex;flex-direction:column;background:#fafbf9;overflow:hidden}.statusBar{height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:7px 24px 0;font-size:12px;color:var(--ink);background:#fff}.deviceHeader{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#fff;flex-shrink:0;border-bottom:1px solid #00000008}.deviceHeader>a{display:flex;align-items:center;gap:9px;font-size:17px}.appSymbol{font-size:18px;font-weight:700;color:var(--primary)}.capsule{border:1px solid #ddd;border-radius:30px;padding:5px 12px;font-size:11px;letter-spacing:.06em}.screenBody{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:none}.screenBody::-webkit-scrollbar{display:none}.screenPanel{padding:var(--space-top) 18px var(--space-bottom);min-height:100%}.welcomeLine{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6f7b74;margin-bottom:14px}.demoBadge{border:1px solid #0002;border-radius:20px;padding:2px 7px}.mobileHero{position:relative;overflow:hidden;border-radius:20px;min-height:195px;background:var(--ink);isolation:isolate}.mobileHero:after{content:"";inset:0;position:absolute;background:linear-gradient(90deg,#10271cdb,#10271c45);z-index:-1}.mobileHero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.mobileHero>div{padding:24px;max-width:88%;color:#fff}.mobileHero small{font-size:11px;opacity:.85}.mobileHero h2{font-size:var(--headline-size);line-height:1.35;margin:12px 0 16px;letter-spacing:-.04em;text-wrap:balance}.mobileHero button{background:#fff;color:var(--ink);border:0;border-radius:20px;padding:8px 14px;font-size:11px}.quickGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 27px}.quickGrid button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;border:0;background:transparent;padding:0}.quickGrid i{display:grid;place-items:center;font-style:normal;font-size:21px;color:var(--primary);width:43px;height:43px;background:color-mix(in srgb,var(--primary) 10%,white);border-radius:14px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sectionTitle h3{font-size:18px;margin:0}.sectionTitle button{border:0;background:transparent;font-size:11px;color:#758079}.itemGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.itemCard{border:1px solid #00000006;padding:0;overflow:hidden;background:white;border-radius:14px;text-align:left;min-width:0;box-shadow:0 3px 16px #1a382505;transition:transform .18s}.itemCard:hover{transform:translateY(-2px)}.itemArtwork{height:106px;position:relative;background:color-mix(in srgb,var(--primary) 14%,var(--surface));display:grid;place-items:center;overflow:hidden}.itemArtwork>img{width:100%;height:100%;object-fit:cover}.art-2>img{object-position:right}.art-3>img{object-position:30%;transform:scale(1.18)}.art-4>img{object-position:70%;transform:scale(1.1)}.itemArtwork>span{font-size:38px;color:var(--primary)}.itemArtwork>small{position:absolute;bottom:7px;left:7px;border-radius:5px;padding:3px 6px;background:#ffffffeb;font-size:9px}.art-2{background:color-mix(in srgb,var(--accent) 20%,white)}.art-3{background:color-mix(in srgb,var(--primary) 5%,white)}.itemCopy{padding:11px}.itemCopy>b{font-size:12px;display:block}.itemCopy>p{font-size:10px;line-height:1.6;color:#768179;margin:7px 0;min-height:32px}.itemCopy>strong{font-size:13px;color:var(--primary)}.noticeCard{margin-top:20px;padding:14px;border:1px solid #0001;border-radius:14px;display:flex;gap:12px;align-items:center}.noticeCard>span{font-size:24px;color:var(--primary)}.noticeCard p{font-size:11px;line-height:1.7;margin:0}.noticeCard small{color:#819085}.bottomTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 5px 17px;background:#fffffff5;border-top:1px solid #0001;flex-shrink:0}.bottomTabs button{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:4px;font-size:10px;color:#8a938e;padding:0}.bottomTabs button span{font-size:22px;line-height:1.1}.bottomTabs button.active{color:var(--primary);font-weight:700}.panelHeading small{letter-spacing:.12em;font-size:10px;color:var(--primary)}.panelHeading h2{margin:10px 0 18px;font-size:26px}.panelHeading p{font-size:12px;line-height:1.7;color:#758279}.searchBox{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #0001;border-radius:13px;padding:13px;font-size:20px}.searchBox input{width:100%;border:0;outline:none;background:transparent;font-size:13px;min-width:0}.categoryTabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.categoryTabs button{background:white;border:1px solid #0001;border-radius:22px;padding:7px 13px;font-size:12px}.categoryTabs button.active{background:var(--ink);color:white}.emptyState{text-align:center;padding:60px 10px;color:#708076;font-size:13px}.emptyState>span{font-size:45px;display:block;margin-bottom:15px}.emptyState>b{display:block}.emptyState>p{font-size:12px}.primaryButton{background:var(--ink);color:white;border:0;padding:12px 18px;border-radius:8px;font-size:13px}.orderCard{padding:18px;background:#fff;border:1px solid #0001;border-radius:15px;margin-bottom:14px}.orderCardHeading{display:flex;justify-content:space-between;align-items:center;font-size:11px}.orderCardHeading small{color:#809186}.orderCardHeading>span{color:var(--primary)}.orderCardHeading>.completed{color:#41764e}.orderCard h3{font-size:15px;margin:16px 0 8px}.orderCard p{font-size:12px;line-height:1.7;color:#738478}.orderCard b{font-size:14px}.orderActions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.orderActions button{padding:8px 12px;font-size:11px;border:1px solid #0002;border-radius:7px;background:white}.orderActions .primaryButton{background:var(--ink);color:white}.profileCard{display:flex;gap:16px;align-items:center;margin:20px 0 30px}.avatar{width:66px;height:66px;border-radius:50%;background:var(--primary);display:grid;place-items:center;color:var(--surface);font-weight:700;font-size:26px}.profileCard h2{font-size:20px;margin:0 0 8px}.profileCard p{font-size:11px;margin:0;color:#6c7b70}.profileStats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.profileStats button{border:1px solid #0001;background:#fff;border-radius:15px;padding:22px 10px}.profileStats b{display:block;font-size:28px;color:var(--primary);margin-bottom:5px}.profileStats span{font-size:11px}.profileLinks{background:#fff;border-radius:15px;overflow:hidden}.profileLinks>*{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #0001;background:transparent;text-align:left;padding:18px 16px;font-size:12px}.privacyNote{font-size:11px;line-height:1.9;color:#849287;padding:15px 3px}.itemDialog,.resetDialog{border:0;border-radius:22px;width:min(420px,calc(100% - 28px));max-height:88dvh;overflow:auto;padding:23px;color:var(--ink);box-shadow:0 24px 100px #0005}.itemDialog::backdrop,.resetDialog::backdrop{background:#10251988;backdrop-filter:blur(4px)}.dialogTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:10px;letter-spacing:.1em}.dialogTop>button{border:0;background:#f1f3ef;width:28px;height:28px;border-radius:50%;font-size:21px}.itemDialog>img{width:100%;height:160px;object-fit:cover;border-radius:12px;margin-bottom:20px}.itemDialog>small{font-size:11px;color:var(--primary)}.itemDialog>h2{font-size:23px;line-height:1.4;margin:9px 0}.itemDialog>p{font-size:13px;line-height:1.8}.itemDialog>strong{color:var(--primary);font-size:21px}.itemDialog>.demoDisclaimer{font-size:11px;padding:12px;border-radius:8px;background:var(--surface);color:#6c796e}.dialogActions{display:flex;gap:10px;margin:20px 0 15px}.dialogActions button{flex:1;border:1px solid #0002;border-radius:8px;padding:12px;font-size:12px}.dialogActions .primaryButton{border-color:var(--ink)}.favoriteButton{background:white}.detailPageLink{font-size:11px;color:#748174;display:block;text-align:center}.toast{position:fixed;z-index:99;bottom:40px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);width:max-content;padding:13px 20px;border-radius:12px;background:#16281eed;color:#fff;font-size:12px;box-shadow:0 5px 30px #0002}.demo-tea .itemGrid,.demo-service .itemGrid,.demo-learning .itemGrid,.demo-work .itemGrid,.demo-travel .itemGrid{grid-template-columns:1fr}.demo-tea .itemCard,.demo-service .itemCard,.demo-learning .itemCard,.demo-work .itemCard,.demo-travel .itemCard{display:grid;grid-template-columns:90px 1fr;align-items:center}.demo-tea .itemArtwork,.demo-service .itemArtwork,.demo-learning .itemArtwork,.demo-work .itemArtwork,.demo-travel .itemArtwork{height:110px}.demo-member .mobileHero{border-radius:8px;background:var(--primary)}.demo-member .mobileHero:after{background:linear-gradient(90deg,#67283dec,#67283d3b)}.demo-tea .mobileHero{border-radius:90px 90px 12px 12px}.demo-stay .mobileHero,.demo-living .mobileHero{min-height:245px}.demo-stay .mobileHero>div,.demo-living .mobileHero>div{padding-top:65px}.demo-fitness .deviceScreen{background:#19271e;color:#f6f9ef}.demo-fitness .statusBar,.demo-fitness .deviceHeader,.demo-fitness .bottomTabs{background:#19271e;color:#f6f9ef;border-color:#ffffff20}.demo-fitness .welcomeLine{color:#cad6c9}.demo-fitness .quickGrid i{background:#cee8441f}.demo-fitness .itemCard{background:#26372b;color:#f6f9ef}.demo-fitness .itemCopy>p{color:#becfbe}.demo-fitness .noticeCard{border-color:#ffffff25}.demo-fitness .panelHeading p{color:#bdcfbf}.demo-fitness .profileCard p{color:#bdcfbf}.demo-fitness .profileLinks,.demo-fitness .profileStats button,.demo-fitness .orderCard{background:#26372b;color:#f6f9ef}.demo-fitness .categoryTabs button,.demo-fitness .searchBox{color:#223329}.demo-work .mobileHero{min-height:160px;border-radius:10px}.demo-work .quickGrid{gap:10px}.demo-work .quickGrid i{border-radius:7px}.demo-work .itemCard{border-radius:7px;border-left:3px solid var(--primary)}.demo-work .itemArtwork{background:#eef0ec}.demo-learning .mobileHero:after{background:linear-gradient(90deg,#342654dd,#7251b755)}.demo-service .mobileHero:after,.demo-travel .mobileHero:after{background:linear-gradient(90deg,#153956dc,#15395635)}.demo-living .mobileHero:after{background:linear-gradient(90deg,#413a32cc,#413a322b)}.demoMini .deviceHeader b{font-size:16px}.demoApp .capsule{background:var(--surface);border:0;color:var(--ink)}
.mobileExtras .pageModule{padding-top:var(--module-pt)!important;padding-bottom:var(--module-pb)!important;overflow:hidden}.mobileExtras .moduleBg-white{background:#fff}.mobileExtras .moduleBg-primary{background:var(--primary)}.mobileExtras .moduleBg-dark{background:var(--ink)}.mobileExtras .container,.mobileExtras .moduleNarrow{max-width:100%;padding:0 12px}.mobileExtras .moduleImage img{max-height:240px}.mobileExtras .moduleBanner{min-height:240px;padding:24px}.mobileExtras .moduleEyebrow{color:var(--primary)}.mobileExtras .btn{display:inline-block;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-size:12px}.mobileExtras .moduleCards{grid-template-columns:1fr}.mobileExtras .moduleCard>div{padding:16px}
.storyBrand>span{color:#fff}.demo-fitness .storyBrand>span{color:var(--ink)}.storyKicker{color:var(--ink)}
.quantityPicker{display:flex;align-items:center;gap:16px;margin-top:20px;font-size:13px}.quantityPicker>span{margin-right:auto}.quantityPicker>button{border:1px solid #0002;border-radius:6px;background:white;width:32px;height:32px}.quantityPicker>output{min-width:20px;text-align:center}.checkoutBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;background:white;border:1px solid #0002;border-radius:12px;margin-top:20px;font-size:15px}.demo-fitness .checkoutBar{color:var(--ink)}
@media(max-width:1050px){.previewWorkspace{grid-template-columns:1fr 410px;gap:35px;padding:35px 28px}.deviceFrame{width:400px;height:850px}.storyBrand{margin-top:40px}.previewStory h1{font-size:36px}}@media(max-width:760px){body{background:#fafbf9}.previewWorkspace{display:block;min-height:100dvh;padding:0;background:none}.previewStory{display:none}.deviceFrame{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.deviceFrame:before{display:none}.deviceScreen{height:100%}.statusBar{display:none}.deviceHeader{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:14px}.screenPanel{padding-left:20px;padding-right:20px}.bottomTabs{padding-bottom:max(14px,env(safe-area-inset-bottom))}.mobileHero{min-height:200px}.itemArtwork{height:120px}.toast{bottom:90px}.deviceHeader .capsule{font-size:10px}.demo-stay .mobileHero,.demo-living .mobileHero{min-height:240px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}