:root{--color-primary: oklch(58% .19 55);--color-primary-light: oklch(92% .06 60);--color-primary-soft: oklch(85% .1 58);--color-primary-dark: oklch(45% .16 55);--color-white: oklch(99% .005 55);--color-gray-50: oklch(97% .008 55);--color-gray-100: oklch(94% .01 55);--color-gray-200: oklch(88% .012 55);--color-gray-300: oklch(78% .015 55);--color-gray-400: oklch(65% .016 55);--color-gray-500: oklch(52% .015 55);--color-gray-600: oklch(40% .014 55);--color-gray-700: oklch(28% .012 55);--color-gray-800: oklch(18% .01 55);--color-gray-900: oklch(10% .008 55);--color-success: oklch(55% .15 150);--color-warning: oklch(65% .16 85);--color-error: oklch(55% .18 25);--color-info: oklch(55% .14 250);--surface-page: var(--color-gray-50);--surface-card: var(--color-white);--surface-elevated: var(--color-white);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-400);--border-color: var(--color-gray-100);--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(55% .03 55 / .06);--shadow-md: 0 4px 12px oklch(55% .04 55 / .08);--shadow-lg: 0 8px 28px oklch(55% .05 55 / .12);--shadow-xl: 0 16px 48px oklch(55% .06 55 / .16);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s}[data-theme=dark]{--color-white: oklch(18% .01 55);--color-gray-50: oklch(14% .012 55);--color-gray-100: oklch(20% .014 55);--color-gray-200: oklch(28% .016 55);--color-gray-300: oklch(40% .018 55);--color-gray-400: oklch(55% .016 55);--color-gray-500: oklch(65% .014 55);--color-gray-600: oklch(78% .012 55);--color-gray-700: oklch(88% .01 55);--color-gray-800: oklch(94% .008 55);--color-gray-900: oklch(97% .006 55);--color-primary-light: oklch(30% .08 55);--color-primary-soft: oklch(35% .12 55);--surface-page: var(--color-gray-50);--surface-card: var(--color-white);--surface-elevated: var(--color-gray-100);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-400);--border-color: var(--color-gray-100);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .2);--shadow-md: 0 4px 12px oklch(0% 0 0 / .28);--shadow-lg: 0 8px 28px oklch(0% 0 0 / .32);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .4)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background:var(--color-gray-200);color:var(--color-gray-800);line-height:1.5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);overflow:hidden}button{font-family:inherit;border-width:medium;border-style:none;border-color:currentcolor;border-image:initial;background:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}.theme-icon-sun{display:none}.theme-icon-moon,[data-theme=dark] .theme-icon-sun{display:block}[data-theme=dark] .theme-icon-moon{display:none}body,.app-shell,.page,.scroll-area,.tab-bar,.page-header{transition:background-color var(--duration-base) var(--ease-out-quart),color var(--duration-base) var(--ease-out-quart),border-color var(--duration-base) var(--ease-out-quart)}[data-theme=dark] .filter-chip.is-active,[data-theme=dark] .status-tab.is-active,[data-theme=dark] .period-btn.is-active,[data-theme=dark] .merchant-filter.is-active,[data-theme=dark] .academy-tabs .tab.is-active,[data-theme=dark] .view-tab.is-active,[data-theme=dark] .material-tab.is-active{background:var(--color-gray-200);color:#fff;border-color:var(--color-gray-200)}[data-theme=dark] .btn-ghost{background:var(--color-gray-100);color:var(--color-gray-800)}[data-theme=dark] .btn-ghost:hover{background:var(--color-gray-200)}[data-theme=dark] .icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}[data-theme=dark] .back-btn{color:#fff}[data-theme=dark] .search-bar{color:var(--color-gray-500)}[data-theme=dark] .home-title,[data-theme=dark] .page-header.centered h1,[data-theme=dark] .materials-header h1,[data-theme=dark] .section-header h2,[data-theme=dark] .section-title-row h3,[data-theme=dark] .detail-section h3,[data-theme=dark] .product-section h3,[data-theme=dark] .analytics-section h3,[data-theme=dark] .showcase-section-header h3,[data-theme=dark] .showcase-section-title h3,[data-theme=dark] .task-title,[data-theme=dark] .product-title,[data-theme=dark] .merchant-name,[data-theme=dark] .influencer-name,[data-theme=dark] .course-title,[data-theme=dark] .rank-info h4,[data-theme=dark] .income-record-info h4,[data-theme=dark] .showcase-case .info h4,[data-theme=dark] .merchant-review-header strong,[data-theme=dark] .wechat-mini-body h4,[data-theme=dark] .video-material-info h4,[data-theme=dark] .wechat-card-body h4,[data-theme=dark] .video-choice-header h4,[data-theme=dark] .video-script-card h4,[data-theme=dark] .video-tips h4,[data-theme=dark] .product-discount,[data-theme=dark] .income-item strong,[data-theme=dark] .withdraw-amount strong,[data-theme=dark] .showcase-stat strong,[data-theme=dark] .showcase-data-item strong,[data-theme=dark] .my-task-stat strong,[data-theme=dark] .price-package-info strong,[data-theme=dark] .growth-header,[data-theme=dark] .analytics-value,[data-theme=dark] .commission-value,[data-theme=dark] .commission-label,[data-theme=dark] .commission-extra,[data-theme=dark] .ab-test-info strong,[data-theme=dark] .mission-title-row strong,[data-theme=dark] .profile-info h2,[data-theme=dark] .task-center-title h3,[data-theme=dark] .menu-item,[data-theme=dark] .influencer-desc,[data-theme=dark] .showcase-bio,[data-theme=dark] .tip-list li,[data-theme=dark] .video-tips li,[data-theme=dark] .merchant-review p,[data-theme=dark] .copy-card,[data-theme=dark] .video-script-card p,[data-theme=dark] .moments-text{color:var(--color-gray-900)}[data-theme=dark] .task-shop,[data-theme=dark] .task-meta,[data-theme=dark] .target-row,[data-theme=dark] .product-price-sub,[data-theme=dark] .product-target-row,[data-theme=dark] .task-target-row,[data-theme=dark] .product-sales,[data-theme=dark] .income-item span,[data-theme=dark] .profile-info p,[data-theme=dark] .withdraw-hint,[data-theme=dark] .task-center-sub,[data-theme=dark] .analytics-label,[data-theme=dark] .analytics-chart-label,[data-theme=dark] .funnel-rate,[data-theme=dark] .channel-analysis-footer,[data-theme=dark] .income-record-info span,[data-theme=dark] .showcase-stat span,[data-theme=dark] .showcase-data-item span,[data-theme=dark] .my-task-stat span,[data-theme=dark] .rank-info p,[data-theme=dark] .showcase-case .info p,[data-theme=dark] .showcase-count,[data-theme=dark] .showcase-setting-note,[data-theme=dark] .course-meta,[data-theme=dark] .merchant-count,[data-theme=dark] .influencer-stats span,[data-theme=dark] .influencer-meta,[data-theme=dark] .ab-test-info span,[data-theme=dark] .ab-test-rate,[data-theme=dark] .ab-test-hint,[data-theme=dark] .material-note,[data-theme=dark] .link-label,[data-theme=dark] .wechat-mini-body p,[data-theme=dark] .wechat-mini-footer,[data-theme=dark] .moments-user span,[data-theme=dark] .wechat-preview-title,[data-theme=dark] .moments-preview-title,[data-theme=dark] .mission-progress-row>span,[data-theme=dark] .mission-reward,[data-theme=dark] .commission-note,[data-theme=dark] .detail-target .target-note,[data-theme=dark] .video-choice-header p,[data-theme=dark] .wechat-card-body p,[data-theme=dark] .price-package-info span,[data-theme=dark] .review-rating,[data-theme=dark] .merchant-review p,[data-theme=dark] .tab,[data-theme=dark] .status-tab,[data-theme=dark] .merchant-filter,[data-theme=dark] .period-btn,[data-theme=dark] .channel-item,[data-theme=dark] .copy-style,[data-theme=dark] .poster-template,[data-theme=dark] .text-btn,[data-theme=dark] .filter-chip,[data-theme=dark] .location,[data-theme=dark] .icon-btn,[data-theme=dark] .menu-item svg,[data-theme=dark] .tab-item,[data-theme=dark] .growth-text{color:var(--color-gray-600)}[data-theme=dark] .empty-state p,[data-theme=dark] .empty-state span,[data-theme=dark] .product-original,[data-theme=dark] .live-item,[data-theme=dark] .menu-count,[data-theme=dark] .growth-badge.badge-locked,[data-theme=dark] .rank-index{color:var(--color-gray-500)}[data-theme=dark] .rank-item,[data-theme=dark] .income-record-item,[data-theme=dark] .mission-item.is-done{background:var(--color-gray-100)}[data-theme=dark] .video-play{background:#161616eb;color:#fff;box-shadow:#00000059 0 4px 16px}[data-theme=dark] .video-card:hover .video-play{background:var(--color-primary);color:#fff}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.app-shell{width:100%;max-width:414px;height:100vh;height:100dvh;max-height:896px;background:var(--surface-page);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;position:relative;display:flex;flex-direction:column}.app-viewport{flex:1 1 0%;position:relative;overflow:hidden}.page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--surface-page);opacity:1;transform:translate(0);pointer-events:auto;transition:opacity var(--duration-base) var(--ease-out-quart),transform var(--duration-base) var(--ease-out-quart);z-index:1}.page:not(.is-active){opacity:0;transform:translate(20px);pointer-events:none;z-index:1}.page.is-active{opacity:1;transform:translate(0);pointer-events:auto;z-index:2}.page-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);background:var(--surface-page);position:sticky;top:0;z-index:5}.page-header.centered{justify-content:space-between}.page-header.centered h1{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900)}.scroll-area{flex:1 1 0%;overflow:hidden auto;padding:0 var(--space-4) calc(var(--space-10) + env(safe-area-inset-bottom));scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.tab-bar{display:flex;justify-content:space-around;align-items:center;height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030a 0 -4px 20px;z-index:20;position:relative}.tab-item{flex:1 1 0%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;color:var(--color-gray-400);transition:color var(--duration-fast) var(--ease-out-quart);position:relative}.tab-item.is-active{color:var(--color-primary)}.tab-item:before{content:"";position:absolute;top:6px;width:4px;height:4px;border-radius:var(--radius-full);background:var(--color-primary);opacity:0;transform:translateY(-4px);transition:opacity var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.tab-item.is-active:before{opacity:1;transform:translateY(0)}.tab-item svg{transition:transform var(--duration-fast) var(--ease-out-quart)}.tab-item:active svg{transform:scale(.85)}.tab-item span{font-size:11px;font-weight:600}.location{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700);white-space:nowrap}.icon-btn{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-gray-700);position:relative;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.icon-btn:active{transform:scale(.94)}.badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;background:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-page)}.stats-row{display:flex;justify-content:space-between;gap:var(--space-4)}.stat-item{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 0%}.stat-label{font-size:var(--text-sm);opacity:.82;font-weight:500}.stat-value{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stats-divider{height:1px;background:#ffffff26;margin:var(--space-4) 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);margin-top:var(--space-2)}.section-header h2{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900)}.text-btn{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-500);transition:color var(--duration-fast) var(--ease-out-quart)}.text-btn:hover{color:var(--color-primary)}.task-logo{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--color-gray-200)}.task-logo img{width:100%;height:100%;object-fit:cover}.task-title{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-2);font-weight:600}.target-remaining{color:var(--color-success);font-weight:700}.target-remaining.urgent{color:var(--color-error)}.target-bar{height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.target-progress{height:100%;width:var(--progress);border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-soft));transition:width .6s var(--ease-out-quart)}.detail-target .target-note{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-3);line-height:1.5}.tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700}.tag-primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.tag-secondary{background:var(--color-gray-100);color:var(--color-gray-600)}.tag-success{background:#bff4c9;color:var(--color-success)}.commission-price{font-size:var(--text-xl);font-weight:800;color:var(--color-primary);line-height:1.2}.commission-note{font-size:var(--text-xs);color:var(--color-gray-500)}.merchant-logo{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--color-primary);font-size:var(--text-xl)}.merchant-name{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.merchant-count{font-size:var(--text-xs);color:var(--color-gray-500)}.tab{flex-shrink:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);background:var(--color-white);border:1px solid var(--color-gray-200);transition:all var(--duration-fast) var(--ease-out-quart)}.tab.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.tab:hover:not(.is-active){border-color:var(--color-gray-300);color:var(--color-gray-800)}.filter-chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);background:var(--color-gray-100);transition:all var(--duration-fast) var(--ease-out-quart)}.filter-chip.is-active{background:var(--color-gray-800);color:#fff}.product-cover{width:100%;aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--color-gray-200),var(--color-gray-300));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-cover img{width:100%;height:100%;object-fit:cover}.product-badge{position:absolute;top:var(--space-2);left:var(--space-2);background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.product-body{padding:var(--space-3)}.product-title{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:2.8em}.product-price-row{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2)}.product-price{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900)}.product-original{font-size:var(--text-xs);color:var(--color-gray-400);text-decoration:line-through}.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-target-row{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-2);font-weight:600}.product-target-row .urgent{color:var(--color-error);font-weight:700}.product-badge.badge-urgent{background:var(--color-error);color:#fff;top:auto;bottom:var(--space-2);left:var(--space-2)}.product-commission{font-size:var(--text-xs);font-weight:700;color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.product-sales{font-size:var(--text-xs);color:var(--color-gray-500)}.status-tab{flex-shrink:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);background:var(--color-white);border:1px solid var(--color-gray-200);transition:all var(--duration-fast) var(--ease-out-quart)}.status-tab.is-active{background:var(--color-gray-800);color:#fff;border-color:var(--color-gray-800)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);text-align:center;gap:var(--space-3)}.my-task-list{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4)}.my-task-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);animation-duration:;animation-timing-function:;animation-iteration-count:;animation-direction:;animation-fill-mode:;animation-play-state:;animation-name:;animation-timeline:;animation-range-start:;animation-range-end:;animation-delay:calc(var(--i, 0) * 60ms)}.my-task-card .status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700;margin-left:auto;align-self:flex-start}.status-badge-pending{background:var(--color-gray-100);color:var(--color-gray-600)}.status-badge-ongoing{background:var(--color-primary-light);color:var(--color-primary-dark)}.status-badge-review{background:#fde1a7;color:var(--color-warning)}.status-badge-completed{background:#bff4c9;color:var(--color-success)}.my-task-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);margin-bottom:var(--space-3)}.my-task-stat{text-align:center}.my-task-stat strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;margin-bottom:var(--space-1)}.my-task-stat span{font-size:var(--text-xs);color:var(--color-gray-500)}.my-task-actions{display:flex;gap:var(--space-2)}.my-task-actions .btn{flex:1 1 0%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.my-task-actions .btn-ghost{background:var(--color-gray-100);color:var(--color-gray-700)}.my-task-actions .btn-ghost:hover{background:var(--color-gray-200)}.my-task-meta{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.my-task-meta-item{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 0%}.my-task-meta-item span{font-size:var(--text-xs);color:var(--color-gray-500)}.my-task-meta-item strong{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900)}.my-task-channels{margin-bottom:var(--space-3)}.my-task-channels h4{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-2)}.channel-ratio-list{display:flex;flex-direction:column;gap:var(--space-2)}.channel-ratio-item{display:flex;flex-direction:column;gap:var(--space-1)}.channel-ratio-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.channel-ratio-header span{color:var(--color-gray-600)}.channel-ratio-header strong{font-weight:700;color:var(--color-gray-900)}.channel-ratio-bar{height:6px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.channel-ratio-fill{height:100%;width:var(--width);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-soft));border-radius:var(--radius-full)}.channel-ratio-empty{font-size:var(--text-xs);color:var(--color-gray-400);text-align:center;padding:var(--space-2) 0}.empty-state p{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-700)}.empty-state span{font-size:var(--text-sm);color:var(--color-gray-500)}.avatar{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:800;flex-shrink:0;position:relative;overflow:hidden}.avatar-initial{position:relative;z-index:0;line-height:1}.avatar img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover}.profile-info{flex:1 1 0%;min-width:0px}.profile-info h2{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.level-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-sm);font-size:11px;font-weight:800}.profile-info p{font-size:var(--text-sm);color:var(--color-gray-500)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;transition:all var(--duration-fast) var(--ease-out-quart)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:#b95e0040 0 4px 12px;box-shadow:oklch(.58 .19 55 / .25) 0 4px 12px}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:#b95e004d 0 6px 16px;box-shadow:oklch(.58 .19 55 / .3) 0 6px 16px}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-ghost{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-ghost:hover{background:var(--color-gray-200)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-large{padding:var(--space-4) var(--space-6);font-size:var(--text-base);width:100%}.income-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700)}.income-row{display:flex;justify-content:space-between}.income-item{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 0%;text-align:center;position:relative}.income-item:not(:last-child):after{content:"";position:absolute;right:0;top:10%;height:80%;width:1px;background:var(--color-gray-200)}.income-item strong{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.income-item span{font-size:var(--text-xs);color:var(--color-gray-500)}.menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-800);transition:background var(--duration-fast) var(--ease-out-quart);cursor:pointer}.menu-item:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.menu-item:hover{background:var(--color-gray-50)}.menu-item svg{margin-left:auto;color:var(--color-gray-400)}.menu-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.back-btn{position:absolute;top:var(--space-4);left:var(--space-4);z-index:10;width:40px;height:40px;border-radius:var(--radius-full);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:var(--color-gray-800);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart)}.back-btn:active{transform:scale(.92)}.detail-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6) var(--space-4) var(--space-4);background:linear-gradient(to top,oklch(.1 0 0 / .85),transparent);color:#fff}.detail-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.detail-tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-2);line-height:1.3}.detail-meta{font-size:var(--text-sm);opacity:.9;display:flex;gap:var(--space-3)}.detail-section{margin-bottom:var(--space-4)}.detail-section h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-3)}.commission-main{display:flex;flex-direction:column;gap:var(--space-1)}.commission-label{font-size:var(--text-sm);color:var(--color-gray-800);font-weight:600}.commission-value{font-size:var(--text-3xl);font-weight:800;color:var(--color-primary-dark);font-variant-numeric:tabular-nums}.commission-extra{font-size:var(--text-sm);color:var(--color-gray-800);font-weight:600;text-align:right}.merchant-info{display:flex;gap:var(--space-3);align-items:center;background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm)}.merchant-info .logo{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--color-gray-200)}.merchant-info .logo img{width:100%;height:100%;object-fit:cover}.merchant-info .info h4{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1)}.merchant-info .info p{font-size:var(--text-xs);color:var(--color-gray-500)}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.section-title-row h3{margin-bottom:0}.copy-card{background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-sm);color:var(--color-gray-700);line-height:1.7;box-shadow:var(--shadow-sm);position:relative}.copy-card p{white-space:pre-line}.poster-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3 / 4;box-shadow:var(--shadow-md)}.poster-card img{width:100%;height:100%;object-fit:cover}.poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.1 0 0 / .8) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);color:#fff}.poster-tag{display:inline-block;align-self:flex-start;padding:var(--space-1) var(--space-2);background:var(--color-primary);border-radius:var(--radius-sm);font-size:11px;font-weight:700;margin-bottom:var(--space-2)}.poster-title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-1);line-height:1.3}.poster-discount{font-size:var(--text-lg);font-weight:700;color:var(--color-warning)}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.channel-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-600);font-size:var(--text-xs);font-weight:700;transition:all var(--duration-fast) var(--ease-out-quart)}.channel-item svg{color:var(--color-gray-400);transition:color var(--duration-fast) var(--ease-out-quart)}.channel-item.is-active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.channel-item.is-active svg{color:var(--color-primary)}.tip-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.tip-list li{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.5;padding-left:var(--space-4);position:relative}.tip-list li:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary)}.period-btn{flex:1 1 0%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);background:var(--color-white);border:1px solid var(--color-gray-200);transition:all var(--duration-fast) var(--ease-out-quart)}.period-btn.is-active{background:var(--color-gray-800);color:#fff;border-color:var(--color-gray-800)}.funnel-chart{display:flex;flex-direction:column;gap:var(--space-3)}.funnel-step{display:flex;align-items:center;gap:var(--space-3)}.funnel-bar{flex:1 1 0%;height:36px;border-radius:var(--radius-sm);background:var(--color-primary-light);display:flex;align-items:center;padding:0 var(--space-3);width:var(--width);transition:width .6s var(--ease-out-quart)}.funnel-bar span{font-size:var(--text-sm);font-weight:700;color:var(--color-primary-dark);white-space:nowrap}.funnel-rate{width:48px;text-align:right;font-size:var(--text-sm);font-weight:700;color:var(--color-gray-500);font-variant-numeric:tabular-nums}.rank-list{display:flex;flex-direction:column;gap:var(--space-3)}.rank-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.rank-index{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-200);color:var(--color-gray-700);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:800;flex-shrink:0}.rank-item:first-child .rank-index{background:var(--color-warning);color:#fff}.rank-item:nth-child(2) .rank-index{background:var(--color-gray-300);color:#fff}.rank-item:nth-child(3) .rank-index{background:#c77a41;color:#fff}.rank-thumb{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--color-gray-200)}.rank-info{flex:1 1 0%;min-width:0px}.rank-info h4{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-info p{font-size:var(--text-xs);color:var(--color-gray-500)}.rank-value{font-size:var(--text-sm);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.verified-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:10px;font-weight:800;letter-spacing:.02em}.verified-badge:before{content:"✓";font-size:9px}.section-line{flex:1 1 0%;height:1px;background:linear-gradient(to right,transparent,var(--color-gray-300),transparent)}.platform-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.platform-item:active{transform:scale(.95)}.platform-item svg{color:var(--color-primary)}.gallery-item{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-gray-200);position:relative;cursor:pointer}.gallery-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#03030300;transition:background var(--duration-fast) var(--ease-out-quart)}.gallery-item:active:after{background:#0303031a}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-quart)}.gallery-item:hover img{transform:scale(1.05)}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.video-card{flex-shrink:0;width:140px;position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart)}.video-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.video-card:active{transform:translateY(-2px) scale(.98)}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:var(--radius-full);background:#fffffff2;color:var(--color-gray-900);display:flex;align-items:center;justify-content:center;box-shadow:#03030333 0 4px 16px;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.1);background:var(--color-primary);color:#fff}.video-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-5) var(--space-3) var(--space-3);background:linear-gradient(to top,oklch(.1 0 0 / .9),oklch(.1 0 0 / .4) 60%,transparent);color:#fff}.video-info p{font-size:10px;opacity:.85;font-weight:500}.toggle{width:52px;height:30px;border-radius:var(--radius-full);background:var(--color-gray-300);position:relative;cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart);flex-shrink:0}.toggle-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-white);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart)}.toggle.is-active .toggle-knob{transform:translate(22px)}.course-list{display:flex;flex-direction:column;gap:var(--space-3)}.course-card{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart);cursor:pointer}.course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.course-card:active{transform:scale(.98)}.course-thumb{width:88px;height:88px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));color:var(--color-primary)}.course-thumb svg{width:36px;height:36px}.course-info{flex:1 1 0%;min-width:0px;display:flex;flex-direction:column;justify-content:center}.course-category{font-size:11px;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.04em}.course-title{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-gray-500);font-weight:500}.course-meta span{display:flex;align-items:center;gap:var(--space-1)}.course-progress{margin-top:var(--space-2)}.progress-bar{height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-soft));width:var(--progress);transition:width .6s var(--ease-out-quart)}.progress-text{font-size:11px;font-weight:700;color:var(--color-primary)}.platform-item{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-gray-100);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:var(--color-gray-700)}.gallery-item{border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-200)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-base) var(--ease-out-quart)}.gallery-item:active img{transform:scale(.95)}.gallery-item.large{grid-area:span 2 / span 2}.video-card{flex-shrink:0;width:160px;position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-base) var(--ease-out-quart)}.video-card:hover{transform:translateY(-3px)}.video-cover{width:100%;aspect-ratio:9 / 16;background:var(--color-gray-200)}.video-cover img{width:100%;height:100%;object-fit:cover}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:var(--radius-full);background:#ffffffe6;color:var(--color-gray-900);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.video-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-2) var(--space-2);background:linear-gradient(to top,oklch(.1 0 0 / .8),transparent);color:#fff}.video-info h4{font-size:var(--text-xs);font-weight:700;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-info p{font-size:10px;opacity:.9}.toggle{width:48px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-300);position:relative;cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart)}.toggle.is-active{background:var(--color-success)}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-white);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-quart)}.toggle.is-active .toggle-knob{transform:translate(20px)}.product-hero{position:relative;height:280px;flex-shrink:0}.product-hero .back-btn{position:absolute;top:var(--space-4);left:var(--space-4);z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-gray-800)}.product-hero-cover{width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));overflow:hidden}.product-hero-cover img{width:100%;height:100%;object-fit:cover}.product-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6) var(--space-4) var(--space-4);background:linear-gradient(to top,oklch(.1 0 0 / .85),transparent);color:#fff}.product-hero-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.product-hero-tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-hero-title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-2);line-height:1.3}.product-hero-meta{font-size:var(--text-sm);opacity:.9}.product-section{margin-bottom:var(--space-5)}.product-section h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-3)}.product-price-row-large{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.product-price-main{display:flex;flex-direction:column;gap:var(--space-1)}.product-discount{font-size:var(--text-2xl);font-weight:800;color:var(--color-gray-900)}.product-commission{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);align-self:flex-start}.product-price-sub{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:600;text-align:right}.product-target .target-row{margin-bottom:var(--space-2)}.material-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-1);background:var(--color-gray-100);border-radius:var(--radius-full)}.video-choices{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) var(--space-1);margin-bottom:var(--space-3);scrollbar-width:none}.video-choices::-webkit-scrollbar{display:none}.video-choice{flex-shrink:0;width:120px;position:relative;border-radius:var(--radius-lg);overflow:hidden;border:2px solid transparent;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);background:var(--color-gray-200)}.video-choice.is-active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-md)}.video-choice-cover{width:100%;aspect-ratio:9 / 16;background:var(--color-gray-200);position:relative}.video-choice-cover img{width:100%;height:100%;object-fit:cover}.video-choice-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.1 0 0 / .7),transparent 50%)}.video-choice-tag{position:absolute;top:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-error);color:#fff;border-radius:var(--radius-sm);font-size:10px;font-weight:800;z-index:2}.video-choice-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-2) var(--space-2);color:#fff;z-index:2}.video-choice-info strong{display:block;font-size:var(--text-xs);font-weight:700;margin-bottom:2px}.video-choice-info span{font-size:10px;opacity:.9}.video-choice-header{margin-bottom:var(--space-3)}.video-choice-header h4{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1)}.video-choice-header p{font-size:var(--text-sm);color:var(--color-gray-500)}.video-script-card .btn-ghost{margin-top:var(--space-3);width:100%}.link-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.link-info{flex:1 1 0%;min-width:0px}.link-label{display:block;font-size:var(--text-xs);color:var(--color-gray-500);font-weight:700;margin-bottom:var(--space-1)}.link-value{display:block;font-size:var(--text-sm);color:var(--color-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moments-preview-title{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-500);margin-bottom:var(--space-3)}.wechat-chat-card{background:#ededed;border-radius:0;padding:16px;margin:0 calc(var(--space-4) * -1) var(--space-3);display:flex;justify-content:flex-end}.wechat-chat-bubble{position:relative;max-width:300px;border-radius:6px}.wechat-chat-bubble:after{content:"";position:absolute;right:-5px;top:14px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid var(--color-white)}.wechat-mini-card{background:var(--color-white);border-radius:4px;overflow:hidden;box-shadow:0 1px 2px #00000014;border:.5px solid oklch(0 0 0 / .08)}.wechat-mini-header{display:flex;align-items:center;gap:6px;padding:10px 10px 6px}.wechat-mini-app-logo{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#ff7a45,#ff4d4f);flex-shrink:0}.wechat-mini-app-name{font-size:11px;color:var(--color-gray-500)}.wechat-mini-cover{width:100%;height:160px;overflow:hidden;background:var(--color-gray-200)}.wechat-mini-cover img{width:100%;height:100%;object-fit:cover}.wechat-mini-title{padding:10px 10px 8px;font-size:15px;font-weight:600;color:var(--color-gray-900);line-height:1.4}.wechat-mini-footer{display:flex;align-items:center;gap:4px;padding:0 10px 10px;font-size:11px;color:var(--color-gray-400)}.wechat-mini-footer svg{color:var(--color-gray-400);width:12px;height:12px}.wechat-card-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.wechat-card-actions .btn{flex:1 1 0%}.moments-preview{background:var(--color-white);border-radius:0;padding:16px 16px 20px;margin:0 calc(var(--space-4) * -1) var(--space-3);box-shadow:none}.moments-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:12px}.moments-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-lg)}.moments-user strong{display:block;font-size:15px;font-weight:700;color:#576b95;margin-bottom:2px}.moments-user span{font-size:12px;color:var(--color-gray-400)}.moments-text{font-size:15px;color:var(--color-gray-900);line-height:1.6;margin-bottom:12px;white-space:pre-wrap}.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:310px}.moments-grid img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:2px}.moments-grid.is-single{grid-template-columns:220px}.moments-grid.is-single img{aspect-ratio:1 / 1;border-radius:4px}.moments-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.moments-actions .btn{flex:1 1 0%}.moments-random{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.material-set-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.material-set-header .text-btn{font-size:var(--text-xs);color:var(--color-primary);font-weight:700}[data-theme=dark] .wechat-chat-card{background:#111}[data-theme=dark] .wechat-chat-bubble:after{border-left-color:#2c2c2c}[data-theme=dark] .wechat-mini-card{background:#2c2c2c;border-color:#3a3a3a}[data-theme=dark] .wechat-mini-app-name{color:#999}[data-theme=dark] .wechat-mini-title{color:#fff}[data-theme=dark] .wechat-mini-footer{color:#888}[data-theme=dark] .wechat-mini-footer svg{color:#888}[data-theme=dark] .moments-preview{background:#111}[data-theme=dark] .moments-text{color:#e0e0e0}[data-theme=dark] .moments-user span{color:#666}.material-note{font-size:var(--text-xs);color:var(--color-gray-400);text-align:center;margin-top:var(--space-3)}.material-tab{flex:1 1 0%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:var(--color-gray-600);transition:all var(--duration-fast) var(--ease-out-quart)}.material-tab.is-active{background:var(--color-white);color:var(--color-gray-900);box-shadow:var(--shadow-sm)}.material-panels{position:relative}.material-panel{display:none;animation:fade-up .3s var(--ease-out-quart) both}.material-panel.is-active{display:block}.recommend-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-error);color:#fff;border-radius:var(--radius-sm);font-size:11px;font-weight:800}.recommend-badge:before{content:"★";font-size:10px}.video-material-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--space-3)}.video-material-cover{width:100%;aspect-ratio:9 / 16;max-height:280px;background:var(--color-gray-200);position:relative}.video-material-cover img{width:100%;height:100%;object-fit:cover}.video-material-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.1 0 0 / .6),transparent 50%)}.video-material-cover .video-play{top:45%;z-index:2}.video-material-info{padding:var(--space-4)}.video-material-info h4{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1)}.video-material-info p{font-size:var(--text-sm);color:var(--color-gray-500)}.video-script-card,.video-tips{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.video-script-card h4,.video-tips h4{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-2)}.video-script-card p{font-size:var(--text-sm);color:var(--color-gray-700);line-height:1.7}.video-tips ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.video-tips li{font-size:var(--text-sm);color:var(--color-gray-600);padding-left:var(--space-4);position:relative;line-height:1.5}.video-tips li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary)}.wechat-card-preview{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--space-3)}.wechat-card-cover{width:100%;aspect-ratio:16 / 9;background:var(--color-gray-200)}.wechat-card-cover img{width:100%;height:100%;object-fit:cover}.wechat-card-body{padding:var(--space-4)}.wechat-card-body h4{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1)}.wechat-card-body p{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-3)}.wechat-card-btn{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700}.material-note{font-size:var(--text-sm);color:var(--color-gray-500);text-align:center;margin-top:var(--space-2)}.product-footer-actions{display:flex;gap:var(--space-3)}.product-footer-actions .btn{flex:1 1 0%}.product-footer-actions .btn-ghost{background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-full)}.product-footer-actions .btn-ghost:hover{background:var(--color-gray-200)}.influencer-list{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4)}.influencer-card{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;cursor:pointer;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart)}.influencer-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.influencer-avatar{width:64px;height:64px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--color-gray-200)}.influencer-avatar img{width:100%;height:100%;object-fit:cover}.influencer-body{flex:1 1 0%;min-width:0px}.influencer-name{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.influencer-desc{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-2)}.influencer-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.influencer-stats{text-align:right;flex-shrink:0}.influencer-stats strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.influencer-stats span{font-size:var(--text-xs);color:var(--color-gray-500)}.growth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700)}.growth-level{color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:11px}.growth-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.growth-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:11px;font-weight:700;background:var(--color-primary-light);color:var(--color-primary-dark)}.growth-badge.badge-locked{background:var(--color-gray-100);color:var(--color-gray-400);position:relative}.growth-badge.badge-locked:after{content:"🔒";font-size:9px;margin-left:4px}.growth-bar-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.growth-bar{flex:1 1 0%;height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.growth-bar span{display:block;height:100%;width:var(--progress);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-soft));border-radius:var(--radius-full)}.growth-text{font-size:11px;font-weight:700;color:var(--color-primary);white-space:nowrap}.menu-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:10px;font-weight:800;background:var(--color-error);color:#fff;margin-left:auto;margin-right:var(--space-1)}.menu-count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);font-size:11px;font-weight:800;background:var(--color-gray-200);color:var(--color-gray-700);display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:var(--space-1)}.trend-chart{width:100%;height:140px;margin-top:var(--space-2);background:var(--color-gray-50);border-radius:var(--radius-md);overflow:hidden}.trend-svg{width:100%;height:100%;display:block}.channel-analysis{display:flex;flex-direction:column;gap:var(--space-3)}.channel-analysis-item{display:flex;flex-direction:column;gap:var(--space-2);animation-duration:;animation-timing-function:;animation-iteration-count:;animation-direction:;animation-fill-mode:;animation-play-state:;animation-name:;animation-timeline:;animation-range-start:;animation-range-end:;animation-delay:calc(var(--i, 0) * 60ms)}.channel-analysis-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.channel-analysis-header strong{font-weight:700;color:var(--color-gray-900)}.channel-analysis-header span{color:var(--color-success);font-weight:700}.channel-analysis-bar-wrap{height:10px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.channel-analysis-bar{height:100%;width:var(--width);background:var(--bar-color, var(--color-primary));border-radius:var(--radius-full);transition:width .6s var(--ease-out-quart)}.channel-analysis-footer{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.income-list{display:flex;flex-direction:column;gap:var(--space-3)}.income-record-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);animation-duration:;animation-timing-function:;animation-iteration-count:;animation-direction:;animation-fill-mode:;animation-play-state:;animation-name:;animation-timeline:;animation-range-start:;animation-range-end:;animation-delay:calc(var(--i, 0) * 60ms)}.income-record-icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.income-record-info{flex:1 1 0%;min-width:0px}.income-record-info h4{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.income-record-info span{font-size:var(--text-xs);color:var(--color-gray-500)}.income-record-amount{font-size:var(--text-base);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.flash-tag{display:inline-block;padding:var(--space-1) var(--space-2);background:#fff3;border-radius:var(--radius-sm);font-size:10px;font-weight:800;margin-bottom:var(--space-2)}.mission-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation-duration:;animation-timing-function:;animation-iteration-count:;animation-direction:;animation-fill-mode:;animation-play-state:;animation-name:;animation-timeline:;animation-range-start:;animation-range-end:;animation-delay:calc(var(--i, 0) * 60ms)}.mission-item.is-done{background:var(--color-gray-50)}.mission-icon{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mission-item.is-done .mission-icon{background:var(--color-success);color:#fff}.mission-body{flex:1 1 0%;min-width:0px;display:flex;flex-direction:column;gap:var(--space-2)}.mission-title-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.mission-title-row strong{font-weight:700;color:var(--color-gray-900)}.mission-reward{font-weight:800;color:var(--color-warning)}.mission-progress-row{display:flex;align-items:center;gap:var(--space-2)}.mission-progress-bar{flex:1 1 0%;height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.mission-progress-bar span{display:block;height:100%;width:var(--progress);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-soft));border-radius:var(--radius-full)}.mission-progress-row>span{font-size:11px;font-weight:700;color:var(--color-gray-500);white-space:nowrap}.mission-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:11px;font-weight:800;background:var(--color-primary);color:#fff;flex-shrink:0}.mission-btn.done{background:var(--color-gray-200);color:var(--color-gray-500)}.copy-styles{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.copy-style{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:var(--color-gray-600);background:var(--color-gray-100);border:1px solid transparent;transition:all var(--duration-fast) var(--ease-out-quart)}.copy-style.is-active{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary-soft)}.poster-template-list{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) var(--space-1);margin-bottom:var(--space-3);scrollbar-width:none}.poster-template-list::-webkit-scrollbar{display:none}.poster-template{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--color-gray-600)}.poster-template.is-active .template-thumb{box-shadow:0 0 0 3px var(--color-primary),var(--shadow-md)}.template-thumb{width:64px;height:80px;border-radius:var(--radius-md);background:var(--color-gray-200);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-out-quart)}.template-classic{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft))}.template-festival{background:linear-gradient(135deg,#ffbab3,#f2716a);background:linear-gradient(135deg,color(xyz 0.712 0.585 0.436),#f2716a)}.template-minimal{background:linear-gradient(135deg,var(--color-gray-100),var(--color-gray-200))}.template-bold{background:linear-gradient(135deg,var(--color-warning),oklch(70% .16 85))}.ab-test-hint{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.ab-test-list{display:flex;flex-direction:column;gap:var(--space-3)}.ab-test-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.ab-test-item.is-active{border-color:var(--color-primary);background:var(--color-primary-light)}.ab-test-thumb{width:56px;height:56px;border-radius:var(--radius-md);flex-shrink:0;background:var(--color-gray-200)}.ab-version-a{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}.ab-version-b{background:linear-gradient(135deg,var(--color-success),oklch(55% .12 200))}.ab-test-info{flex:1 1 0%;min-width:0px}.ab-test-info strong{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1)}.ab-test-info span{font-size:var(--text-xs);color:var(--color-gray-500)}.ab-test-rate{font-size:var(--text-lg);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.merchant-filter{flex-shrink:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);background:var(--color-white);border:1px solid var(--color-gray-200);transition:all var(--duration-fast) var(--ease-out-quart)}.merchant-filter.is-active{background:var(--color-gray-800);color:#fff;border-color:var(--color-gray-800)}.influencer-card .influencer-meta{display:flex;gap:var(--space-2);margin-top:var(--space-1);font-size:11px;color:var(--color-gray-400);font-weight:600}.price-packages{display:flex;flex-direction:column;gap:var(--space-3)}.price-package{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.price-package-info{display:flex;flex-direction:column;gap:var(--space-1)}.price-package-info strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.price-package-info span{font-size:var(--text-xs);color:var(--color-gray-500)}.price-package-price{font-size:var(--text-xl);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.merchant-reviews{display:flex;flex-direction:column;gap:var(--space-3)}.merchant-review{padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.merchant-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.merchant-review-header strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.review-rating{font-size:var(--text-xs);font-weight:800;color:var(--color-warning)}.merchant-review p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.5}.live-ticker{background:var(--surface-card);border-bottom:1px solid var(--color-gray-100);padding:var(--space-2) 0;overflow:hidden;position:relative}.live-item{flex-shrink:0;font-size:var(--text-xs);color:var(--color-gray-700);white-space:nowrap}.live-badge{font-size:var(--text-xs);color:var(--color-success);background:#05893e1a;padding:2px 8px;border-radius:var(--radius-full)}.task-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--color-gray-600)}.task-applied{display:flex;align-items:center;gap:4px}.task-deadline{color:var(--color-error);font-weight:600}.tag-hot{background:var(--color-error);color:#fff;border-color:var(--color-error)}.search-bar{flex:1 1 0%;display:flex;align-items:center;gap:var(--space-2);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);color:var(--color-gray-400);font-size:var(--text-sm);transition:box-shadow var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.search-bar:active{transform:scale(.98)}.search-bar:focus-within{border-color:var(--color-primary-soft);box-shadow:0 0 0 3px var(--color-primary-light)}.page-materials,.page-analytics{z-index:11;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--surface-page)}.page-materials.is-active,.page-analytics.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.materials-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100);position:sticky;top:0;z-index:5}.materials-header h1{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900)}.materials-summary{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100);display:flex;gap:var(--space-3);align-items:center}.materials-summary img{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.materials-summary .info{flex:1 1 0%;min-width:0px}.materials-summary .info h2{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1);line-height:1.4}.materials-summary .info p{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-2)}.materials-summary .info .meta{display:flex;gap:var(--space-2)}.materials-summary .info .meta span{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700;background:var(--color-primary-light);color:var(--color-primary-dark)}.materials-section{margin-bottom:var(--space-5)}.materials-section h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-3)}.analytics-period{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.analytics-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.analytics-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1)}.analytics-label{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:600}.analytics-value{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.analytics-trend{font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);align-self:flex-start}.analytics-trend.up{background:#bff4c9;color:var(--color-success)}.analytics-trend.down{background:#ffd8d4;background:oklch(.92 .08 25);color:var(--color-error)}.analytics-section{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.analytics-section h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-4)}.showcase-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) var(--space-4);background:linear-gradient(oklch(.1 0 0 / .4),transparent)}.showcase-header .back-btn{position:relative;top:auto;left:auto;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid oklch(1 0 0 / .2);color:#fff}.showcase-header .text-btn{color:#fff;font-weight:700;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid oklch(1 0 0 / .2)}.showcase-hero{position:relative;height:420px;margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.showcase-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.9)}.showcase-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#03030333,#03030380 60%,#030303d9)}.showcase-avatar{width:96px;height:96px;border-radius:var(--radius-full);overflow:hidden;border:4px solid var(--color-white);box-shadow:#03030340 0 8px 32px;margin:0 auto var(--space-4);background:var(--color-gray-200);transition:transform var(--duration-slow) var(--ease-out-expo)}.showcase-info>p{font-size:var(--text-sm);opacity:.85;font-weight:500}.showcase-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-3);margin:var(--space-4) 0;box-shadow:var(--shadow-md);position:relative;z-index:6;text-align:center}.showcase-stat{position:relative;padding:var(--space-2) 0}.showcase-stat:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--color-gray-200)}.showcase-stat strong{display:block;font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.showcase-stat span{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.showcase-section{margin-bottom:var(--space-6);animation-duration:;animation-timing-function:;animation-iteration-count:;animation-direction:;animation-fill-mode:;animation-play-state:;animation-name:;animation-timeline:;animation-range-start:;animation-range-end:;animation-delay:calc(var(--i, 0) * 80ms)}.showcase-section-title{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.showcase-section-title h3{font-size:var(--text-sm);font-weight:800;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.08em}.showcase-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.showcase-section-header h3{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900)}.showcase-count{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.showcase-bio{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.9;text-align:center;margin-bottom:var(--space-4)}.showcase-platforms{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.showcase-data-item{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart)}.showcase-data-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.showcase-data-item strong{display:block;font-size:var(--text-2xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.showcase-data-item span{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.showcase-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:110px;gap:var(--space-2)}.showcase-videos{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) var(--space-1);margin:calc(var(--space-2) * -1);scrollbar-width:none}.showcase-case{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);align-items:center;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart)}.showcase-case:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.showcase-setting{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.showcase-setting h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1)}.page-academy{z-index:11;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--surface-page)}.page.page-academy.is-active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:11}.academy-banner{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.academy-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;border-radius:var(--radius-full);background:#ffffff14}.academy-banner-content{position:relative;z-index:1;flex:1 1 0%}.academy-banner-tag{display:inline-block;padding:var(--space-1) var(--space-2);background:#fff3;border-radius:var(--radius-sm);font-size:11px;font-weight:800;margin-bottom:var(--space-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.academy-banner h2{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-2);line-height:1.3}.academy-banner p{font-size:var(--text-sm);opacity:.9}.academy-banner-icon{width:72px;height:72px;border-radius:var(--radius-full);background:#ffffff26;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border:1px solid oklch(1 0 0 / .2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.academy-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) 0 var(--space-4);scrollbar-width:none}.academy-tabs::-webkit-scrollbar{display:none}.academy-tabs .tab{flex-shrink:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);background:var(--color-white);border:1px solid var(--color-gray-200);transition:all var(--duration-fast) var(--ease-out-quart)}.academy-tabs .tab.is-active{background:var(--color-gray-800);color:#fff;border-color:var(--color-gray-800);box-shadow:var(--shadow-sm)}.academy-section{margin-bottom:var(--space-6)}.page-showcase{z-index:11;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--surface-page)}.page.page-showcase.is-active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:11}.showcase-hero{position:relative;height:520px;margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-4);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.showcase-cover{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.showcase-cover img,.showcase-cover video{width:100%;height:100%;object-fit:cover}.showcase-cover img{animation:live-cover 8s var(--ease-out-quart) infinite alternate}@keyframes live-cover{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-1%,-1%)}}.showcase-hero:hover .showcase-cover img{animation-duration:5s}.showcase-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#03030333,#03030359 40%,#030303cc)}.showcase-hero-content{position:relative;z-index:5;padding:var(--space-6) var(--space-4);text-align:center}.showcase-avatar{width:120px;height:120px;border-radius:var(--radius-full);overflow:hidden;border:5px solid var(--color-white);box-shadow:0 12px 40px #03030359;margin:0 auto var(--space-4);background:var(--color-gray-200);position:relative;z-index:1;transition:transform var(--duration-slow) var(--ease-out-expo)}.showcase-avatar img{width:100%;height:100%;object-fit:cover}.showcase-avatar:active{transform:scale(.95)}.showcase-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.showcase-name-row{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.showcase-info h2{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em}.showcase-info .level-badge{background:#ffffff26;color:#fff;border:1px solid oklch(1 0 0 / .2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.showcase-info>p{font-size:var(--text-sm);opacity:.9;font-weight:500}.showcase-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.showcase-tags .tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:11px;font-weight:700;background:#ffffff1a;color:#fff;border:1px solid oklch(1 0 0 / .2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.showcase-follow-btn{position:absolute;top:calc(var(--space-4) + env(safe-area-inset-top));right:var(--space-4);z-index:20;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid oklch(1 0 0 / .25);color:#fff;font-size:var(--text-sm);font-weight:700;transition:all var(--duration-fast) var(--ease-out-quart)}.showcase-follow-btn:hover{background:#ffffff40;transform:translateY(-1px)}.showcase-follow-btn.is-active{background:var(--color-success);border-color:var(--color-success)}.showcase-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);text-align:center}.showcase-stat strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1);font-variant-numeric:tabular-nums}.showcase-stat span{font-size:var(--text-xs);color:var(--color-gray-500)}.showcase-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.showcase-card h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-3)}.showcase-bio{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.8;margin-bottom:var(--space-4)}.showcase-platforms{display:flex;gap:var(--space-2);flex-wrap:wrap}.showcase-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:100px;gap:var(--space-2)}.showcase-videos{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none}.showcase-videos::-webkit-scrollbar{display:none}.showcase-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.showcase-data-item{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.showcase-data-item strong{display:block;font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-1);font-variant-numeric:tabular-nums}.showcase-data-item span{font-size:var(--text-xs);color:var(--color-gray-500)}.showcase-cases{display:flex;flex-direction:column;gap:var(--space-3)}.showcase-case{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);align-items:center}.showcase-case img{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--color-gray-200)}.showcase-case .info{flex:1 1 0%;min-width:0px}.showcase-case .info h4{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-case .info p{font-size:var(--text-xs);color:var(--color-gray-500)}.showcase-case .value{font-size:var(--text-sm);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.showcase-setting{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.showcase-setting span{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-800)}.showcase-setting-note{font-size:var(--text-xs);color:var(--color-gray-500)}.page-product-detail{z-index:12;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--surface-page);display:flex;flex-direction:column}.page.page-product-detail.is-active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:12}.page-invite,.page-team{z-index:11;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--surface-page)}.page.page-invite.is-active,.page.page-team.is-active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:11}.invite-banner{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.invite-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:160px;height:160px;border-radius:var(--radius-full);background:#ffffff14}.invite-banner-content{position:relative;z-index:1;flex:1 1 0%}.invite-banner-tag{display:inline-block;padding:var(--space-1) var(--space-2);background:#fff3;border-radius:var(--radius-sm);font-size:11px;font-weight:800;margin-bottom:var(--space-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.invite-banner h2{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-2);line-height:1.3}.invite-banner p{font-size:var(--text-sm);opacity:.9}.invite-banner-icon{width:64px;height:64px;border-radius:var(--radius-full);background:#ffffff26;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border:1px solid oklch(1 0 0 / .2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.invite-progress-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.invite-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.invite-progress-sub{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:600}.invite-step-list{display:flex;flex-direction:column;gap:var(--space-3);position:relative}.invite-step-list:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--color-gray-200)}.invite-step{display:flex;align-items:center;gap:var(--space-3);position:relative;z-index:1}.invite-step-dot{width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-gray-200);border:2px solid var(--color-white);box-shadow:var(--shadow-sm);flex-shrink:0}.invite-step.is-done .invite-step-dot{background:var(--color-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center no-repeat}.invite-step.is-current .invite-step-dot{background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.invite-step-info{display:flex;flex-direction:column;gap:2px}.invite-step-info strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.invite-step-info span{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.invite-code-card{background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);text-align:center}.invite-code-label{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:700;margin-bottom:var(--space-2)}.invite-code-value{font-size:var(--text-3xl);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;letter-spacing:.08em;margin-bottom:var(--space-2)}.invite-code-card p{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-4)}.invite-code-actions{display:flex;gap:var(--space-3)}.invite-code-actions .btn{flex:1 1 0%}.invite-poster-card{margin-bottom:var(--space-5)}.invite-poster{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3 / 4;box-shadow:var(--shadow-md)}.invite-poster img{width:100%;height:100%;object-fit:cover}.invite-poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.1 0 0 / .85) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);color:#fff}.invite-poster-tag{display:inline-block;align-self:flex-start;padding:var(--space-1) var(--space-2);background:var(--color-primary);border-radius:var(--radius-sm);font-size:11px;font-weight:700;margin-bottom:var(--space-2)}.invite-poster-title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-1);line-height:1.3}.invite-poster-sub{font-size:var(--text-sm);opacity:.9}.invite-poster-qrcode{position:absolute;top:var(--space-4);right:var(--space-4);width:80px;height:80px;border-radius:var(--radius-md);background:var(--color-white);padding:var(--space-1);box-shadow:var(--shadow-md)}.invite-poster-qrcode:after{content:"";display:block;width:100%;height:100%;background:var(--color-gray-800);border-radius:4px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='black'/%3E%3C/svg%3E") center center no-repeat}.invite-section{margin-bottom:var(--space-6)}.invite-count{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.invite-friend-list{display:flex;flex-direction:column;gap:var(--space-3)}.invite-friend-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.invite-friend-item img{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;background:var(--color-gray-200)}.invite-friend-info{flex:1 1 0%;min-width:0px}.invite-friend-info h4{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1)}.invite-friend-info p{font-size:var(--text-xs);color:var(--color-gray-500)}.invite-friend-reward{font-size:var(--text-sm);font-weight:800;color:var(--color-success)}.team-hero{position:relative;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-5);border-radius:0 0 var(--radius-xl) var(--radius-xl);overflow:hidden}.team-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#2e2723,#15100d 60%,#291507)}.team-hero-bg:after{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:120%;background:radial-gradient(ellipse,oklch(58% .19 55 / .15) 0%,transparent 70%);border-radius:50%}[data-theme=dark] .team-hero{box-shadow:0 0 0 1px #362b24,var(--shadow-lg)}[data-theme=dark] .team-hero-bg{background:linear-gradient(160deg,#2c221b,#17100c 60%,#291507)}[data-theme=dark] .team-hero-bg:after{background:radial-gradient(ellipse,oklch(58% .19 55 / .12) 0%,transparent 70%)}[data-theme=dark] .team-hero-label{color:#d1a384}[data-theme=dark] .team-hero-stat span{color:#b1917b}.team-hero-content{position:relative;padding:var(--space-8) var(--space-6) var(--space-6)}.team-hero-label{display:block;font-size:var(--text-xs);font-weight:600;color:#ddb499;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-2)}.team-hero-amount{display:block;font-size:2.5rem;font-weight:800;color:#fffbf9;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-bottom:var(--space-5)}.team-hero-row{display:flex;align-items:center}.team-hero-stat{flex:1;text-align:center}.team-hero-stat span{display:block;font-size:var(--text-xs);color:#c8a690;font-weight:600;margin-bottom:var(--space-1)}.team-hero-stat strong{display:block;font-size:var(--text-lg);font-weight:700;color:#fffbf9;font-variant-numeric:tabular-nums}.team-hero-divider{width:1px;height:32px;background:#635146;flex-shrink:0}.team-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding:0 var(--space-1)}.team-section-header h3{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900)}.team-sort-tabs{display:flex;gap:2px;padding:2px;background:var(--color-gray-100);border-radius:var(--radius-full)}.team-sort-tab{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:var(--color-gray-500);transition:all var(--duration-fast) var(--ease-out-quart)}.team-sort-tab.is-active{background:var(--surface-card);color:var(--color-gray-900);box-shadow:var(--shadow-sm)}.team-list{display:flex;flex-direction:column;gap:var(--space-2)}.team-rank-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:rankSlideIn .4s var(--ease-out-quart) backwards;animation-delay:calc(var(--i, 0) * 60ms);transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.team-rank-card:active{transform:scale(.98)}.team-rank-card.is-top{border-color:transparent;box-shadow:var(--shadow-md)}@keyframes rankSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.team-rank-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:800;color:var(--color-gray-400);background:var(--color-gray-50);flex-shrink:0;font-variant-numeric:tabular-nums}.team-rank-num.top-1{background:linear-gradient(135deg,#cf9c00,#be7100);background:linear-gradient(135deg,color(xyz 0.381 0.367 0.015),color(xyz 0.297 0.223 -0.022));color:var(--color-white);box-shadow:0 2px 8px #bf81004d;box-shadow:0 2px 8px oklch(65% .17 75 / .3)}.team-rank-num.top-2{background:linear-gradient(135deg,#aeb9c4,#8291a1);color:var(--color-white);box-shadow:0 2px 8px #95a0ab4d}.team-rank-num.top-3{background:linear-gradient(135deg,#bd7138,#a84811);color:var(--color-white);box-shadow:0 2px 8px #a85a284d}.team-rank-avatar{position:relative;flex-shrink:0}.team-rank-avatar img{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;display:block;background:var(--color-gray-200)}.team-rank-avatar .avatar-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-full);border:2px solid transparent}.team-rank-card.is-top .avatar-ring{border-color:#cf9c0066;border-color:oklch(72% .17 85 / .4)}.team-rank-info{flex:1 1 0%;min-width:0px}.team-rank-info h4{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);margin-bottom:2px}.team-rank-info p{font-size:var(--text-xs);color:var(--color-gray-500);display:flex;align-items:center;gap:var(--space-2)}.team-rank-metrics{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}.metric-primary strong{display:block;font-size:var(--text-lg);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.metric-primary span{font-size:var(--text-xs);color:var(--color-gray-400);font-weight:600}.metric-secondary{font-size:var(--text-xs);color:var(--color-gray-400);font-weight:600;font-variant-numeric:tabular-nums;margin-top:1px}.analytics-chart-label{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:700;padding:var(--space-1) var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-sm)}.showcase-cooperate-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:414px;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--color-gray-100);box-shadow:#0303030d 0 -4px 20px;display:flex;gap:var(--space-3);z-index:30}.showcase-cooperate-bar .btn-primary{flex:1 1 0%}.showcase-cooperate-bar .btn-ghost.is-active{background:var(--color-primary-light);color:var(--color-primary-dark)}.page-search,.page-messages{z-index:11;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--surface-page)}.page.page-search.is-active,.page.page-messages.is-active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:11}.search-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--color-gray-100);position:sticky;top:0;z-index:5}.search-input-wrap{flex:1 1 0%;display:flex;align-items:center;gap:var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4)}.search-input-wrap input{flex:1 1 0%;border-width:medium;border-style:none;border-color:currentcolor;border-image:initial;background:transparent;font-size:var(--text-sm);color:var(--color-gray-900);outline:none;font-family:inherit}.search-input-wrap input::placeholder{color:var(--color-gray-400)}.search-cancel{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700);padding:var(--space-2)}.search-section{margin-bottom:var(--space-5)}.search-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.search-section-title h3{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-700)}.search-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.search-tag{padding:var(--space-2) var(--space-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.search-tag:hover{border-color:var(--color-primary-soft);color:var(--color-primary-dark)}.search-tag.hot{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary-soft)}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);margin-bottom:var(--space-3);cursor:pointer;animation-duration:;animation-timing-function:;animation-iteration-count:;animation-direction:;animation-fill-mode:;animation-play-state:;animation-name:;animation-timeline:;animation-range-start:;animation-range-end:;animation-delay:calc(var(--i, 0) * 60ms)}.search-result-item img{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--color-gray-200)}.search-result-info{flex:1 1 0%;min-width:0px}.search-result-info h4{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-info p{font-size:var(--text-xs);color:var(--color-gray-500)}.search-result-commission{font-size:var(--text-sm);font-weight:800;color:var(--color-primary);flex-shrink:0}.message-list{display:flex;flex-direction:column;gap:var(--space-3)}.message-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation-duration:;animation-timing-function:;animation-iteration-count:;animation-direction:;animation-fill-mode:;animation-play-state:;animation-name:;animation-timeline:;animation-range-start:;animation-range-end:;animation-delay:calc(var(--i, 0) * 60ms)}.message-item.unread{background:var(--color-primary-light);border-color:var(--color-primary-soft)}.message-icon{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-body{flex:1 1 0%;min-width:0px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.message-header strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900)}.message-header span{font-size:var(--text-xs);color:var(--color-gray-500)}.message-body p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.5}.message-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-error);flex-shrink:0;margin-top:var(--space-1)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 480px){body{padding:0}.app-shell{max-width:100%;height:100vh;max-height:none;border-radius:0}}