:root{color:#2c2638;font-synthesis:none;--violet:#6d3df5;--violet-soft:#f1edff;--ink:#2c2638;--muted:#898491;--line:#ebe9ef;background:#f5f6fa;font-family:Noto Sans SC,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#ede7ff 0,#0000 28%),#f5f6fa;min-width:320px;margin:0}button,a{font:inherit}.app-shell{background:#f7f7fa;max-width:520px;min-height:100vh;margin:auto;box-shadow:0 0 60px #2c164515}.app-shell main{padding-bottom:88px}.page{min-height:100vh}.hero{color:#fff;background:linear-gradient(135deg,#5e2bea,#7750f7 60%,#8c6bf8);border-radius:0 0 30px 30px;min-height:240px;padding:42px 24px 24px;position:relative;overflow:hidden}.hero:after{content:"";border:34px solid #ffffff13;border-radius:50%;width:190px;height:190px;position:absolute;top:-50px;right:-80px}.hero p{opacity:.7;letter-spacing:.18em;margin:0 0 9px}.hero h1{margin:0;font:700 30px/1.2 STKaiti,KaiTi,sans-serif}.hero-stat{align-items:baseline;gap:10px;margin-top:30px;display:flex}.hero-stat strong{font-size:38px}.hero-stat span{opacity:.8}.filters{background:#fff;border-radius:15px;margin:-21px 20px 16px;padding:5px;display:flex;position:relative;box-shadow:0 9px 30px #30146d16}.filters button{color:var(--muted);background:0 0;border:0;border-radius:11px;flex:1;padding:11px}.filters button[aria-pressed=true]{background:var(--violet-soft);color:var(--violet);font-weight:700}.search{color:#aaa6b0;background:#ebecf1;border-radius:13px;align-items:center;gap:9px;margin:0 20px 16px;padding:12px 15px;display:flex}.search svg{width:17px}.cards{gap:13px;padding:0 20px;display:grid}.lead-card,.profit{color:inherit;background:#fff;border:1px solid #fff;border-radius:18px;padding:18px;text-decoration:none;box-shadow:0 7px 24px #2913480a}.row,.card-foot,.profit{justify-content:space-between;align-items:center;display:flex}.tag{color:#a86800;background:#fff2dc;border-radius:99px;padding:5px 9px;font-size:12px}.tag.publisher{background:var(--violet-soft);color:var(--violet)}time{color:#aaa5af;font-size:12px}.lead-card h2{justify-content:space-between;margin:14px 0 8px;font-size:19px;display:flex}.lead-card h2 svg{color:#c1bdc8;width:18px}.lead-card>p{color:#6e6975;margin:0 0 15px;font-size:14px;line-height:1.7}.card-foot{border-top:1px solid var(--line);color:#8d8793;padding-top:13px;font-size:13px}.card-foot button,.info-card button,.announcement button{color:var(--violet);background:var(--violet-soft);border:0;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;display:flex}.card-foot svg,.info-card svg,.announcement svg{width:14px}.tabbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:5;background:#fffe;width:100%;max-width:520px;height:72px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{color:#aaa4b0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.tabbar a.active{color:var(--violet)}.tabbar svg{width:22px}.simple-head{align-items:center;gap:20px;height:86px;padding:26px 20px 10px;display:flex}.simple-head a{color:var(--ink)}.simple-head h1{margin:0;font-size:20px}.detail{padding-bottom:25px}.profile-card,.info-card,.announcement,.income,.menu{background:#fff;border-radius:18px;margin:12px 20px;padding:20px}.profile-card h2{margin:15px 0 5px;font-size:25px}.profile-card p{color:var(--muted);font-size:13px}.info-card{position:relative}.info-card small{color:var(--muted);margin-bottom:8px;display:block}.info-card strong{font-size:19px}.info-card button{position:absolute;top:25px;right:16px}.announcement>div{justify-content:space-between;align-items:center;display:flex}.announcement h3{margin:0;font-size:16px}.announcement p{color:#655f6c;background:#faf9fc;border-radius:12px;padding:15px;line-height:1.8}.primary{color:#fff;background:var(--violet);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 40px);margin:12px 20px;padding:15px;font-weight:700;display:flex;box-shadow:0 12px 25px #6d3df540}.primary.done{box-shadow:none;background:#97919e}.primary svg{width:18px}.me-hero{color:#fff;background:linear-gradient(145deg,#5f2fe8,#7952ef);border-radius:0 0 30px 30px;align-items:center;gap:16px;padding:45px 24px 35px;display:flex}.avatar{background:#ffffff24;border:1px solid #fff5;border-radius:21px;place-items:center;width:62px;height:62px;font:700 27px STKaiti;display:grid}.me-hero h1{margin:0 0 9px;font-size:23px}.me-hero p{opacity:.8;align-items:center;gap:5px;margin:0;font-size:12px;display:flex}.me-hero svg{width:15px}.income{margin-top:-17px;position:relative;box-shadow:0 10px 30px #2e165017}.income>small{color:var(--muted)}.income>strong{margin:9px 0 22px;font-size:34px;display:block}.income>div{border-top:1px solid var(--line);padding-top:17px;display:flex}.income span{width:50%;color:var(--muted);font-size:13px}.income span+span{border-left:1px solid var(--line);padding-left:20px}.income b{color:var(--ink);margin-top:6px;font-size:17px;display:block}.menu{color:var(--ink);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.menu span{font-weight:700}.menu small{color:var(--muted);margin-top:5px;font-weight:400;display:block}.menu svg{color:#aaa}.hint{text-align:center;color:#aaa5af;margin:25px;font-size:12px}.profit h2{margin:0 0 7px;font-size:15px}.profit>div:last-child{text-align:right}.profit strong{color:var(--violet);font-size:18px;display:block}.profit span{color:var(--muted);font-size:12px}@media (width>=521px){body{padding:24px 0}.app-shell{border-radius:30px;min-height:calc(100vh - 48px);overflow:hidden}.tabbar{border-radius:0 0 30px 30px;bottom:24px}}.metric-grid span{flex:1;width:auto!important}.metric-grid span+span{padding-left:12px!important}.empty{text-align:center;color:var(--muted);padding:28px}.access-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.access-state h1{margin:20px 0 8px}.access-state p{color:var(--muted);margin:0 0 18px}.access-state .primary{max-width:320px}.load-more{background:var(--violet-soft);color:var(--violet);border:0;border-radius:12px;padding:12px;font-weight:700}.copy-error{color:#b42318;background:#fff1f0;border-radius:10px;margin:8px 20px;padding:10px 14px;font-size:13px}
