:root{color:#2f2414;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffdda580,#0000 24%),radial-gradient(circle at 80% 20%,#f5a34038,#0000 18%),linear-gradient(#fff8ee,#f7efe0 55%,#f4ead6);font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}#root{min-height:100vh}a{color:inherit}.app-shell{gap:20px;width:min(1440px,100% - 32px);margin:24px auto;display:grid}.hero-panel{background:radial-gradient(circle at 100% 0,#ffd78cd9,#0000 30%),linear-gradient(135deg,#faf7eafa,#fffffff5);border:1px solid #785c2724;border-radius:28px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:20px;padding:28px;display:grid;box-shadow:0 24px 60px #4e36131f}.hero-copy-block{align-content:start;display:grid}.hero-side{gap:14px;display:grid}.sync-panel,.hero-stats article,.record-card,.knowledge-grid article,.question-card,.empty-card{background:#ffffffe0;border:1px solid #785c271f;border-radius:22px;box-shadow:0 10px 28px #31220b14}.sync-panel{gap:12px;padding:18px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#9a6b1f;margin:0 0 12px;font-size:.78rem}.hero-panel h1{margin:0;font-size:clamp(2.2rem,3vw,3.6rem);line-height:1.02}.hero-copy{color:#5d4c34;max-width:62ch;margin-top:16px;font-size:1rem}.player-title{color:#38250b;font-size:1.35rem}.sync-banner{border-radius:16px;gap:6px;margin:0;padding:12px 14px;font-size:.95rem;display:grid}.sync-banner strong{color:#38250b}.sync-banner span{color:#5f4d34}.sync-banner.guest,.sync-banner.local,.sync-banner.connecting{background:#f6efdde6}.sync-banner.synced{background:#dff2d9e0}.sync-banner.error{background:#ffe6dfe0}.player-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.player-input,.answer-box input{height:52px;font:inherit;background:#ffffffe0;border:1px solid #785c2733;border-radius:16px;padding:0 16px}.player-input:focus,.answer-box input:focus{border-color:#d96b1d;outline:2px solid #d96b1d4d}.inline-actions{gap:8px;display:grid}.support-note{color:#766449}.hero-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.hero-stats article{gap:8px;padding:18px;display:grid}.hero-stats span,.card-label,.question-meta,.panel-heading p,.muted,.semester-chip small,.unit-card small,.point-card small{color:#766449}.hero-stats strong{font-size:1.9rem}.semester-strip{grid-template-columns:repeat(8,minmax(100px,1fr));gap:10px;display:grid}.semester-chip,.mode-chip,.primary-button,.secondary-button,.option-card,.unit-card,.point-card,.wrong-item{cursor:pointer;border:0;transition:transform .16s,box-shadow .16s,background .16s}.semester-chip{text-align:left;color:#412f15;background:#fffbf4d6;border:1px solid #785c271f;border-radius:18px;gap:6px;padding:16px 14px;display:grid}.semester-chip.active,.mode-chip.active,.option-card.active,.point-card.active,.unit-card.active{color:#fff8eb;background:linear-gradient(135deg,#d96b1d,#f4b942);box-shadow:0 12px 28px #b8611847}.semester-chip:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.52}.layout-grid{grid-template-columns:320px minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.catalog-panel,.practice-panel,.knowledge-panel,.insight-panel{gap:16px;display:grid}.catalog-panel,.insight-panel{position:sticky;top:18px}.panel-heading h2,.question-card h3{margin:0}.panel-heading{gap:4px;display:grid}.unit-list,.point-list,.wrong-question-list{gap:12px;display:grid}.unit-card,.point-card,.wrong-item{text-align:left;background:#fffbf4d6;border:1px solid #785c271f;border-radius:20px;gap:8px;padding:16px;display:grid}.unit-card span,.point-card span,.wrong-item span,.knowledge-grid p,.knowledge-grid li,.feedback-card p,.metric-list span,.weak-list span,.answer-box span,.question-prompt{color:#5b4931}.content-column{gap:20px;display:grid}.knowledge-panel,.practice-panel,.record-card,.catalog-panel{background:#fffcf7d1;border:1px solid #785c271f;border-radius:24px;padding:22px;box-shadow:0 16px 38px #31220b14}.knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.knowledge-grid article{padding:18px}.knowledge-grid ol{margin:12px 0 0;padding-left:20px}.tag-list{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.tag-list li,.question-meta span,.metric-list li,.weak-list li{background:#f4e8cdc7;border-radius:999px;padding:7px 12px}.tag-list.compact{margin-top:18px}.practice-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.mode-switcher{flex-wrap:wrap;gap:10px;display:flex}.mode-chip,.secondary-button,.primary-button{border-radius:999px;padding:12px 18px;font-weight:700}.mode-chip,.secondary-button{color:#5f4a2d;background:#f6efdde6}.primary-button{color:#fff8eb;background:linear-gradient(135deg,#cc4f1b,#f29b38)}.question-card,.empty-card{padding:22px}.question-meta{flex-wrap:wrap;gap:8px;font-size:.88rem;display:flex}.question-prompt{margin:12px 0 20px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.option-card{text-align:left;background:#f6efddbf;border-radius:18px;gap:8px;padding:16px;display:grid}.answer-box{gap:10px;display:grid}.question-actions{gap:12px;margin-top:18px;display:flex}.feedback-card{border-radius:18px;margin-top:18px;padding:16px}.feedback-card.correct{background:#dff2d9e0;border:1px solid #508c483d}.feedback-card.wrong{background:#ffe6dfe0;border:1px solid #cb5d393d}.metric-list,.weak-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.metric-list li,.weak-list li{justify-content:space-between;align-items:center;display:flex}.card-label{font-size:.85rem;font-weight:700}.muted{margin:0}.semester-chip:hover:not(:disabled),.mode-chip:hover,.primary-button:hover:not(:disabled),.secondary-button:hover,.option-card:hover,.unit-card:hover,.point-card:hover,.wrong-item:hover{transform:translateY(-2px);box-shadow:0 16px 30px #4830101f}@media (width<=1200px){.layout-grid,.hero-panel,.player-form{grid-template-columns:1fr}.catalog-panel,.insight-panel{position:static}.knowledge-grid{grid-template-columns:1fr}}@media (width<=900px){.app-shell{width:min(100% - 20px,1440px);margin:12px auto 24px}.hero-stats,.semester-strip,.option-grid{grid-template-columns:1fr}.practice-topbar,.question-actions{flex-direction:column;align-items:stretch}}