*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;background:#f7f3ec;color:#1f1f1f;min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:before{content:"";position:fixed;top:-30%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 18% 20%,rgba(255,210,170,.55) 0%,transparent 45%),radial-gradient(circle at 82% 18%,rgba(255,180,180,.4) 0%,transparent 42%),radial-gradient(circle at 68% 78%,rgba(198,241,53,.28) 0%,transparent 45%),radial-gradient(circle at 20% 82%,rgba(200,220,255,.42) 0%,transparent 45%);animation:drift 24s ease-in-out infinite;z-index:-1;pointer-events:none;filter:blur(20px)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,transparent 0%,rgba(247,243,236,.65) 70%);z-index:-1;pointer-events:none}@keyframes drift{0%{transform:translate(0) scale(1) rotate(0);opacity:.7}25%{transform:translate(-12%,8%) scale(1.12) rotate(8deg);opacity:1}50%{transform:translate(6%,-6%) scale(.92) rotate(-4deg);opacity:.65}75%{transform:translate(10%,4%) scale(1.08) rotate(12deg);opacity:.9}to{transform:translate(0) scale(1) rotate(0);opacity:.7}}@keyframes drift2{0%{transform:translate(0) scale(1) rotate(0);opacity:.6}30%{transform:translate(8%,-10%) scale(1.18) rotate(-10deg);opacity:1}60%{transform:translate(-10%,7%) scale(.88) rotate(6deg);opacity:.5}to{transform:translate(0) scale(1) rotate(0);opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}#root{display:flex;flex-direction:column;min-height:100vh}.app-wrap{max-width:480px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column}.page-scroll{flex:1;overflow-y:auto;padding:0 12px 80px;animation:fadeIn .25s ease}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0 8px;cursor:pointer;transition:all .15s;border:none;background:none;color:#bbb;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;gap:3px;-webkit-tap-highlight-color:transparent}.nav-item.active{color:#3a3a3a}.nav-icon{font-size:20px;line-height:1}.nav-item.active .nav-icon{animation:pulse .3s ease}.nav-dot{position:absolute;top:8px;right:calc(50% - 14px);width:6px;height:6px;background:#c6f135;border-radius:50%}.hdr{padding:20px 0 16px}.hdr .en{font-size:52px;font-weight:900;font-style:italic;line-height:.88;letter-spacing:-2px;color:#1a1a1a}.hdr .cn{font-size:13px;color:#8a8a8a;letter-spacing:3px;margin-top:8px;font-weight:700;padding-left:4px}.c{border-radius:22px;padding:20px;position:relative;overflow:hidden}.c-white{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 6px #0000000f}.c-dark{background:#2a2a2a;color:#fff}.hero{background:linear-gradient(145deg,#fde68a,#fb923c 45%,#ea6b10);padding:22px 22px 20px;aspect-ratio:1.9 / 1;display:flex;flex-direction:column;justify-content:space-between}.hero-label{font-size:11px;font-weight:800;color:#7a3010;letter-spacing:2px;text-transform:uppercase}.hero-num{font-size:60px;font-weight:900;font-style:italic;line-height:1;color:#3a3a3a;letter-spacing:-2px}.hero-unit{font-size:16px;font-weight:700;font-style:italic;color:#7a3010;margin-left:4px}.hero-sub{font-size:12px;color:#8a4a10;font-style:italic}.hero-badge{position:absolute;top:22px;right:22px;background:#0000001f;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800;color:#3a3a3a;letter-spacing:.5px}.g{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g-full{grid-column:1 / -1}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.st{font-size:11px;font-weight:800;color:#bbb;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:14px}.stat-num{font-size:34px;font-weight:900;font-style:italic;line-height:1;color:#3a3a3a;letter-spacing:-1px}.stat-num.green{color:#7ab010}.stat-num.purple{color:#8a60c0}.stat-label{font-size:10px;color:#bbb;font-weight:600;margin-top:4px;letter-spacing:.5px}.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:13px;font-weight:800;font-style:italic;white-space:nowrap}.pill-green{background:#e4f5a0;color:#4a7000}.pill-purple{background:#eeddf8;color:#7040a0}.pill-red{background:#ffd4e0;color:#aa0040}.pill-gray{background:#00000012;color:#888}.mc{border-radius:22px;overflow:hidden;background:#ffffffd9;box-shadow:0 2px 8px #00000014;transition:transform .15s;cursor:pointer;-webkit-tap-highlight-color:transparent}.mc:active{transform:scale(.97)}.mc-avatar{width:100%;aspect-ratio:3/4;display:flex;align-items:flex-end;justify-content:flex-start;padding:12px;position:relative}.mc-initials{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:900;font-style:italic;letter-spacing:-2px;color:#ffffffe6}.mc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 55%)}.mc-name{position:relative;z-index:1;font-size:20px;font-weight:900;font-style:italic;color:#fff;line-height:1;letter-spacing:-.5px}.mc-body{padding:12px 14px 14px}.mc-points{font-size:28px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-1px}.mc-meta{margin-top:8px;display:flex;flex-direction:column;gap:5px}.mc-row{display:flex;justify-content:space-between;align-items:center}.mc-key{font-size:10px;color:#bbb;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lvl{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:800}.lvl-0{background:#f0f0f0;color:#999}.lvl-1{background:#e8f5e0;color:#5a8040}.lvl-2{background:#ddeef8;color:#3060a0}.lvl-3{background:#edddf8;color:#7040a0}.lvl-4{background:#fef3d0;color:#a06010}.lvl-5{background:linear-gradient(135deg,#fef3d0,#ffd4e0);color:#a02040;font-size:13px}.task-hdr{display:grid;grid-template-columns:1fr 60px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:4px}.task-hdr span{font-size:9px;color:#ccc;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:1px}.task-hdr span:first-child{text-align:left}.task-row{display:grid;grid-template-columns:1fr 60px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);align-items:center}.task-row:last-child{border-bottom:none}.task-name{font-size:15px;color:#444;font-weight:500}.task-pts{font-size:11px;font-style:italic;color:#bbb;margin-left:4px}.task-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;margin:0 auto;transition:all .15s;-webkit-tap-highlight-color:transparent}.task-btn:active{transform:scale(1.2)}.task-done{background:#c6f135;color:#fff}.task-wait{background:transparent;border:3px solid #c6f135;color:transparent}.task-wait:hover{background:#c6f13526}.task-locked{background:#e8f5a0;color:#fffc;cursor:default;font-size:14px}.progress-wrap{margin-top:10px}.progress-bar{height:6px;background:#0000000f;border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#fde68a,#fb923c);transition:width .6s ease}.progress-label{display:flex;justify-content:space-between;margin-top:5px;font-size:10px;color:#bbb;font-weight:600}.rec-tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.rec-tab{padding:5px 14px;border-radius:14px;font-size:11px;font-weight:700;border:none;cursor:pointer;letter-spacing:.5px;transition:all .15s}.rec-tab.on{background:#1a1a1a;color:#fff}.rec-tab.off{background:#0000000f;color:#aaa}.rec-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.rec-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#00000008;border-radius:14px}.rec-name{font-size:14px;font-weight:500;color:#555}.rec-sub{font-size:11px;color:#bbb;margin-top:1px}.lb-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);animation:fadeIn .2s ease}.lb-item:last-child{border-bottom:none}.lb-rank{font-size:20px;font-weight:900;font-style:italic;width:32px;text-align:center;color:#ccc;flex-shrink:0}.lb-rank.gold{color:#f0b020}.lb-rank.silver{color:#a0a0b0}.lb-rank.bronze{color:#c08040}.lb-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#ffffffe6;flex-shrink:0}.lb-info{flex:1;min-width:0}.lb-name{font-size:15px;font-weight:700;color:#3a3a3a}.lb-dept{font-size:11px;color:#bbb;margin-top:1px}.lb-pts{font-size:24px;font-weight:900;font-style:italic;color:#3a3a3a;letter-spacing:-.5px}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agent-card{position:relative;background:#ffffffeb;border-radius:20px;padding:16px 14px 14px;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 2px 6px #0000000d;-webkit-tap-highlight-color:transparent;border:1.5px solid rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column}.agent-card:hover{box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.agent-card:active{transform:scale(.97)}.agent-card.tier-top{border-color:#f0b02066;background:linear-gradient(135deg,#fffaeb,#ffffffeb 50%)}.agent-card.tier-top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f0b020,#e76f51,#f0b020)}.agent-card.tier-good{border-color:#7ab01040;background:linear-gradient(135deg,#f8fce8,#ffffffeb 50%)}.agent-card.tier-ok{border-color:#0000000d}.agent-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.agent-icon{font-size:32px;line-height:1}.agent-tier-badge{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}.agent-name{font-size:14px;font-weight:800;color:#3a3a3a;line-height:1.25;letter-spacing:-.2px;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.agent-creator{font-size:10.5px;color:#aaa;margin-top:2px;font-weight:600}.agent-rating{margin-top:10px;font-size:13px}.agent-meta-row{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:6px}.agent-date{font-size:10px;color:#999;font-weight:700;font-style:italic;letter-spacing:.3px}.agent-cat-pill{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:10px;background:#0000000d;color:#777;letter-spacing:.3px;white-space:nowrap}.agent-search{width:100%;padding:12px 16px;border-radius:16px;border:none;background:#ffffffd9;font-size:15px;color:#3a3a3a;outline:none;box-shadow:0 1px 4px #0000000f;margin-bottom:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.agent-search::placeholder{color:#ccc}.filter-row{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px}.filter-btn{padding:6px 14px;border-radius:14px;border:none;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s;-webkit-tap-highlight-color:transparent}.filter-btn.on{background:#3a3a3a;color:#fff}.filter-btn.off{background:#fffc;color:#aaa;box-shadow:0 1px 3px #0000000f}.skill-level{border-radius:18px;padding:16px;margin-bottom:8px;position:relative;transition:all .2s}.skill-level.current{box-shadow:0 0 0 2px #c6f135}.skill-level-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.skill-level-name{font-size:16px;font-weight:800;color:#3a3a3a}.skill-pts-req{font-size:12px;color:#bbb;font-style:italic}.skill-perks{display:flex;flex-wrap:wrap;gap:4px}.skill-perk{padding:3px 9px;border-radius:10px;font-size:11px;font-weight:600;background:#0000000d;color:#666}.achieve-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.achieve-item{display:flex;flex-direction:column;align-items:center;padding:14px 10px;border-radius:16px;background:#fffc;text-align:center;transition:transform .15s}.achieve-item.locked{opacity:.4;filter:grayscale(1)}.achieve-icon{font-size:30px;margin-bottom:6px}.achieve-name{font-size:11px;font-weight:700;color:#3a3a3a;line-height:1.2}.achieve-desc{font-size:10px;color:#bbb;margin-top:3px}.chart-wrap{background:#ffffffd9;border-radius:22px;padding:18px;box-shadow:0 1px 4px #0000000f}.feed-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04);animation:fadeIn .2s ease}.feed-item:last-child{border-bottom:none}.feed-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}.feed-text{flex:1}.feed-action{font-size:13px;color:#444;font-weight:500}.feed-action strong{color:#3a3a3a}.feed-time{font-size:11px;color:#ccc;margin-top:2px}.feed-pts{font-size:14px;font-weight:800;font-style:italic;color:#7ab010;flex-shrink:0}.user-picker{min-height:100vh;display:flex;flex-direction:column;padding:0 12px 40px;max-width:480px;margin:0 auto}.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:60vh;overflow-y:auto;padding-right:4px}.picker-search{width:100%;padding:12px 16px;border-radius:16px;border:none;background:#ffffffd9;font-size:15px;color:#3a3a3a;outline:none;box-shadow:0 1px 4px #00000014;margin-bottom:14px}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:16px}.spinner{width:28px;height:28px;border:3px solid #eee;border-top-color:#c6f135;border-radius:50%;animation:spin .7s linear infinite}.ftr{text-align:center;font-size:9px;color:#ccc;padding:24px 0 12px;letter-spacing:3px;text-transform:uppercase;font-style:italic}.empty{text-align:center;color:#ccc;padding:32px 0;font-size:13px}.divider{height:10px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.switch-user-btn{position:fixed;top:14px;right:calc(50vw - 228px);z-index:50;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:1px;color:#555;background:#ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,0,0,.06);border-radius:999px;cursor:pointer;transition:transform .15s}.switch-user-btn:active{transform:scale(.95)}@media (max-width: 480px){.switch-user-btn{right:12px}}.mc-circle{padding:16px 10px 12px;text-align:center}.mc-round{width:88px;height:88px;margin:0 auto 10px;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001f}.mc-round-initial{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;font-style:italic;color:#fffffff2}.mc-round-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:inherit}.login-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0a0f1e,#0d1525,#111a2e)}.login-wrap .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:drift 18s ease-in-out infinite;pointer-events:none}.login-wrap .blob1{width:360px;height:360px;background:radial-gradient(circle,#c6f135 0%,transparent 70%);top:-80px;left:-80px;animation-delay:0s}.login-wrap .blob2{width:300px;height:300px;background:radial-gradient(circle,#c9a0f0 0%,transparent 70%);bottom:-60px;right:-60px;animation-delay:-7s}.login-wrap .blob3{width:220px;height:220px;background:radial-gradient(circle,#60d0ff 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s;opacity:.18}.login-card{position:relative;z-index:1;width:min(420px,calc(100vw - 32px));padding:40px 32px 36px;background:#ffffff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 0 0 1px #c6f13514,0 24px 64px #0009;display:flex;flex-direction:column;align-items:center;gap:0}.login-logo{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#c6f135,#80f0c0,#c9a0f0);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 0 32px #c6f13566}.login-logo-en{font-size:20px;font-weight:900;font-style:italic;line-height:1.1;text-align:center;color:#0a0f1e;letter-spacing:-.5px}.login-title{font-size:22px;font-weight:800;color:#fff;letter-spacing:.5px;margin-bottom:6px;text-align:center}.login-sub{font-size:12px;color:#ffffff59;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;text-align:center}.login-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin-bottom:24px}.login-stats{display:flex;gap:0;width:100%;margin-bottom:28px}.login-stat{flex:1;text-align:center;padding:12px 0;border-right:1px solid rgba(255,255,255,.07)}.login-stat:last-child{border-right:none}.login-stat-num{font-size:26px;font-weight:900;font-style:italic;color:#c6f135;line-height:1;margin-bottom:4px}.login-stat-label{font-size:11px;color:#ffffff59;letter-spacing:.5px}.login-btn{width:100%;height:52px;border:none;border-radius:14px;background:linear-gradient(135deg,#1456f0,#3d7ff3);color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 24px #1456f066;margin-bottom:14px}.login-btn:active{transform:scale(.97);box-shadow:0 4px 12px #1456f04d}.login-feishu-icon{width:26px;height:26px;flex-shrink:0}.login-tip{font-size:11px;color:#ffffff40;letter-spacing:.5px;text-align:center}.cb-spinner{width:48px;height:48px;border:3px solid rgba(198,241,53,.15);border-top-color:#c6f135;border-radius:50%;animation:spin .9s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.cb-text{font-size:14px;color:#fff9;line-height:1.6;text-align:center}} @media (min-width: 768px){body.admin-pc .c-white>div[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:repeat(4,1fr)!important}body.admin-pc .c-white{padding:20px}body.admin-pc .admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}body.admin-pc .c-white .st{font-size:14px}}