:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#e8f8ff;background:#071426;line-height:1.5;--cyan:#00e5ff;--blue:#1677ff;--orange:#ffb52e;--panel:#0d2038;--line:#1b4770}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,#123760 0,#071426 42%,#040b16 100%);min-height:100vh}.app-shell{max-width:780px;margin:auto;padding:24px 16px 52px;position:relative}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#00e5ff 1px,transparent 1px),linear-gradient(90deg,#00e5ff 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;position:relative}h1,h2,p{margin:0}h1{font-size:25px;letter-spacing:.04em;color:#fff;text-shadow:0 0 14px #00d9ff88}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.12em}.card{background:linear-gradient(145deg,#112b49dd,#091a2ddd);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #0007,inset 0 0 24px #00d9ff08}.auth{padding:18px;margin-bottom:18px}.auth p{color:#9fc4d8;font-size:13px}.auth-row{display:flex;gap:8px;margin-top:12px}.auth-row input,.auth-row select{flex:1;padding:11px;background:#061426;color:#e8f8ff;border:1px solid #2a668c;border-radius:9px;font-size:14px}.primary{border:1px solid #55efff;border-radius:9px;padding:10px 14px;background:linear-gradient(135deg,#00b8d4,#176cff);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 0 16px #00d9ff55}.auth small{display:block;color:var(--cyan);margin-top:8px}.hero{display:flex;justify-content:space-between;gap:20px;padding:22px;margin-bottom:18px;border-color:#2679a2;background:linear-gradient(135deg,#102f50,#0a1930)}.progress-line{display:flex;align-items:baseline;gap:10px;margin:7px 0}.progress-line strong{font-size:34px;color:var(--cyan);text-shadow:0 0 12px #00e5ff99}.progress-line span,.section-title p,.reward p{color:#9fc4d8;font-size:13px}.progress{height:12px;width:min(440px,65vw);background:#061426;border:1px solid #23658a;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 14px var(--cyan);border-radius:99px;transition:.25s}.score{text-align:right}.score span,.score small{display:block;color:#9fc4d8;font-size:12px}.score strong{font-size:36px;color:var(--orange);text-shadow:0 0 12px #ffb52e88}.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tab,.secondary{border:1px solid var(--line);border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.tab{background:#0d2139;color:#8eb5cb}.tab.active{background:linear-gradient(135deg,#0fa6c5,#1e63db);color:#fff;border-color:#54eaff;box-shadow:0 0 14px #00d9ff55}.secondary{background:#102d49;color:var(--cyan)}.hidden{display:none}.panel{display:none}.panel.active{display:block}.locked{opacity:.75}.section-title{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px}.section-title h2{font-size:20px;color:#fff}.pill{padding:6px 10px;background:#3c2c12;color:var(--orange);border:1px solid #9a671b;border-radius:99px;font-size:12px}.task-list{display:grid;gap:10px}.task{display:flex;align-items:center;gap:10px;padding:14px;background:#0c1f36;border:1px solid #1d4567;border-left:4px solid #23658a;border-radius:12px;transition:.2s}.task:hover{border-color:var(--cyan);transform:translateX(2px)}.task.done{background:#0b302f;border-color:#1f8e86;border-left-color:#21e6c1;box-shadow:0 0 14px #00e5ff18}.task input{width:22px;height:22px;accent-color:#20e6c1}.task-main{flex:1}.task-main strong{display:block;color:#fff}.task-main small{color:#8fb7cb}.points{color:var(--orange);font-weight:800}.upload-task{border:1px solid #2b94c1;border-radius:8px;padding:7px 9px;background:#0c2c4a;color:var(--cyan);font-weight:800;cursor:pointer}.tip{margin-top:16px;padding:12px 14px;background:#302411;border:1px solid #805b1d;border-radius:10px;color:#ffd77b;font-size:13px}.review-list{display:grid;gap:10px}.review-item{padding:15px;background:#0c1f36;border:1px solid #2b668c;border-radius:12px}.review-item strong,.review-item small{display:block}.review-item small{color:#9fc4d8;margin:5px 0 12px}.review-actions{display:flex;gap:8px}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;cursor:pointer;border:2px dashed #2b94c1;color:var(--cyan)}.upload input{display:none}.upload-icon{font-size:44px;line-height:1;text-shadow:0 0 16px var(--cyan)}.upload small{color:#9fc4d8;margin-top:3px}.empty{text-align:center;padding:30px;color:#9fc4d8;background:#0b1d32;border-radius:12px}.reward{display:flex;justify-content:space-between;align-items:center;padding:18px;margin-bottom:12px}.reward-score b{font-size:30px;color:var(--cyan)}.reward-score span{color:#9fc4d8;font-size:13px}@media(max-width:520px){.hero{padding:16px}.score{min-width:82px}.progress{width:52vw}h1{font-size:21px}.task{padding:12px}.section-title{align-items:flex-start}.auth-row{flex-direction:column}}