:root{--bg: #fffaf2;--bg-grad-a: #ffe4f0;--bg-grad-b: #daf5ff;--ink: #183046;--ink-soft: #35546d;--brand: #ff8a5b;--brand-strong: #ff6c38;--accent: #4ab8ff;--success: #35b779;--danger: #e55f5f;--panel: rgba(255, 255, 255, .92);--shadow: 0 14px 30px rgba(24, 48, 70, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:var(--ink);background:linear-gradient(135deg,#fff7ef,#fff3fa 48%,#eef8ff)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{position:relative;min-height:100vh}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,2rem)}.brand{font-size:1.2rem;font-weight:800;color:var(--ink)}.top-nav-links{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.top-nav-links a{color:var(--ink-soft);font-weight:700}.language-select{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink-soft);font-weight:700}.language-select select{border:1px solid rgba(24,48,70,.18);border-radius:10px;padding:.35rem .5rem;background:#fff;font:inherit;color:var(--ink)}.page-container{width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:.5rem 0 2.5rem}.panel{background:var(--panel);border:1px solid rgba(24,48,70,.08);border-radius:20px;box-shadow:var(--shadow);padding:clamp(1rem,2.5vw,1.5rem)}.chip{display:inline-flex;background:#4ab8ff29;color:var(--ink-soft);font-size:.85rem;font-weight:700;padding:.35rem .7rem;border-radius:999px}.home-hero{display:grid;gap:1rem}.home-copy h1{margin:.6rem 0;font-size:clamp(1.6rem,4.8vw,2.5rem);line-height:1.2}.home-copy p{line-height:1.65;color:var(--ink-soft)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.feature-grid article{background:#ffffffbf;border-radius:14px;padding:.9rem}.feature-grid h2{margin:0;font-size:1.05rem}.feature-grid p{margin:.5rem 0 0;color:var(--ink-soft)}.auth-wrap{max-width:560px;margin:0 auto}.stack-form{display:grid;gap:.8rem;margin:1rem 0}label{display:grid;gap:.35rem;font-weight:700;color:var(--ink-soft)}input,select,textarea{width:100%;border:1px solid rgba(24,48,70,.18);border-radius:12px;padding:.75rem .85rem;font-size:1rem;font-family:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid rgba(74,184,255,.35);border-color:var(--accent)}.primary-button,.secondary-button,.ghost-button,.danger-button{border:none;border-radius:12px;padding:.75rem 1rem;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .15s ease,filter .15s ease}.primary-button{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff}.secondary-button{background:#4ab8ff33;color:var(--ink)}.ghost-button{background:transparent;border:1px solid rgba(24,48,70,.2);color:var(--ink-soft)}.danger-button{background:#e55f5f2e;color:#a53a3a}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px);filter:brightness(1.03)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-dashboard{display:grid;gap:1rem}.welcome-banner p{margin:.3rem 0 0;color:var(--ink-soft)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.math-generator-main h1,.math-generator-side h2{margin:0}.math-generator-main>p,.math-generator-side p{margin:0;color:var(--ink-soft)}.panel-tab-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:1rem}.panel-tab{border:1px solid rgba(24,48,70,.12);border-radius:14px;background:#ffffffdb;color:var(--ink-soft);font:inherit;font-weight:800;padding:.9rem 1rem;cursor:pointer;text-align:center}.panel-tab.is-active{background:linear-gradient(135deg,#ff8a5b29,#4ab8ff1f);border-color:#ff6c384d;color:var(--ink)}.panel-tab-panel h2{margin:0}.panel-tab-panel>p{margin:.5rem 0 0;color:var(--ink-soft)}.set-list{display:grid;gap:.7rem}.set-card{border:1px solid rgba(24,48,70,.12);border-radius:14px;padding:.8rem;display:grid;gap:.5rem}.set-card h3{margin:0}.set-card p{margin:.2rem 0;color:var(--ink-soft);font-size:.95rem}.set-meta-list{display:grid;gap:.45rem;margin-top:.4rem}.set-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.set-meta-label{color:var(--ink-soft);font-size:.95rem}.set-meta-value{color:var(--ink);font-weight:700;text-align:right}.inline-control{display:inline-flex;align-items:center}.inline-control input[type=checkbox]{width:1.05rem;height:1.05rem}.inline-number-input{width:112px;text-align:right;padding:.42rem .55rem}.set-card-actions{display:flex;flex-wrap:wrap;gap:.55rem}.validation-box{margin-top:.75rem;background:#e55f5f1f;border:1px solid rgba(229,95,95,.35);border-radius:12px;padding:.7rem}.validation-box h3{margin:0;font-size:1rem}.validation-box ul{margin:.6rem 0 0;padding-left:1.2rem}.quiz-panel h1{margin-top:.2rem;font-size:clamp(1.45rem,4vw,2rem)}.quiz-header{display:grid;gap:.4rem;color:var(--ink-soft);font-weight:700}.quiz-header p{margin:0}.quiz-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.quiz-time{margin:0}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.open-action-grid{display:grid;gap:.75rem;margin-top:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.choice-button{border:1px solid rgba(24,48,70,.14);background:#fff;border-radius:14px;padding:.95rem;text-align:left;display:grid;gap:.35rem;min-height:90px;cursor:pointer;font:inherit}.choice-button span{color:var(--accent);font-weight:800}.choice-button strong{font-size:1.05rem}.choice-button:hover{border-color:var(--accent);background:#4ab8ff14}.feedback-text{margin-top:1rem;color:var(--success);font-weight:800}.error-text{color:var(--danger);font-weight:700}.result-panel .result-list{display:grid;gap:.65rem;margin:1rem 0}.result-item{border:1px solid rgba(24,48,70,.12);border-radius:12px;padding:.8rem}.result-open-response{color:var(--ink-soft);font-weight:700}.math-generator-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);gap:1rem}.math-generator-main{display:grid;gap:.9rem}.math-generator-side{display:grid;gap:1rem;align-content:start}.math-option-group{border:none;padding:0;margin:0;display:grid;gap:.5rem}.math-option-group legend{font-weight:800;color:var(--ink-soft)}.segmented-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.segmented-option{border:1px solid rgba(24,48,70,.12);border-radius:14px;background:#fff;padding:.9rem;cursor:pointer;font-weight:800;color:var(--ink-soft)}.segmented-option input{position:absolute;opacity:0;pointer-events:none}.segmented-option.is-active{border-color:#ff6c3873;background:#ff8a5b1f;color:var(--ink)}.math-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.math-generator-note,.math-preview-card{border:1px solid rgba(24,48,70,.1);border-radius:16px;background:#ffffffc7;padding:.9rem}.math-generator-note p,.math-preview-card p{margin-top:.45rem}.math-preview-expression{font-size:1.8rem;font-weight:800;color:var(--ink)}.math-preview-list{margin:0;padding-left:1.2rem;color:var(--ink-soft);display:grid;gap:.45rem}.arithmetic-quiz-panel{max-width:720px;margin:0 auto}.math-answer-stage{display:grid;gap:.6rem;margin-top:.8rem}.math-formula-display{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.math-formula-display h1{margin:0}.math-answer-label{margin:0;color:var(--ink-soft);font-weight:800}.math-answer-display{min-height:92px;min-width:140px;border-radius:18px;background:linear-gradient(135deg,#183046,#274760);color:#fff;padding:1rem 1.1rem;display:flex;align-items:center;justify-content:flex-end;font-size:clamp(2rem,7vw,3rem);font-weight:800;letter-spacing:.04em}.calculator-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.calculator-key{min-height:78px;border:1px solid rgba(24,48,70,.12);border-radius:18px;background:#fff;color:var(--ink);font:inherit;font-size:1.55rem;font-weight:800;cursor:pointer}.calculator-key:hover{border-color:var(--accent);background:#4ab8ff14}.calculator-key-danger{color:#a12626;background:#fff2f2;border-color:#a1262638}.calculator-key-success{color:#146c2e;background:#effcf3;border-color:#146c2e38}.calculator-key-danger:hover{background:#ffe5e5;border-color:#a126265c}.calculator-key-success:hover{background:#dff7e7;border-color:#146c2e5c}@media(max-width:920px){.feature-grid,.dashboard-grid,.math-generator-layout{grid-template-columns:1fr}.math-formula-display{align-items:stretch;flex-direction:column}}@media(max-width:640px){.page-container{width:calc(100% - 1rem)}.top-nav{align-items:flex-start;flex-direction:column}.choice-grid,.open-action-grid,.segmented-options,.math-range-grid{grid-template-columns:1fr}.set-meta-row{align-items:flex-start;flex-direction:column;gap:.3rem}.set-meta-value,.inline-number-input{text-align:left}}