:root{font-family:Microsoft YaHei,Inter,system-ui,sans-serif;color:#17233d;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.center{min-height:100vh;display:grid;place-items:center}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 18%,#ffeaa6,transparent 32%),linear-gradient(135deg,#d8f4ff,#fff7df)}.login-card{display:grid;gap:14px;width:420px;padding:34px;border-radius:26px;background:#fff;box-shadow:0 24px 80px #23395c2e}.logo{font-size:52px}.login-card h1{margin:0;font-size:32px}.login-card p{margin:0;color:#60708b}input{min-height:46px;border:1px solid #dce5f0;border-radius:14px;padding:0 14px}button,.primary{min-height:46px;border:0;border-radius:14px;padding:0 18px;background:#2f6df6;color:#fff;font-weight:900;cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.nav{display:grid;align-content:start;gap:12px;padding:24px;background:#102f3a;color:#eafcff}.nav b{font-size:22px}.nav span{color:#a7c8cf}.nav a{border-radius:14px;padding:13px 14px;background:#ffffff14;font-weight:800}.content{padding:28px;overflow:auto}.low-grade{background:linear-gradient(180deg,#fff8d9,#dff9ff)}.low-grade .nav{background:linear-gradient(180deg,#168477,#155b6d)}.low-grade .hero-task,.low-grade .metric,.low-grade .task-card{border-radius:26px;border:2px solid rgba(255,190,74,.45)}.low-grade h1{font-size:38px}.low-grade .entry-row a{font-size:22px;min-height:86px}.high-grade .nav{background:#132238}.high-grade .hero-task,.high-grade .metric,.high-grade .task-card{border-radius:12px}.home-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:16px}.hero-task{display:grid;gap:12px;padding:26px;background:#fff;box-shadow:0 14px 40px #273b5e1a}.hero-task h1{margin:0}.hero-task p{color:#60708b}.hero-task .primary{display:inline-grid;place-items:center;width:fit-content}.metric{display:grid;gap:8px;padding:22px;background:#fff;box-shadow:0 12px 30px #273b5e14}.metric span{color:#6a7890}.metric strong{font-size:32px}.entry-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.entry-row a{display:grid;place-items:center;min-height:70px;border-radius:18px;background:#fff;font-weight:900;box-shadow:0 12px 28px #273b5e14}.task-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.task-card{display:grid;gap:8px;padding:18px;background:#fff;border:1px solid #dfe7f0;box-shadow:0 10px 24px #273b5e0f}.task-card span{color:#64748b}.learn-card{max-width:920px;display:grid;gap:16px;padding:28px;border-radius:18px;background:#fff;box-shadow:0 16px 44px #273b5e1a}.learn-card small{color:#6b7a90;font-weight:800}.learn-card h1{margin:0}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.options button{background:#f3f7ff;color:#17233d;border:1px solid #d9e5ff}.correct,.wrong{padding:16px;border-radius:14px}.correct{background:#e7faef;color:#0f6938}.wrong{background:#fff4df;color:#895000}.search{width:min(720px,100%);margin-bottom:16px}.data-pre{overflow:auto;padding:18px;border-radius:14px;background:#0e1728;color:#d9f99d}.carry{margin-top:18px;display:grid;gap:10px}.admin{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.admin section{padding:28px}.inline-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}@media(max-width:1100px){.app,.admin{grid-template-columns:1fr}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.home-grid,.entry-row{grid-template-columns:1fr 1fr}}