*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-bg:#eef2ff;--accent:#f59e0b;--bg:#f8fafc;--card:#fff;--border:#e2e8f0;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius:16px;--radius-sm:10px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--card);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-sm);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:12px 24px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{font-size:36px;line-height:1}.logo-text h1{color:var(--text);font-size:20px;font-weight:700;line-height:1.3}.logo-text p{color:var(--text-muted);font-size:12px;font-weight:400}.header-right{gap:8px;display:flex}.header-btn{border-radius:var(--radius-sm)!important;border-color:var(--border)!important;color:var(--text-secondary)!important;font-weight:500!important}.header-btn:hover{color:var(--primary)!important;border-color:var(--primary)!important}.app-main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px}.main-layout{grid-template-columns:360px 1fr;align-items:start;gap:24px;display:grid}.sidebar-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);position:sticky;top:80px;overflow:hidden}.sidebar-header{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;align-items:center;gap:8px;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.sidebar-icon{font-size:16px}.sidebar-body{max-height:calc(100vh - 160px);padding:20px;overflow-y:auto}.content-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.content-header{border-bottom:1px solid var(--border);background:#fafbfc;padding:16px 20px}.content-title{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.content-icon{color:var(--primary);font-size:16px}.problem-count{background:var(--primary-bg);color:var(--primary);border-radius:20px;margin-left:4px;padding:2px 10px;font-size:12px;font-weight:600}.content-body{min-height:400px;max-height:calc(100vh - 280px);padding:20px;overflow-y:auto}.action-bar{justify-content:center;gap:16px;margin-top:20px;display:flex}.btn-generate{border-radius:var(--radius-sm)!important;background:linear-gradient(135deg, var(--primary), var(--primary-dark))!important;border:none!important;min-width:160px!important;height:48px!important;font-size:15px!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 14px #6366f159!important}.btn-generate:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #6366f173!important}.btn-export{border-radius:var(--radius-sm)!important;border:2px solid var(--primary)!important;min-width:160px!important;height:48px!important;color:var(--primary)!important;background:var(--card)!important;font-size:15px!important;font-weight:600!important;transition:all .2s!important}.btn-export:hover:not(:disabled){background:var(--primary-bg)!important;transform:translateY(-1px)!important}.settings-panel{flex-direction:column;gap:18px;display:flex}.setting-item{flex-direction:column;gap:6px;display:flex}.setting-label{color:var(--text);letter-spacing:.02em;font-size:13px;font-weight:600}.setting-control{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setting-control .ant-slider{flex:1}.setting-hint{color:var(--text-muted);font-size:12px;font-style:italic}.setting-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.setting-item-half{gap:6px}.radio-full{width:100%;display:flex}.radio-full .ant-radio-button-wrapper{text-align:center;flex:1}.checkbox-grid{grid-template-columns:1fr 1fr;gap:4px 8px;display:grid}.preview-panel{min-height:360px}.preview-empty{min-height:360px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.preview-empty-icon{opacity:.3;font-size:48px}.preview-empty p{font-size:15px}.preview-content{flex-direction:column;gap:8px;display:flex}.preview-row{align-items:center;gap:6px;display:grid}.preview-item{border-radius:var(--radius-sm);background:var(--primary-bg);text-align:left;border:1px solid #0000;padding:10px 14px;transition:all .15s}.preview-item:hover{border-color:var(--primary-light);background:#e8ecff}.problem-expression{white-space:nowrap;align-items:center;gap:3px;font-family:Times New Roman,Cambria Math,serif;font-size:15px;display:inline-flex}.fraction-expression{align-items:center}.problem-index{color:var(--primary);margin-right:2px;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.problem-text{font-size:15px}.problem-blank{color:#cbd5e1;letter-spacing:1px}.math-integer{font-family:Times New Roman,Cambria Math,serif;font-size:15px}.math-fraction{vertical-align:middle;align-items:center;margin:0 3px;display:inline-flex}.fraction-body{vertical-align:middle;flex-direction:column;align-items:center;display:inline-flex}.fraction-numerator{padding:0 3px;font-family:Times New Roman,Cambria Math,serif;font-size:13px;line-height:1.2}.fraction-line{background:var(--text);width:100%;min-width:16px;height:1.5px;margin:1px 0}.fraction-denominator{padding:0 3px;font-family:Times New Roman,Cambria Math,serif;font-size:13px;line-height:1.2}.fraction-operator{margin:0 3px;font-size:15px}.settings-drawer .ant-drawer-content-wrapper{width:400px!important}.preview-drawer .ant-drawer-content-wrapper{width:700px!important}.ant-drawer .settings-panel{gap:22px}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary)!important;border-color:var(--primary)!important}.ant-radio-button-wrapper-checked{background:var(--primary)!important;border-color:var(--primary)!important}.ant-slider-track{background:var(--primary)!important}.ant-slider-handle{border-color:var(--primary)!important}.ant-slider-handle:after{box-shadow:0 0 0 2px var(--primary)!important}@media (width<=960px){.main-layout{grid-template-columns:1fr}.sidebar-card{position:static}.header-inner{flex-direction:column;gap:12px}.settings-drawer .ant-drawer-content-wrapper,.preview-drawer .ant-drawer-content-wrapper{width:100%!important}}@media (width<=600px){.app-main{padding:12px}.action-bar{flex-direction:column}.btn-generate,.btn-export{width:100%!important}}