*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}
body{background:#f5f7fa;color:#333;padding-bottom:70px;}
.top-bar{background:linear-gradient(135deg,#1677ff,#4096ff);color:#fff;padding:40px 16px 20px;}
.top-bar h1{font-size:20px;margin-bottom:8px;}
.card{background:#fff;border-radius:12px;margin:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.subject-item{background:#f8fafc;border-radius:10px;padding:20px 8px;text-align:center;}
.subject-item .icon{font-size:28px;margin-bottom:8px;}
.subject-item .name{font-size:14px;font-weight:500;}
.subject-item .count{font-size:12px;color:#999;margin-top:4px;}
.btn{width:100%;height:48px;border:none;border-radius:24px;background:#1677ff;color:#fff;font-size:16px;margin:8px 0;}
.btn.light{background:#e6f4ff;color:#1677ff;}
.btn.danger{background:#fff1f0;color:#ff4d4f;}
.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;height:60px;display:flex;border-top:1px solid #eee;}
.tab-item{flex:1;text-align:center;padding-top:8px;font-size:12px;color:#999;}
.tab-item.active{color:#1677ff;}
.tab-item .ico{font-size:20px;display:block;margin-bottom:2px;}
.tip{font-size:12px;color:#faad14;padding:8px 16px;background:#fffbe6;border-radius:8px;margin:12px;}
input,textarea,select{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;margin:8px 0;}
textarea{min-height:100px;}
.error-item{display:flex;gap:12px;padding:12px;border-bottom:1px solid #f0f0f0;}
.error-item img{width:70px;height:70px;border-radius:8px;object-fit:cover;}
.fab{position:fixed;right:20px;bottom:80px;width:56px;height:56px;border-radius:50%;background:#1677ff;color:#fff;font-size:30px;border:none;box-shadow:0 4px 12px rgba(22,119,255,0.4);}
.row{display:flex;gap:12px;margin:12px 0;}
.row img{flex:1;border-radius:8px;width:50%;}
.back{position:absolute;left:16px;top:44px;color:#fff;font-size:24px;}