:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-bg: #f0f2f8;--color-text-primary: #1e1b4b;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-surface-solid: #ffffff;--glass-bg: rgba(255, 255, 255, .55);--glass-border: 1px solid rgba(255, 255, 255, .45);--glass-shadow: 0 8px 32px rgba(99, 102, 241, .1);--glass-blur: blur(16px);--font: "PingFang SC", -apple-system, "Helvetica Neue", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#fff}body{font-family:var(--font);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}.phone-frame{width:100%;min-height:100vh;max-width:430px;margin:0 auto;background:var(--color-bg);position:relative;display:flex;flex-direction:column}.phone-frame>.main-scroll:first-child{border-top:var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) solid transparent;padding-top:0}.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:.5px solid rgba(60,60,67,.1);padding:calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 10px) 16px 10px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:12px}.back-btn{width:32px;height:32px;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.back-btn:active{background:#0000001a}.back-btn svg{width:20px;height:20px;color:var(--color-text-primary)}.header-title{font-size:18px;font-weight:700;color:var(--color-text-primary)}.header-right{display:flex;align-items:center;gap:12px}.header-icon{width:32px;height:32px;border-radius:50%;background:#6366f11a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.header-icon:active{background:#6366f133}.header-icon svg{width:18px;height:18px;color:var(--color-primary)}.main-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:80px}.main-scroll::-webkit-scrollbar{display:none}.filter-bar,.quick-filter{padding:12px 16px 0;display:flex;align-items:center;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.filter-bar::-webkit-scrollbar,.quick-filter::-webkit-scrollbar{display:none}.filter-chip,.filter-tab{flex-shrink:0;scroll-snap-align:start;padding:8px 16px;border-radius:var(--radius-full);background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);font-size:13px;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-chip.active,.filter-tab.active{background:var(--color-primary);color:#fff;font-weight:600;border-color:var(--color-primary)}.filter-chip:active,.filter-tab:active{transform:scale(.95)}.search-bar{padding:12px 16px 0}.search-container{position:relative}.search-input{width:100%;height:44px;border-radius:var(--radius-full);background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);padding:0 16px 0 44px;font-size:15px;color:var(--color-text-primary);outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 2px #6366f133}.search-input::placeholder{color:var(--color-text-tertiary)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-tertiary)}.glass-card{border-radius:var(--radius-xl);background:#ffffffa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #6366f11a;overflow:hidden}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(60,60,67,.1);padding:6px 0 var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 6px));z-index:200}.tab{flex:1;display:flex;flex-direction:column;align-items:center;padding:4px 0;cursor:pointer;transition:all .2s ease}.tab svg{width:24px;height:24px;color:var(--color-text-tertiary);transition:color .2s}.tab span{font-size:10px;color:var(--color-text-tertiary);margin-top:2px;transition:color .2s}.tab.active svg{color:var(--color-primary)}.tab.active span{color:var(--color-primary);font-weight:600}svg{display:block}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:600}.tag-free{background:#10b98126;color:var(--color-success)}.tag-paid{background:#ef444426;color:var(--color-danger)}.tag-hot{background:#f59e0b26;color:var(--color-warning)}.tag-new{background:#6366f126;color:var(--color-primary)}.tag-limited{background:#ef444426;color:var(--color-danger)}.empty-tip{text-align:center;padding:40px 0;color:var(--color-text-tertiary);font-size:14px}.rich-content img,[data-v-html] img,.v-html img,.desc-text img,.item-desc img,img[data-role=rich-image]{max-width:100%!important;width:auto!important;height:auto!important;display:block!important;margin:8px auto!important;border-radius:8px!important;background:#f5f5f5!important;object-fit:contain!important;page-break-inside:avoid}.rich-content video,[data-v-html] video,.v-html video{max-width:100%!important;height:auto!important;display:block!important;margin:8px auto!important;border-radius:8px!important}.rich-content table,[data-v-html] table,.v-html table{max-width:100%!important;display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}img.cover-img,img.product-cover-img,img.card-avatar,img.qr-img,img[data-role=cover]{max-width:100%!important;height:auto!important;display:block!important;object-fit:cover}.activity-cover-bg,.activity-cover-hero,.product-image{-webkit-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat}.phone-frame,.main-scroll,.info-card,.activity-content,.product-content{overflow-x:hidden!important}.rich-content{font-size:14px;color:#333;line-height:1.8;word-break:break-word}.rich-content p{margin:8px 0}.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4{font-weight:700;margin:12px 0 8px;line-height:1.4}.rich-content h1{font-size:18px}.rich-content h2{font-size:16px}.rich-content h3{font-size:15px}.rich-content h4{font-size:14px}.rich-content ul,.rich-content ol{padding-left:20px;margin:8px 0}.rich-content li{margin:4px 0}.rich-content a{color:var(--color-primary);text-decoration:underline;word-break:break-all}.rich-content table{max-width:100%;border-collapse:collapse}.rich-content table td,.rich-content table th{border:1px solid #e5e5e5;padding:6px 8px}.rich-content blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid var(--color-primary);background:#f7f8fa;color:#666}.meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);margin-bottom:6px}.meta-item svg{width:14px;height:14px;flex-shrink:0}.stats-row{display:flex;align-items:center;gap:16px;margin-top:12px}.stat-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-secondary)}.stat-item svg{width:14px;height:14px}.price-main{font-size:22px;font-weight:800;color:var(--color-primary)}.price-main span{font-size:14px}.price-original{font-size:12px;color:var(--color-text-tertiary);text-decoration:line-through;margin-left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.btn:active{transform:scale(.96)}.btn-primary{background:var(--color-primary);color:#fff}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-full{width:100%}.avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-primary);flex-shrink:0}.section-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.section-more{font-size:12px;color:var(--color-text-tertiary);cursor:pointer}