.page-login{display:flex;flex-direction:column;background:var(--surface-page);overflow-x:hidden;overflow-y:auto}.page-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/login-bg.png) center / cover no-repeat;pointer-events:none}.page-login{--surface-page: oklch(97% .008 55);--color-gray-900: oklch(10% .008 55);--color-gray-500: oklch(52% .015 55)}.page-login .login-theme-toggle{display:none}.login-theme-toggle{position:absolute;top:calc(var(--space-4) + env(safe-area-inset-top));right:var(--space-4);z-index:5}.login-hero{position:relative;flex:1 1 0%;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-6) var(--space-6);z-index:1}.login-brand{display:flex;flex-direction:column;align-items:center}.login-logo{width:232px;margin-bottom:var(--space-2);animation:loginPop .6s var(--ease-out-expo) both,loginLogoFloat 3.5s ease-in-out .9s infinite}.login-logo img{width:100%;display:block}.login-app-name{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--color-gray-900);margin-bottom:var(--space-2);animation:loginFadeUp .55s var(--ease-out-expo) .15s both}.login-app-tag{font-size:var(--text-sm);color:var(--color-gray-500);animation:loginFadeUp .55s var(--ease-out-expo) .25s both}.login-action{position:relative;z-index:1;padding:var(--space-6) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));animation:loginFadeUp .55s var(--ease-out-expo) .4s both}.login-wechat{display:flex;align-items:center;justify-content:center;gap:var(--space-2);animation:loginPulse 2.6s ease-in-out 1s infinite}.login-agreement{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.login-agreement input{accent-color:var(--color-primary);flex-shrink:0;width:15px;height:15px}.login-agreement-text{font-size:var(--text-xs);color:var(--color-gray-500)}.login-agreement-text a{color:var(--color-primary);font-weight:600;text-decoration:none}@keyframes loginPop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes loginLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes loginPulse{0%,to{box-shadow:#b95e0047 0 4px 14px;box-shadow:oklch(.58 .19 55 / .28) 0 4px 14px}50%{box-shadow:#b95e0080 0 8px 26px;box-shadow:oklch(.58 .19 55 / .5) 0 8px 26px}}@media (prefers-reduced-motion: reduce){.login-logo,.login-app-name,.login-app-tag,.login-action,.login-wechat{animation:none!important}}.home-header{flex-wrap:wrap;justify-content:space-between;padding-bottom:var(--space-3);align-items:flex-start}.home-greeting{display:flex;flex-direction:column;gap:2px}.home-greeting .location{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-500)}.home-title{font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);line-height:1.2}.home-header .search-bar{margin-top:var(--space-3);width:100%;order:3}.home-header .icon-btn{order:2;margin-left:auto}.income-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5);color:#fff;box-shadow:0 8px 24px #b95e0040;box-shadow:0 8px 24px oklch(.58 .19 55 / .25);position:relative;overflow:hidden}.income-hero:before{content:"";position:absolute;top:-40%;right:-15%;width:180px;height:180px;border-radius:var(--radius-full);background:#ffffff14}.income-hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:120px;height:120px;border-radius:var(--radius-full);background:#ffffff0d}.income-hero-main{position:relative;z-index:1;margin-bottom:var(--space-5)}.income-hero-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm);opacity:.9}.income-hero-action{padding:var(--space-1) var(--space-3);background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:#fff;transition:background var(--duration-fast) var(--ease-out-quart)}.income-hero-action:hover{background:#ffffff4d}.income-hero-amount{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-2)}.income-hero-trend{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.trend-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:var(--radius-full);font-weight:700;font-size:11px}.trend-badge.up{background:#bff4c9;color:var(--color-success)}.trend-badge.up:before{content:"↑"}.income-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid oklch(1 0 0 / .15)}.income-hero-item{display:flex;flex-direction:column;gap:var(--space-1)}.income-hero-item-label{font-size:var(--text-xs);opacity:.75;font-weight:500}.income-hero-item strong{font-size:var(--text-lg);font-weight:800;font-variant-numeric:tabular-nums}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);margin-top:var(--space-2)}.section-title-group h2{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);margin-bottom:2px}.section-title-group p{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:500}.task-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.task-card{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100);cursor:pointer;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart)}.task-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.task-card:active{transform:scale(.98)}.task-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}.task-cover img{width:100%;height:100%;object-fit:cover}.task-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)}.task-badge.badge-hot{background:var(--color-error);left:auto;right:var(--space-2)}.task-body{padding:var(--space-3)}.task-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}.task-shop{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-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}.task-target-row .urgent{color:var(--color-error);font-weight:700}.task-card .target-bar{height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.task-footer{display:flex;justify-content:space-between;align-items:center}.task-commission{display:flex;flex-direction:column}.task-apply{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.task-apply:hover{background:var(--color-primary-dark)}.task-apply:active{transform:scale(.95)}.home-bottom-hint{text-align:center;padding:var(--space-4) 0 var(--space-8);color:var(--color-gray-400);font-size:var(--text-xs);font-weight:500}.hero-stats{padding:var(--space-2) 0 var(--space-4)}.stats-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-5);color:#fff;box-shadow:var(--shadow-md)}.flash-banner{background:linear-gradient(135deg,var(--color-error) 0%,oklch(55% .18 25) 100%);border-radius:var(--radius-lg);padding:var(--space-4);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}.flash-banner:before{content:"";position:absolute;top:-30%;right:-10%;width:120px;height:120px;border-radius:var(--radius-full);background:#ffffff1a}.flash-banner-content{position:relative;z-index:1}.flash-banner h3{font-size:var(--text-base);font-weight:800;margin-bottom:var(--space-1)}.flash-banner p{font-size:var(--text-xs);opacity:.9}.flash-banner-rank{position:relative;z-index:1;text-align:center;padding:var(--space-2) var(--space-3);background:#ffffff26;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.flash-banner-rank span{display:block;font-size:10px;opacity:.85;margin-bottom:2px}.flash-banner-rank strong{font-size:var(--text-lg);font-weight:800}.daily-task-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-5);box-shadow:var(--shadow-sm)}.daily-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.daily-task-header div{display:flex;flex-direction:column;gap:var(--space-1)}.daily-task-header strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.daily-task-header span{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.daily-task-progress{display:flex;align-items:center;gap:var(--space-2)}.daily-task-bar{flex:1 1 0%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.daily-task-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)}.daily-task-progress>span{font-size:11px;font-weight:800;color:var(--color-primary);white-space:nowrap}.success-case-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-5);box-shadow:var(--shadow-sm)}.success-case-tag{padding:var(--space-1) var(--space-2);background:var(--color-error);color:#fff;border-radius:var(--radius-sm);font-size:11px;font-weight:800}.success-case-stats{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.success-case-img{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.success-case-info{display:flex;flex-direction:column;gap:var(--space-1)}.success-case-info strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);line-height:1.4}.success-case-info p{font-size:var(--text-xs);color:var(--color-gray-500);line-height:1.5}.leaderboard-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-5);box-shadow:var(--shadow-sm)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out-quart)}.leaderboard-item.my-rank{background:var(--color-primary-light);margin-top:var(--space-2)}.leaderboard-rank{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:800;flex-shrink:0}.leaderboard-rank.rank-1{background:var(--color-warning);color:#fff}.leaderboard-rank.rank-2{background:var(--color-gray-300);color:#fff}.leaderboard-rank.rank-3{background:#c77a41;color:#fff}.leaderboard-info strong{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:2px}.leaderboard-info span{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.live-ticker{background:var(--surface-card);border-bottom:1px solid var(--color-gray-100);padding:var(--space-2) 0;overflow:hidden;position:relative}.live-ticker-track{display:flex;gap:var(--space-6);animation:ticker 30s linear infinite}.live-item{flex-shrink:0;font-size:var(--text-xs);color:var(--color-gray-700);white-space:nowrap}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.live-badge{font-size:var(--text-xs);color:var(--color-success);background:#05893e1a;padding:2px 8px;border-radius:var(--radius-full)}.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)}.tag-hot{background:var(--color-error);color:#fff;border-color:var(--color-error)}@media (min-width: 768px){.income-hero{max-width:560px}}.category-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) 0 var(--space-3);scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding-bottom:var(--space-4)}.product-card{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100);cursor:pointer;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart);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) * 50ms)}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.merchant-filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none}.merchant-filter-bar::-webkit-scrollbar{display:none}.task-status-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) 0 var(--space-4);scrollbar-width:none}.task-status-tabs::-webkit-scrollbar{display:none}.task-view-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)}.view-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)}.view-tab.is-active{background:var(--color-white);color:var(--color-gray-900);box-shadow:var(--shadow-sm)}.task-center-section{margin-bottom:var(--space-5)}.task-center-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.task-center-title h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.task-center-sub{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.task-center-list{display:flex;flex-direction:column;gap:var(--space-3)}.profile-card{position:relative;overflow:hidden;background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100);display:flex;align-items:center;gap:var(--space-4)}.profile-card:before{content:"";position:absolute;top:-48px;right:-48px;width:160px;height:160px;background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 68%);opacity:.7;pointer-events:none}.profile-card>*{position:relative;z-index:1}.profile-avatar{width:68px;height:68px;box-shadow:0 0 0 3px var(--surface-card),0 6px 16px #896a562e}.income-card{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)}.income-hero-box{position:relative;overflow:hidden;border-radius:var(--radius-md);padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;margin-bottom:var(--space-4);box-shadow:var(--shadow-md)}.income-hero-box:after{content:"";position:absolute;right:-32px;top:-32px;width:130px;height:130px;border-radius:50%;background:#ffffff1a}.income-hero-box:before{content:"";position:absolute;right:44px;bottom:-56px;width:110px;height:110px;border-radius:50%;background:#ffffff12}.income-hero-box-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.income-hero-box-label{font-size:var(--text-xs);opacity:.92;font-weight:600}.income-detail-link{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:700;color:#fff;background:#ffffff29;border:none;padding:3px var(--space-3);border-radius:var(--radius-full);cursor:pointer;font-family:inherit}.income-hero-box-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:var(--space-3);position:relative;z-index:1}.income-hero-box-amount{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.income-hero-box .btn-primary{background:#fff;color:var(--color-primary)}.income-hero-box .btn-primary:hover{background:#ffffffe0}.page-income-detail{z-index:11;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--surface-page)}.page.page-income-detail.is-active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:11}.income-detail-summary{display:flex;align-items:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-md)}.income-detail-summary-item{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.income-detail-summary-item span{font-size:var(--text-xs);opacity:.85;font-weight:600}.income-detail-summary-item strong{font-size:var(--text-xl);font-weight:800;font-variant-numeric:tabular-nums}.income-detail-summary-divider{width:1px;height:32px;background:#ffffff40;margin:0 var(--space-2)}.income-detail-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.income-detail-tab{padding:var(--space-1) 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);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);font-family:inherit}.income-detail-tab.is-active{background:var(--color-gray-800);color:#fff;border-color:var(--color-gray-800)}.txn-date-group{margin-bottom:var(--space-4)}.txn-date-header{font-size:var(--text-xs);font-weight:700;color:var(--color-gray-400);margin-bottom:var(--space-2);padding-left:var(--space-1)}.txn-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-2)}.txn-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.txn-icon-income{background:#05893e1f;color:var(--color-success)}.txn-icon-withdraw{background:var(--color-gray-100);color:var(--color-gray-500)}.txn-info{flex:1 1 0%;min-width:0px}.txn-info h4{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-info span{font-size:var(--text-xs);color:var(--color-gray-500)}.txn-amount{font-size:var(--text-base);font-weight:800;font-variant-numeric:tabular-nums;flex-shrink:0}.txn-amount.txn-income{color:var(--color-success)}.txn-amount.txn-withdraw{color:var(--color-gray-700)}.team-income-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.mini-stat-card{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100)}.mini-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.mini-stat-title{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:700;color:var(--color-gray-800)}.mini-stat-title svg{color:var(--color-primary)}.mini-stat-link{display:inline-flex;align-items:center;gap:1px;font-size:var(--text-xs);font-weight:600;color:var(--color-gray-500);background:transparent;border:none;cursor:pointer;font-family:inherit;padding:0}.mini-stat-link:hover{color:var(--color-primary)}.mini-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-2)}.mini-stat-cell{display:flex;flex-direction:column;gap:2px}.mini-stat-cell strong{font-size:var(--text-lg);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums;line-height:1.2}.mini-stat-cell strong.is-primary{color:var(--color-primary)}.mini-stat-cell strong.is-success{color:var(--color-success)}.mini-stat-cell span{font-size:11px;color:var(--color-gray-500);font-weight:600}.mini-stat-rows{display:flex;flex-direction:column;gap:var(--space-4)}.mini-stat-row{display:flex;align-items:center;justify-content:space-between}.mini-stat-row span{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.mini-stat-row strong{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.mini-stat-row strong.is-success{color:var(--color-success)}.shortcut-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.shortcut-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);background:var(--surface-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.shortcut-card:hover{box-shadow:var(--shadow-md)}.shortcut-card:active{transform:scale(.94)}.shortcut-icon{position:relative;width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--sc-bg);color:var(--sc-color)}.shortcut-label{font-size:11px;font-weight:600;color:var(--color-gray-700);white-space:nowrap}.shortcut-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-card);box-sizing:border-box}.shortcut-tag{position:absolute;top:-6px;right:-12px;padding:1px 5px;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:9px;font-weight:800;white-space:nowrap;border:2px solid var(--surface-card)}.sc-bell{--sc-bg: oklch(65% .16 85 / .16);--sc-color: oklch(56% .18 65)}.sc-data{--sc-bg: oklch(55% .14 250 / .15);--sc-color: var(--color-info)}.sc-invite{--sc-bg: oklch(55% .15 150 / .16);--sc-color: var(--color-success)}.sc-academy{--sc-bg: oklch(55% .15 290 / .15);--sc-color: oklch(52% .16 290)}.sc-service{--sc-bg: oklch(55% .12 200 / .15);--sc-color: oklch(48% .14 205)}.profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.realname-badge{display:inline-flex;align-items:center;gap:3px;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700;line-height:1.5}.realname-badge svg{flex-shrink:0}.realname-badge.is-verified{background:#05893e24;color:var(--color-success)}.realname-badge.is-unverified{background:var(--color-gray-100);color:var(--color-gray-500)}.profile-roles{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.identity-tag{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:700;line-height:1.5;background:var(--color-primary-light);color:var(--color-primary-dark)}.profile-uid{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--color-gray-400);font-variant-numeric:tabular-nums;letter-spacing:.02em}.uid-copy{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.uid-copy:hover{color:var(--color-gray-600);background:var(--color-gray-100)}.uid-copy .uid-icon-done{display:none}.uid-copy.is-copied{color:var(--color-success)}.uid-copy.is-copied .uid-icon-copy{display:none}.uid-copy.is-copied .uid-icon-done{display:block}.page.page-detail{z-index:10;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--surface-page);border-radius:0}.page.page-detail.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.detail-hero{position:relative;height:220px;flex-shrink:0}[data-theme=dark] .detail-hero .back-btn{background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid oklch(1 0 0 / .2);color:#fff}.detail-cover{width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-soft));display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-body{flex:1 1 0%;overflow:hidden auto;padding:var(--space-4) var(--space-4) calc(80px + env(safe-area-inset-bottom));scrollbar-width:none}.detail-body::-webkit-scrollbar{display:none}.commission-card{background:linear-gradient(135deg,var(--color-primary-light) 0%,oklch(96% .05 55) 100%);border:1px solid var(--color-primary-soft);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}[data-theme=dark] .commission-card{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);border-color:var(--color-primary)}.commission-header{display:flex;justify-content:space-between;align-items:center}.commission-tiers{padding-top:var(--space-3);border-top:1px dashed var(--color-primary-soft)}.tier-hint{display:block;font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-2)}.tier-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.tier{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.tier-level{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.tier-rate{font-size:var(--text-sm);color:var(--color-gray-900);font-weight:800}[data-theme=dark] .commission-tiers{border-top-color:#fff3}[data-theme=dark] .tier{background:#ffffff1f;box-shadow:none}[data-theme=dark] .tier-rate{color:var(--color-gray-900)}[data-theme=dark] .tier-hint,[data-theme=dark] .tier-level{color:var(--color-gray-600)}.requirement-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.requirement-list li{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-700);line-height:1.5}.requirement-list li:before{content:"";width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-primary-light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23D97706' 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;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-footer{position:absolute;bottom:0;left:0;right:0;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;z-index:5}.material-set-block{margin-top:var(--space-4)}.material-set-block+.material-set-block{margin-top:var(--space-3)}.material-set-label{display:block;font-size:var(--text-xs);font-weight:700;color:var(--color-gray-500);margin-bottom:var(--space-2)}.img-candidates{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.img-candidates::-webkit-scrollbar{display:none}.img-candidate{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart);padding:0;background:var(--color-gray-100);cursor:pointer}.img-candidate img{width:100%;height:100%;object-fit:cover;display:block}.img-candidate.is-active{border-color:var(--color-primary);transform:scale(1.05)}.material-edit-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-gray-900);background:var(--color-white);margin-bottom:var(--space-2);box-sizing:border-box}.material-edit-input:last-child{margin-bottom:0}.material-edit-textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-gray-900);background:var(--color-white);resize:vertical;line-height:1.6;margin-top:var(--space-2);font-family:inherit;box-sizing:border-box}.material-edit-input:focus,.material-edit-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.wechat-edit-row{display:flex;align-items:center;gap:var(--space-1);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:4px 4px 4px var(--space-3);background:var(--color-white);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.wechat-edit-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.wechat-edit-row .material-edit-input{flex:1 1 0%;border:0;background:transparent;padding:0;margin:0;color:var(--color-gray-900);font-weight:500;font-size:var(--text-sm);outline:none;cursor:default}.dice-btn{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.dice-btn:active{transform:scale(.92) rotate(90deg);background:var(--color-primary-soft)}.dice-btn svg{width:20px;height:20px}[data-theme=dark] .wechat-edit-row .material-edit-input{background:transparent}.live-ticker-track{display:flex;gap:var(--space-6);width:max-content;animation:ticker-scroll 24s linear infinite}.leaderboard-card{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)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.leaderboard-header h3{font-size:var(--text-base);font-weight:800;color:var(--color-gray-900)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-3)}.leaderboard-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.leaderboard-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:800;color:var(--color-gray-700);background:var(--color-gray-100);flex-shrink:0}.leaderboard-rank.rank-1{background:linear-gradient(135deg,gold,orange);color:#fff}.leaderboard-rank.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff}.leaderboard-rank.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.leaderboard-rank.rank-me{background:var(--color-primary);color:#fff}.leaderboard-avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.leaderboard-info{flex:1 1 0%;min-width:0px}.leaderboard-info strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);display:block}.leaderboard-info span{font-size:var(--text-xs);color:var(--color-gray-500)}.leaderboard-item.my-rank{padding-top:var(--space-3);border-top:1px dashed var(--color-gray-200);margin-top:var(--space-2)}.success-case-card{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--surface-card) 100%);border:1px solid var(--color-primary-soft);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.success-case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.success-case-tag{font-size:var(--text-xs);font-weight:700;color:var(--color-primary);background:var(--color-white);padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--color-primary-soft)}.success-case-stats{font-size:var(--text-xs);color:var(--color-gray-600)}.success-case-body{display:flex;gap:var(--space-3)}.success-case-img{width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.success-case-info{flex:1 1 0%;min-width:0px}.success-case-info strong{font-size:var(--text-sm);font-weight:700;color:var(--color-gray-900);line-height:1.4;display:block;margin-bottom:var(--space-1)}.success-case-info p{font-size:var(--text-xs);color:var(--color-gray-600);line-height:1.5}