:root{--y-primary: #FF6B4A;--y-primary-2: #FF9A6C;--y-primary-deep: #F04E2E;--y-primary-soft: #FFEDE6;--y-primary-softer: #FFF6F2;--y-gradient: linear-gradient(135deg, #FF6B4A 0%, #FF9A6C 100%);--y-gradient-rev: linear-gradient(135deg, #FF9A6C 0%, #FF6B4A 100%);--y-gradient-warm: linear-gradient(135deg, #FF6B4A 0%, #FF8A5B 45%, #FFB07C 100%);--y-pink: #FF7EA8;--y-pink-deep: #F45E8C;--y-pink-soft: #FFE7EE;--y-lemon: #FFD84D;--y-lemon-deep: #F5C218;--y-lemon-soft: #FFF6D6;--y-success: #10B981;--y-success-soft: #E7F9F2;--y-warning: #F59E0B;--y-warning-soft: #FFF4E0;--y-danger: #EF4444;--y-danger-soft: #FFEBEB;--y-info: #FF9A6C;--y-info-soft: #E8F7FE;--y-bg: #FFF7F4;--y-bg-2: #FFF1EC;--y-surface: #FFFFFF;--y-surface-2: #FFFBF9;--y-line: #F4E6E0;--y-line-2: #FAEFEA;--y-ink: #231F20;--y-ink-2: #6B6460;--y-ink-3: #A8A09B;--y-ink-4: #C9C1BC;--y-r-xs: 8px;--y-r-sm: 12px;--y-r-md: 16px;--y-r-lg: 20px;--y-r-xl: 26px;--y-r-pill: 999px;--y-sh-xs: 0 1px 3px rgba(255, 107, 74, .06);--y-sh-sm: 0 2px 10px rgba(255, 107, 74, .08);--y-sh-card: 0 6px 20px rgba(120, 78, 62, .07);--y-sh-lg: 0 12px 32px rgba(255, 107, 74, .16);--y-sh-pop: 0 16px 44px rgba(255, 107, 74, .22);--y-gap-xs: 6px;--y-gap-sm: 10px;--y-gap: 14px;--y-gap-lg: 20px;--y-pad: 16px;--accent: var(--y-primary);--theme: var(--y-primary)}html,body{background:var(--y-bg);color:var(--y-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Helvetica Neue,Microsoft YaHei,Arial,sans-serif}body{margin:0}#app,#app-root{background:var(--y-bg);min-height:100vh}*{-webkit-tap-highlight-color:transparent}.page{background:var(--y-bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#EAD9D2;border-radius:var(--y-r-pill)}.tab-bar{background:rgba(255,255,255,.96)!important;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--y-line)!important;box-shadow:0 -6px 20px #784e3e0f}.tab-item.active .tab-text{color:var(--y-primary)!important}.tab-item .tab-text{color:var(--y-ink-3)}.y-hero{position:relative;background:var(--y-gradient-warm);color:#fff;border-radius:0 0 var(--y-r-xl) var(--y-r-xl);padding:calc(14px + env(safe-area-inset-top,0px)) var(--y-pad) 22px;box-shadow:0 10px 26px #ff6b4a38;overflow:hidden}.y-hero:after{content:"";position:absolute;top:-40%;right:-18%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 70%);pointer-events:none}.y-hero-title{font-size:20px;font-weight:800;letter-spacing:.5px}.y-hero-sub{font-size:12px;opacity:.88;margin-top:4px}.y-card{background:var(--y-surface);border-radius:var(--y-r-lg);box-shadow:var(--y-sh-card);border:1px solid var(--y-line-2);overflow:hidden}.y-card-flat{background:var(--y-surface);border-radius:var(--y-r-lg);border:1px solid var(--y-line)}.y-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;padding:11px 22px;border-radius:var(--y-r-pill);background:var(--y-gradient);color:#fff;font-size:15px;font-weight:700;box-shadow:0 6px 16px #ff6b4a47;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.y-btn:active{transform:scale(.96);box-shadow:0 3px 10px #ff6b4a38}.y-btn.ghost{background:var(--y-primary-soft);color:var(--y-primary-deep);box-shadow:none;border:1px solid #FFD9CC}.y-btn.lemon{background:linear-gradient(135deg,#FFD84D,#FFB800);color:#6b4a00;box-shadow:0 6px 16px #ffb80042}.y-btn.pink{background:linear-gradient(135deg,#FF8FB4,#F45E8C);color:#fff;box-shadow:0 6px 16px #f45e8c42}.y-btn[disabled]{opacity:.45;box-shadow:none}.y-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--y-r-pill);font-size:11px;font-weight:700;background:var(--y-primary-soft);color:var(--y-primary-deep);line-height:1.6}.y-chip.pink{background:var(--y-pink-soft);color:var(--y-pink-deep)}.y-chip.lemon{background:var(--y-lemon-soft);color:#8a6a00}.y-chip.mint{background:var(--y-success-soft);color:#0b7a5b}.y-chip.gray{background:#F3F0EE;color:var(--y-ink-2)}.y-segment{display:flex;gap:6px;padding:4px;background:#F7EFEB;border-radius:var(--y-r-pill)}.y-segment>*{flex:1;text-align:center;padding:8px 12px;border-radius:var(--y-r-pill);font-size:13px;font-weight:600;color:var(--y-ink-2);transition:all .2s ease;cursor:pointer}.y-segment>*.active{background:var(--y-gradient);color:#fff;box-shadow:0 4px 12px #ff6b4a42}.y-section-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;color:var(--y-ink);padding:0 var(--y-pad);margin:18px 0 10px}.y-section-title:before{content:"";width:4px;height:16px;border-radius:var(--y-r-pill);background:var(--y-gradient)}.y-section-more{margin-left:auto;font-size:12px;font-weight:500;color:var(--y-ink-3)}.y-price{color:var(--y-primary);font-weight:800}.y-price .unit{font-size:.68em;margin-right:1px}.y-price-old{color:var(--y-ink-4);text-decoration:line-through;font-size:12px;font-weight:400}.y-thumb{background:var(--y-bg-2);border-radius:var(--y-r-md);overflow:hidden}.y-thumb img{width:100%;height:100%;object-fit:cover;display:block}.y-empty{text-align:center;padding:56px 20px;color:var(--y-ink-3)}.y-empty-emoji{font-size:46px;display:block;margin-bottom:10px;opacity:.9}.y-empty-text{font-size:14px}.y-divider{height:1px;background:var(--y-line);margin:12px 0}.y-fab{position:fixed;right:16px;bottom:84px;width:52px;height:52px;border-radius:50%;background:var(--y-gradient);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--y-sh-pop);z-index:90;cursor:pointer}.y-fab:active{transform:scale(.94)}.y-glass{background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}.y-skeleton{background:linear-gradient(90deg,#F6EDE9 25%,#FDF6F3 37%,#F6EDE9 63%);background-size:400% 100%;animation:yShimmer 1.4s ease infinite;border-radius:var(--y-r-sm)}@keyframes yShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes yPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.88}}.y-safe-bottom{height:calc(16px + env(safe-area-inset-bottom,0px))}:root{--bg-page: #FFF7F4;--bg-card: #ffffff;--bg-input: #FFFBF9;--bg-dark: #2B211E;--border: #F0E4DE;--border-focus: #FF6B4A;--text-primary: #231F20;--text-secondary: #6B6460;--text-muted: #A8A09B;--text-inverse: #ffffff;--accent: #FF6B4A;--accent-light: #FFEDE6;--accent-dark: #E03E1F;--red: #dc2626;--green: #16a34a;--gold: #f59e0b;--orange: #FF8A5B;--cyan: #FF9A6C;--shadow-sm: 0 1px 3px rgba(120,78,62,.06);--shadow-md: 0 6px 20px rgba(120,78,62,.08);--shadow-lg: 0 12px 34px rgba(255,107,74,.16);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--font-xs: 13px;--font-sm: 15px;--font-md: 17px;--font-lg: 20px;--font-xl: 26px;--font-xxl: 34px;--card-padding: 16px;--gap-xs: 6px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 20px;--btn-height: 48px;--header-h: 56px;--safe-bottom: env(safe-area-inset-bottom, 16px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-page);color:var(--text-primary);font-size:var(--font-sm);line-height:1.6;-webkit-font-smoothing:antialiased}#app-root{min-height:100vh;padding-bottom:env(safe-area-inset-bottom);max-width:480px;margin:0 auto;background:var(--bg-page);position:relative}button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);font-weight:600;transition:all .25s}button:active{transform:scale(.96)}input,textarea,select{font-size:var(--font-sm);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:12px 16px;outline:none;width:100%;box-sizing:border-box;transition:border .3s,box-shadow .3s}input:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #ff6b4a1a}.tab-bar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:440px;z-index:1000}.tab-inner{display:flex;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:6px 8px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;cursor:pointer;position:relative;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.tab-icon-box{position:relative;width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .3s;color:var(--text-muted);margin-bottom:3px;font-size:22px}.tab-icon-box.active{color:#fff;background:var(--accent);box-shadow:0 4px 12px #ff6b4a4d;transform:translateY(-3px)}.tab-icon-svg{display:flex;align-items:center;justify-content:center;transition:transform .3s}.tab-item:active .tab-icon-svg{transform:scale(.88)}.tab-text{font-size:12px;font-weight:500;color:var(--text-muted);transition:color .3s}.tab-item.active .tab-text{color:var(--accent);font-weight:700}.tab-badge{position:absolute;top:-6px;right:-10px;min-width:17px;height:17px;line-height:17px;padding:0 5px;border-radius:999px;background:var(--y-primary);color:#fff;font-size:10px;font-weight:700;text-align:center;box-shadow:0 2px 6px #ff6b4a66}.tab-dot{position:absolute;bottom:-2px;width:6px;height:6px;border-radius:50%;background:var(--accent);animation:dotIn .4s ease}@keyframes dotIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease forwards}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.icp-link{color:var(--text-muted);text-decoration:none}.icp-link:hover{text-decoration:underline}.site-footer{text-align:center;padding:8px 16px 100px;font-size:11px;color:var(--text-muted);max-width:480px;margin:0 auto}