.learning-account-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 22px;background:#e8f4f2;border-bottom:1px solid #c3dcd8;color:#174e50;font:13px/1.5 'Microsoft YaHei',sans-serif}.learning-account-bar a{font-weight:700;white-space:nowrap}.learning-account-bar span{min-width:0}.account-page{max-width:1080px;padding-bottom:50px}.account-page>.eyebrow{margin-top:25px}.account-card{background:white;border:1px solid var(--border);border-radius:12px;padding:26px;margin:24px 0}.account-card h2{font-size:21px;margin:0 0 12px}.account-card p{color:var(--muted);font-size:14px}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-tabs{display:flex;gap:10px;margin-bottom:20px}.account-card form{max-width:490px}.account-card label{display:block;margin:12px 0;font-size:14px}.account-card input:not([type=checkbox]){display:block;width:100%;padding:10px 12px;border:1px solid #9bb4bd;border-radius:6px;margin-top:5px;background:#fff}.account-card .account-check{display:flex;gap:10px;align-items:flex-start}.account-check input{margin-top:5px}.point-total{font-size:38px;color:var(--teal);display:inline-block;margin-left:10px}.account-table-wrap{overflow-x:auto}.account-card table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.account-card th,.account-card td{padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.account-card progress{width:90px;accent-color:var(--teal)}.account-card li{margin:8px 0}.account-card td a{color:var(--teal);white-space:nowrap}.account-card #pointsLedger{padding-left:20px;font-size:14px}#accountError,#authFeedback,#profileFeedback{font-size:14px;color:#915415}#learningPointsFeedback{padding:12px;background:#e8f4f2;color:#174e50;border-radius:6px}[hidden]{display:none!important}@media(max-width:680px){.learning-account-bar{padding:8px 14px;font-size:11px;align-items:flex-start}.account-card{padding:18px}.account-heading{align-items:flex-start}.account-card th,.account-card td{padding:10px 6px}.account-card table{min-width:520px}.account-page h1{font-size:28px}.account-card .point-total{font-size:30px}}

.account-card select{border:1px solid #9bb4bd;border-radius:5px;padding:5px;background:white;font-size:12px}@media(max-width:680px){.account-card table{min-width:0}.account-table-wrap:has(#learningCourses){overflow:visible}.account-table-wrap:has(#learningCourses) thead{display:none}#learningCourses{display:block}#learningCourses tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);padding:12px 0;gap:8px}#learningCourses td{display:block;padding:4px 0;border:0}#learningCourses td:first-child{grid-column:1/-1;font-weight:700}#learningCourses td:not(:first-child)::before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.account-heading select{max-width:130px}}

/* 微信扫码登录浮层 */
.qr-mask{position:fixed;inset:0;background:rgba(15,43,56,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.qr-modal{background:#ffffff;border-radius:20px;padding:36px 32px;max-width:400px;width:100%;text-align:center;box-shadow:0 24px 48px rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.8);animation:qrPop 0.25s cubic-bezier(0.16,1,0.3,1)}
@keyframes qrPop{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}
.qr-title{font-size:22px;font-weight:750;color:#0f2b38;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:8px}
.qr-sub{font-size:13px;color:#64748b;margin-bottom:24px;line-height:1.5}
.qr-box{width:220px;height:220px;margin:0 auto 20px;background:#f8fafc;border:2px dashed #087e8b;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:12px}
.qr-box canvas,.qr-box svg{width:100%;height:100%;object-fit:contain}
.qr-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#07c160,transparent);box-shadow:0 0 8px #07c160;animation:qrScan 2.4s ease-in-out infinite}
@keyframes qrScan{0%,100%{top:4%}50%{top:94%}}
.qr-badge{display:inline-flex;align-items:center;gap:6px;background:#e6f8ee;color:#07c160;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:18px}
.qr-dev-btn{background:#eaf1f5;color:#17314b;border:none;padding:10px 18px;border-radius:8px;font-size:12px;cursor:pointer;margin-top:16px;transition:background 0.2s;width:100%}
.qr-dev-btn:hover{background:#dbe6ed}
.page-locked{overflow:hidden!important}