*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f7fa;color:#2c3e50}.container{max-width:960px;margin:0 auto;padding:20px}.login-box{max-width:380px;margin:80px auto;background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 12px #00000014}.login-box h1{font-size:22px;margin-bottom:8px}.login-box p.tip{color:#888;font-size:13px;margin-bottom:24px}.login-box input{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.login-box button{width:100%;padding:11px;background:#4f7cff;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer}.login-box button:hover{background:#3a66e0}.demo-accounts{margin-top:16px;font-size:12px;color:#666;line-height:1.8}.nav{background:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.nav .brand{font-weight:600;color:#4f7cff}.nav .links a{margin-right:16px;color:#555;text-decoration:none;font-size:14px}.nav .links a.active{color:#4f7cff;font-weight:600}.nav button{background:none;border:none;color:#888;cursor:pointer;font-size:13px}.card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a}.card h2{font-size:16px;margin-bottom:12px;color:#2c3e50}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-item{background:#f0f4ff;padding:12px;border-radius:8px;text-align:center}.profile-item .num{font-size:22px;font-weight:700;color:#4f7cff}.profile-item .label{font-size:12px;color:#666;margin-top:4px}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.word-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:14px}.word-card .w{font-size:18px;font-weight:600}.word-card .phonetic{color:#888;font-size:12px;margin-left:6px}.word-card .pos{color:#4f7cff;font-size:12px;margin-right:6px}.word-card .cn{margin-top:6px;color:#333;font-size:14px}.word-card .ex{margin-top:8px;font-size:12px;color:#777;line-height:1.5}.mastery-bar{height:4px;background:#eee;border-radius:2px;margin-top:10px;overflow:hidden}.mastery-bar>div{height:100%;background:#4f7cff}.quiz-box{text-align:center;padding:30px}.quiz-box .big-word{font-size:36px;font-weight:700;margin-bottom:8px}.quiz-box .options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.quiz-box .options button{padding:14px;background:#f5f7fa;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:15px}.quiz-box .options button:hover{background:#e8eeff;border-color:#4f7cff}.quiz-box .options button.correct{background:#d4f7dc;border-color:#2ecc71}.quiz-box .options button.wrong{background:#fdd;border-color:#e74c3c}.feedback{margin-top:16px;font-size:14px;min-height:20px}.chat-window{height:420px;overflow-y:auto;padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:12px}.chat-msg{margin-bottom:12px;max-width:80%;padding:10px 14px;border-radius:10px;font-size:14px;line-height:1.6;white-space:pre-wrap}.chat-msg.user{background:#4f7cff;color:#fff;margin-left:auto}.chat-msg.assistant{background:#fff;border:1px solid #eee;margin-right:auto}.chat-input{display:flex;gap:8px}.chat-input input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:8px}.chat-input button{padding:0 20px;background:#4f7cff;color:#fff;border:none;border-radius:8px;cursor:pointer}.suggestions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.suggestions button{background:#eef2ff;color:#4f7cff;border:none;padding:6px 12px;border-radius:16px;font-size:12px;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:left;border-bottom:1px solid #eee;font-size:14px}th{color:#888;font-weight:500;font-size:12px}tr:hover{background:#f9fafb;cursor:pointer}.back-link{color:#4f7cff;cursor:pointer;font-size:13px;margin-bottom:12px;display:inline-block}