:root{color:#272429;background:#f3f4f4;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(circle at 10% 0%,#ffe8e9 0,transparent 34%),radial-gradient(circle at 92% 0%,#e7ffff 0,transparent 32%),#f4f4f3}.phone-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;background:#f8f8f7;box-shadow:0 0 56px #181f2417}.auth-hero{padding:16px;background:linear-gradient(145deg,#19cfc4,#8ce8c6 58%,#ffad66)}.auth-hero img{display:block;width:100%;aspect-ratio:1200 / 630;object-fit:cover;border-radius:22px;box-shadow:0 18px 42px #076b6933}.auth-panel{position:relative;margin-top:-2px;padding:28px 24px 48px;border-radius:28px 28px 0 0;background:#fff}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#e7fbf8;color:#098f88;font-size:12px;font-weight:700}.auth-panel h1{margin:14px 0 7px;font-size:27px;letter-spacing:-.04em}.auth-panel>p{margin:0;color:#7c797d;font-size:13px;line-height:1.7}.auth-form{display:grid;gap:17px;margin-top:25px}.auth-form label>span{display:block;margin-bottom:8px;color:#555157;font-size:13px;font-weight:700}.field{display:flex;align-items:center;gap:10px;height:48px;padding:0 15px;border:1px solid #ece8e9;border-radius:15px;color:#aaa4a8;background:#fafafa}.field:focus-within{border-color:#19bfb6;box-shadow:0 0 0 3px #19bfb61f}.field input{width:100%;border:0;outline:0;background:transparent;color:#252126}.auth-form>button{height:49px;margin-top:3px;border:0;border-radius:15px;background:linear-gradient(90deg,#18c7bd,#25d99c);color:#fff;font-weight:800;box-shadow:0 11px 24px #18c7bd3d}.switch-line{margin-top:20px!important;text-align:center}.switch-line button{border:0;background:none;color:#11a89f;font-weight:700}.switch-line a{color:#11a89f;font-weight:700;text-decoration:none}.auth-page{background:#fff}.simple-auth-head{padding:48px 24px 36px;background:linear-gradient(145deg,#16cfc4,#8be6c8 58%,#ffc171);color:#163b3a}.simple-auth-head p{margin:0 0 8px;color:#087f7a;font-size:13px;font-weight:800}.simple-auth-head h1{margin:0;font-size:32px;letter-spacing:-.05em}.simple-auth-head span{display:block;margin-top:9px;color:#3f6967;font-size:13px;line-height:1.7}.register-panel{padding-top:23px}.form-error{margin:0!important;color:#dc3349!important;font-size:12px!important;line-height:1.5!important}.auth-form>button:disabled,.primary-action:disabled{cursor:wait;opacity:.65}.app-page{position:relative;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.page-content{min-height:calc(100vh - 70px)}.bottom-nav{position:fixed;z-index:50;bottom:0;left:50%;display:grid;width:min(100%,430px);grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));transform:translate(-50%);border-top:1px solid #eee9eb;background:#fffffff0;box-shadow:0 -8px 25px #1e21230d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:#aaa6aa;font-size:11px}.bottom-nav button.active{color:#ff5267;font-weight:800}.home-hero{padding:12px 16px 20px;background:#21cfc6}.home-tools{display:flex;gap:9px;align-items:center}.search-box{display:flex;flex:1;align-items:center;gap:8px;height:38px;padding:0 13px;border-radius:999px;background:#3849527d;color:#fff}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff}.search-box input::placeholder{color:#ffffffd9}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#43445073;color:#fff}.notification-button{position:relative}.notification-button i{position:absolute;top:4px;right:4px;width:8px;height:8px;border:1px solid white;border-radius:50%;background:#ff4660}.home-hero>img{display:block;width:100%;margin-top:12px;aspect-ratio:1200 / 630;object-fit:cover;border-radius:19px;box-shadow:0 14px 34px #0a5e6433}.home-surface{position:relative;z-index:2;margin-top:-2px;padding:17px 16px 28px;border-radius:23px 23px 0 0;background:#f7f7f7}.category-grid{display:flex;justify-content:space-between;gap:6px;overflow-x:auto;scrollbar-width:none}.category-grid::-webkit-scrollbar{display:none}.category-grid button{display:flex;min-width:58px;flex-direction:column;align-items:center;gap:7px;border:0;background:none}.category-grid em{color:#555;font-size:12px;font-style:normal;white-space:nowrap}.category-grid button.active em{color:#1e1c20;font-weight:800}.category-icon{display:grid;width:48px;height:48px;place-items:center;border:2px solid white;border-radius:17px;color:#fff;box-shadow:0 6px 15px #1c323717}.category-icon.all{background:linear-gradient(145deg,#31cf8f,#2ccaca)}.category-grid button.active .category-icon{outline:2px solid #ff6a72;outline-offset:1px}.sort-tabs{display:flex;gap:23px;margin-top:20px;border-bottom:1px solid #eae8e9}.sort-tabs button{position:relative;padding:0 0 10px;border:0;background:none;color:#888488;font-size:14px}.sort-tabs button.active{color:#242126;font-weight:800}.sort-tabs button.active:after{position:absolute;right:25%;bottom:-1px;left:25%;height:3px;border-radius:3px;background:#ff5265;content:""}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:13px}.project-card{position:relative;min-width:0;padding:13px;overflow:hidden;border:1px solid white;border-radius:17px;background:#fff;box-shadow:0 8px 24px #1414190d;text-align:left}.hot-badge{position:absolute;top:0;right:0;display:flex;align-items:center;gap:2px;padding:5px 8px;border-radius:0 0 0 12px;background:linear-gradient(90deg,#ff6341,#ffab4f);color:#fff;font-size:9px;font-weight:800}.project-name{display:flex;min-width:0;align-items:center;gap:8px;padding-right:25px}.project-name>span,.detail-title>span{display:grid;width:33px;height:33px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;font-size:11px;font-weight:900}.project-name strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.reward-line{display:flex;flex-wrap:wrap;gap:3px 8px;min-height:35px;margin-top:11px;color:#ff4661;font-size:11px}.divider{height:1px;margin:8px 0;background:#f0eeee}.project-card>p{display:flex;justify-content:space-between;margin:5px 0 0;color:#aaa5a9;font-size:9px}.project-card>p span{color:#858084}.list-footer{margin:25px 0 0;color:#aaa;font-size:11px;text-align:center}.state-panel{display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#999499;font-size:13px}.state-panel button{display:flex;align-items:center;gap:5px;padding:7px 11px;border:0;border-radius:9px;background:#eaf9f7;color:#0a9991}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#1615187a}.sheet-modal{position:relative;width:min(100%,430px);max-height:86vh;padding:25px 21px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;border-radius:25px 25px 0 0;background:#fff;box-shadow:0 -18px 60px #10121433}.sheet-close{position:absolute;top:16px;right:16px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:#f4f2f3;color:#777277}.sheet-modal>h2{margin:2px 0 20px;font-size:21px}.detail-title{display:flex;align-items:center;gap:11px;padding-right:45px}.detail-title>span{width:45px;height:45px;font-size:14px}.detail-title h2{margin:0;font-size:21px}.detail-title p{margin:4px 0 0;color:#999499;font-size:12px}.reward-summary{display:flex;align-items:baseline;justify-content:space-between;margin:19px 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,#fff1ee,#fff7e8)}.reward-summary small{color:#9a7772}.reward-summary strong{color:#ff4a53;font-size:25px}.detail-section{margin-top:16px}.detail-section h3{margin:0 0 7px;font-size:14px}.detail-section p{margin:0;color:#706c70;font-size:13px;line-height:1.75;white-space:pre-wrap}.primary-action,.copy-link-button,.save-button{display:flex;width:100%;height:47px;align-items:center;justify-content:center;gap:7px;margin-top:18px;border:0;border-radius:14px;background:linear-gradient(90deg,#16c7bd,#25d99c);color:#fff;font-weight:800;box-shadow:0 10px 22px #16c7bd2e}.promotion-result{margin-top:17px;padding:13px;border-radius:13px;background:#f1faf8}.promotion-result span{color:#168b84;font-size:11px;font-weight:800}.promotion-result p{overflow-wrap:anywhere;margin:6px 0;font-size:12px;line-height:1.5}.promotion-result small{color:#d26a32;font-size:10px}.notice-list{display:grid;gap:11px}.notice-list article{padding:14px;border-radius:14px;background:#f8f8f7}.notice-list strong{font-size:14px}.notice-list p{margin:7px 0;color:#716c70;font-size:12px;line-height:1.7}.notice-list time{color:#aaa5a9;font-size:10px}.section-page{background:#f7f7f7}.section-hero{padding:30px 21px 27px}.section-hero>p{display:flex;align-items:center;gap:6px;margin:0;color:#337e78;font-size:12px;font-weight:800}.section-hero h1{margin:7px 0;font-size:25px;letter-spacing:-.04em}.section-hero>span{color:#58716f;font-size:12px}.learn-hero{background:linear-gradient(145deg,#8beadf,#dcf9ee 58%,#fff0d2)}.team-hero{background:linear-gradient(145deg,#ffd9a5,#fff1d7 52%,#e9fbf4)}.progress-card,.team-summary{display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px;padding:14px;border-radius:17px;background:#ffffffad;box-shadow:0 8px 24px #1f474412}.progress-card>div,.team-summary>div{display:flex;flex-direction:column;align-items:center;gap:3px}.progress-card>div+div,.team-summary>div+div{border-left:1px solid rgb(64 92 89 / 12%)}.progress-card strong,.team-summary strong{font-size:19px}.progress-card span,.team-summary span{color:#6b7372;font-size:10px}.section-surface{padding:16px 16px 30px}.lesson-list{display:grid;gap:11px}.lesson-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border-radius:17px;background:#fff;box-shadow:0 7px 20px #1c1e220d}.lesson-cover{display:grid;width:46px;height:46px;place-items:center;border-radius:15px;color:#fff}.lesson-body h2{margin:0;font-size:13px}.lesson-body>p{margin:4px 0;overflow:hidden;color:#888388;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.lesson-meta{display:flex;align-items:center;justify-content:space-between;color:#a09ba0;font-size:9px}.lesson-meta span{display:flex;align-items:center;gap:3px}.lesson-meta b{color:#1aa79f}.progress-track{height:4px;margin-top:5px;overflow:hidden;border-radius:9px;background:#edeaeb}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1cc9be,#47da9b)}.lesson-card>button{padding:7px 8px;border:0;border-radius:9px;background:#eaf9f7;color:#0b9b92;font-size:10px;font-weight:800}.lesson-card>button:disabled{color:#aaa;background:#f3f3f3}.team-summary{margin-top:0;background:#fff}.invite-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:13px;padding:15px;border-radius:17px;background:linear-gradient(135deg,#25252d,#3f3f49);color:#fff}.invite-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:#ffffff1f;color:#72e4d8}.invite-card small{display:block;color:#aaaab2;font-size:9px}.invite-card strong{display:block;margin-top:2px;letter-spacing:.12em}.invite-card button{display:flex;align-items:center;gap:4px;padding:7px 9px;border:0;border-radius:9px;background:#56d9c9;color:#153936;font-size:10px;font-weight:800}.copy-link-button{margin-top:10px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.section-title h2{margin:0;font-size:15px}.section-title span{color:#aaa5a9;font-size:11px}.member-list{display:grid;gap:9px}.member-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border-radius:15px;background:#fff}.member-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;background:#dcf8f4;color:#168e87;font-weight:900}.member-list strong{font-size:12px}.member-list p{margin:3px 0 0;color:#aaa5a9;font-size:9px}.member-list article>span:last-child{display:flex;align-items:center;gap:3px;color:#e29a2a;font-size:10px}.empty-card{padding:22px;border-radius:16px;background:#fff;color:#999499;font-size:12px;line-height:1.7;text-align:center}.profile-page{padding:22px 16px 30px;background:linear-gradient(#dff9f5 0,#f7f7f7 250px)}.profile-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:8px 4px 18px}.profile-avatar{display:grid;width:52px;height:52px;place-items:center;border-radius:18px;background:linear-gradient(145deg,#18c9bd,#65d8a1);color:#fff;font-size:21px;font-weight:900;box-shadow:0 10px 24px #18c6b838}.profile-header h1{margin:0;font-size:19px}.profile-header p{margin:4px 0 0;color:#777276;font-size:10px}.profile-header>svg{color:#10a99f}.balance-card{padding:19px;border-radius:21px;background:linear-gradient(135deg,#2b2b33,#43434c);color:#fff;box-shadow:0 14px 34px #1f20262b}.balance-title{display:flex;align-items:center;justify-content:space-between;color:#d0d0d4;font-size:10px}.balance-title span{display:flex;align-items:center;gap:6px}.balance-card>strong{display:block;margin:10px 0;font-size:33px}.balance-card>strong i{margin-right:4px;font-size:16px;font-style:normal}.balance-meta{display:flex;gap:18px;color:#aaaab2;font-size:9px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;padding:14px;border-radius:17px;background:#fff}.metrics-grid div{display:flex;flex-direction:column;align-items:center;gap:3px}.metrics-grid div+div{border-left:1px solid #eee}.metrics-grid strong{font-size:16px}.metrics-grid span{color:#999499;font-size:9px}.profile-menu{margin-top:12px;overflow:hidden;border-radius:17px;background:#fff}.profile-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:15px;border:0;background:#fff;color:#2d2a2e}.profile-menu button+button{border-top:1px solid #f0eeee}.profile-menu button span{display:flex;align-items:center;gap:9px;font-size:12px}.profile-menu button span svg{color:#18a89f}.profile-menu button>svg{color:#bbb7ba}.income-list article{display:flex;align-items:center;justify-content:space-between;padding:13px;border-bottom:1px solid #f1efef;background:#fff}.income-list article:first-of-type{border-radius:15px 15px 0 0}.income-list article:last-of-type{border-radius:0 0 15px 15px;border-bottom:0}.income-list strong{font-size:11px}.income-list p{margin:3px 0 0;color:#aaa5a9;font-size:9px}.income-list b{color:#16a78e;font-size:12px}.income-list b.minus{color:#e04a5d}.logout-button{display:flex;width:100%;height:44px;align-items:center;justify-content:center;gap:7px;margin-top:16px;border:0;border-radius:13px;background:#fff0f2;color:#d84258;font-size:12px;font-weight:800}.admin-page{min-height:100vh;background:#f3f5f5}.admin-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px clamp(16px,4vw,48px);background:linear-gradient(120deg,#172c2c,#233d3d);color:#fff}.admin-header button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:12px;background:#ffffff1a;color:#fff}.admin-header p{margin:0;color:#69dbcf;font-size:11px;font-weight:800}.admin-header h1{margin:2px 0 0;font-size:21px}.admin-content{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:25px 0 50px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-metrics article{display:grid;grid-template-columns:auto 1fr;gap:2px 11px;padding:17px;border-radius:16px;background:#fff;box-shadow:0 7px 22px #1e2d2d0d}.admin-metrics article>span{display:grid;width:37px;height:37px;grid-row:span 2;place-items:center;border-radius:12px;background:#e6f8f5;color:#139a91}.admin-metrics strong{font-size:18px}.admin-metrics small{color:#999}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 13px}.admin-toolbar h2{margin:0;font-size:18px}.admin-toolbar p{margin:4px 0 0;color:#999;font-size:11px}.admin-toolbar>button{display:flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:11px;background:#16aaa1;color:#fff;font-weight:800}.admin-table-wrap{overflow-x:auto;border-radius:16px;background:#fff;box-shadow:0 7px 24px #1e2d2d0d}.admin-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.admin-table th{padding:13px 14px;border-bottom:1px solid #eee;color:#888;font-size:10px;text-align:left}.admin-table td{padding:13px 14px;border-bottom:1px solid #f1f1f1}.admin-table td:first-child{display:flex;align-items:center;gap:8px}.table-mark{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:#fff;font-size:9px;font-weight:900}.status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.status-dot.active{background:#21bd83}.status-dot.disabled{background:#bbb}.table-actions{display:flex;gap:6px}.table-actions button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;background:#eff8f7;color:#168f88}.table-actions button:last-child{background:#fff0f2;color:#d9495d}.admin-modal{align-items:center;padding:20px}.project-form{width:min(780px,100%);max-height:92vh;padding:22px;overflow-y:auto;border-radius:21px;background:#fff}.project-form header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.project-form header p{margin:0;color:#169e96;font-size:10px;font-weight:800}.project-form header h2{margin:4px 0 0;font-size:20px}.project-form header button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:#f2f2f2}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label.full{grid-column:1 / -1}.form-grid label>span{display:block;margin-bottom:6px;color:#666;font-size:11px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:10px 11px;border:1px solid #e6e3e4;border-radius:10px;outline:0;background:#fafafa;color:#2a272b}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#18b5ac;box-shadow:0 0 0 3px #18b5ac1a}.form-grid input[type=color]{height:42px;padding:4px}.save-button{width:auto;min-width:140px;padding:0 20px}@media(min-width:700px){.phone-shell{min-height:calc(100vh - 44px);margin-block:22px;border-radius:28px;overflow:hidden}.bottom-nav{bottom:22px;border-radius:0 0 28px 28px}}@media(max-width:760px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}}@media(max-width:430px){.admin-content{width:calc(100% - 20px)}.admin-header{padding-inline:12px}.admin-metrics{gap:8px}.admin-metrics article{padding:12px}}