:root{color:#25312d;background:#f3eadb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;cursor:pointer}textarea,input{width:100%;border:1px solid #eadcc6;border-radius:14px;color:#25312d;background:#fffdf9;outline:none}textarea{min-height:92px;padding:12px 14px;resize:vertical;line-height:1.6}input{min-height:44px;padding:0 14px}.app-shell{min-height:100vh;display:flex;justify-content:center;background:radial-gradient(circle at top left,rgba(249,184,60,.2),transparent 30%),linear-gradient(180deg,#f9f0df,#eef5ec)}.app-frame{width:min(100%,430px);min-height:100vh;display:flex;flex-direction:column;position:relative;background:#fff9ee;box-shadow:0 20px 70px #50412629}.topbar{display:grid;grid-template-columns:86px 1fr 86px;align-items:center;gap:12px;padding:18px 16px 14px;border-bottom:1px solid #eadcc6;background:linear-gradient(135deg,#fff8e6,#f9edcf)}.brand-mini{display:flex;align-items:center;gap:6px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#f5ad2f;font-size:24px}.brand-mini span{color:#b88017;font-size:12px;font-weight:900;white-space:nowrap}.brand-copy{flex:1;min-width:0;text-align:center}.brand-copy p,.section-title p{margin:0;color:#8a765b;font-size:12px;font-weight:750}.brand-copy h1,.section-title h2{margin:2px 0 0;font-size:20px;line-height:1.2}.brand-copy h1{margin:0;color:#1d2e2b;font-size:24px;font-weight:950}.brand-copy p{margin-top:3px;color:#74644d;font-size:13px}.notice-strip{margin:10px 12px 0;padding:9px 11px;border:1px solid #eadcc6;border-radius:12px;color:#705f48;background:#fffdf8;font-size:12px;line-height:1.55}.save-status-strip{margin:8px 12px 0;padding:7px 10px;border:1px solid #eadcc6;border-radius:999px;color:#705f48;background:#fff8e5;font-size:11px;font-weight:800;line-height:1.45}.save-status-strip.cloud{border-color:#b7dfc1;color:#2f7a50;background:#e9f8ec}.save-status-strip.saving{border-color:#f0c15e;color:#90641c;background:#fff2c2}.save-status-strip.failed{border-color:#f1b4a2;color:#9d5838;background:#ffe9df}.save-status-strip.local{border-color:#d8c8af;color:#7c6a52;background:#fff8e5}.screen{flex:1;min-height:0;overflow-y:auto;padding:14px 14px 88px}.chat-screen{display:flex;flex-direction:column;gap:12px}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8a765b;font-size:13px;font-weight:850}.chat-toolbar .small{min-height:34px;padding:0 13px}.messages{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.message{display:flex;gap:8px;align-items:flex-start;max-width:92%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#f2e4ca;font-size:13px;font-weight:800}.message p{margin:0;padding:10px 12px;border:1px solid #eadcc6;border-radius:16px;background:#fffdf9;line-height:1.65;font-size:14px;white-space:pre-wrap}.message.user p{border-color:#f1c05d;background:#fff3c8}.message-choice-card{flex:1;min-width:0;padding:10px 12px 12px;border:1px solid #eadcc6;border-radius:16px;background:#fffdf9}.message-choice-card p{padding:0;border:0;border-radius:0;background:transparent}.message-choice-card .choice-options{margin-top:10px}.input-row{display:flex;gap:8px;position:sticky;bottom:0;padding-top:8px;background:#fff9ee}.input-row input{flex:1}.input-row button,.dialog-panel>button,.choice-grid button,.button-row button,.ghost,.secondary,.option-row{min-height:42px;padding:0 14px;border-radius:14px;color:#fff;background:#e0a126;font-weight:800}.ghost{color:#765c28;background:#fff7df;border:1px solid #eadcc6}.small{min-height:34px;padding:0 10px;font-size:12px}.secondary{color:#6a5a43;background:#f1e4cd}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-title span,.step-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;color:#90641c;background:#fff0c4;font-size:12px;font-weight:850}.level-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.level-card{min-height:78px;padding:10px;border:1px solid #eadcc6;border-radius:14px;text-align:left;color:#25312d;background:#fffdf9;box-shadow:none}.level-card strong,.level-card small,.level-card em{display:block}.level-card strong{font-size:13px;line-height:1.35}.level-card small{margin-top:4px;color:#8a765b;font-size:11px}.level-card em{margin-top:8px;color:#8a765b;font-size:11px;font-style:normal;font-weight:850}.level-card.active{border-color:#e0a126;background:#fff6d7}.level-card.done em{color:#2f8f61}.subpage-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px}.subpage-head p{margin:0;color:#8a765b;font-size:12px;font-weight:800}.subpage-head h2{margin:2px 0 0;font-size:18px;line-height:1.25}.challenge-dialog{min-height:310px;padding-bottom:12px}.challenge-compose{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:10px;background:#fff9ee}.challenge-compose textarea,.challenge-compose>button:last-child{grid-column:1 / -1}.choice-options{grid-column:1 / -1;display:grid;gap:8px}.choice-option{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:10px;min-height:58px;padding:10px 12px;border:1px solid #f0c15e;border-radius:14px;color:#25312d;background:#fff8df;text-align:left}.choice-option strong{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#d28e13;font-size:13px}.choice-option span{line-height:1.55}.choice-option:disabled{cursor:default;opacity:.55}.challenge-fields{grid-column:1 / -1;display:grid;gap:10px}.challenge-field{display:grid;gap:6px}.challenge-field span{color:#d28e13;font-size:13px;font-weight:850}.challenge-field textarea{min-height:58px;margin:0}.dialog-panel,.guide-card,.formula-card,.empty-state,.log-list{padding:16px;border:1px solid #eadcc6;border-radius:18px;background:#fffdf9}.dialog-panel h3,.guide-card h3,.formula-card h3,.empty-state h2,.log-list h3{margin:0 0 10px;font-size:18px;line-height:1.35}.dialog-panel p,.guide-card p,.formula-card p,.empty-state p,.log-list p{margin:0 0 12px;color:#5f6d64;line-height:1.65}.hint{color:#8a765b!important;font-size:13px}.dialog-panel textarea{margin:8px 0 12px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid button{min-height:84px}.design-entry-grid{display:grid;gap:12px}.design-entry-grid button{position:relative;min-height:118px;padding:18px 48px 18px 16px;border:2px solid #e0a126;border-radius:18px;color:#503b0d;background:#fff0c4;text-align:left;box-shadow:0 12px 28px #e0a1262e}.design-entry-grid button:after{content:"开始";position:absolute;right:14px;top:16px;padding:5px 8px;border-radius:999px;color:#fff;background:#d28e13;font-size:12px;font-weight:900}.design-entry-grid button:nth-child(2){border-color:#77a96b;background:#eaf6df;box-shadow:0 12px 28px #5b8b4d29}.design-entry-grid button:nth-child(2):after{background:#4f9347}.design-entry-grid strong,.design-entry-grid small{display:block}.design-entry-grid strong{font-size:18px;line-height:1.3}.design-entry-grid small{margin-top:8px;color:#8a765b;line-height:1.55}.design-dialog{display:grid;gap:12px}.design-dialog .message{max-width:100%}.design-dialog .choice-grid{margin-top:4px}.design-choice-grid.choice-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.design-chat-panel{display:flex;min-height:520px;flex-direction:column;gap:12px}.design-chat-messages{flex:1;min-height:260px}.design-choice-grid,.design-options,.design-score-box{padding-top:10px;border-top:1px solid #eadcc6}.pending-behavior-editor{grid-column:1 / -1;display:grid;gap:10px;padding:12px;border:1px solid #e0a126;border-radius:16px;background:#fff7d7}.pending-behavior-editor textarea{min-height:78px;margin:0;border-color:#e0a126;background:#fffdf6}.design-input-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.design-input-row textarea{min-height:70px;margin:0}.design-input-row button{min-height:70px}.flow-tools{display:flex;justify-content:space-between;gap:8px;margin:12px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:22px;background:#3b30205c}.modal{width:min(100%,380px);padding:20px;border-radius:20px;background:#fffdf9;box-shadow:0 28px 70px #38281342}.modal h2{margin:0 0 10px}.modal p{margin:0 0 16px;color:#5f6d64;line-height:1.7}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-row button{flex:1;min-width:128px}.score-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.score-row button{min-height:40px;padding:0;border-radius:10px;color:#6d5121;background:#fff0c4}.option-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;min-height:76px;border:2px solid #d28e13;color:#1f2d28;background:#ffe8a4;text-align:left;box-shadow:0 10px 22px #d28e132e;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.option-row:hover{background:#ffdd78;box-shadow:0 14px 28px #d28e1342;transform:translateY(-1px)}.option-row:active{transform:translateY(0);box-shadow:0 7px 16px #d28e1333}.option-row small{flex:0 0 auto;padding:6px 8px;border-radius:999px;color:#745019;background:#ffffff85;font-size:11px;font-weight:850}.formula-card{display:grid;gap:8px}.formula-edit-form{display:grid;gap:12px;padding:16px;border:1px solid #eadcc6;border-radius:18px;background:#fffdf9}.formula-edit-form h3{margin:0;font-size:18px;line-height:1.35}.field-editor{display:grid;gap:7px}.field-editor span{color:#d28e13;font-weight:850}.field-editor textarea{min-height:76px;margin:0}.formula-list{display:grid;gap:8px;margin-bottom:12px;padding:14px;border:1px solid #eadcc6;border-radius:18px;background:#fffdf9}.formula-list.compact{padding:0;border:0;background:transparent}.formula-list h3{margin:0 0 4px;font-size:16px}.formula-list-item{width:100%;min-height:64px;padding:10px 12px;border:1px solid #eadcc6;border-radius:14px;color:#25312d;background:#fff8e8;text-align:left}.formula-list-item.selected{border-color:#e0a126;background:#fff0c4}.formula-list-item strong,.formula-list-item small{display:block}.formula-list-item strong{line-height:1.35}.formula-list-item small{margin-top:5px;color:#8a765b;line-height:1.45}.practice-card-list{display:grid;gap:12px}.practice-formula-card{display:grid;gap:12px;padding:16px;border:2px solid #e0a126;border-radius:18px;background:#fff4cd;box-shadow:0 12px 28px #d28e1321}.practice-formula-card h3{margin:0 0 6px;font-size:18px;line-height:1.35}.practice-formula-card p{margin:0;color:#5f6d64;line-height:1.55}.mini-button-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-button-row button{min-height:42px;padding:0 8px;border-radius:12px;color:#fff;background:#d28e13;font-weight:850}.mini-button-row button:nth-child(2){background:#8d9151}.mini-button-row button:nth-child(3){background:#4f9347}.practice-chat-panel{display:flex;min-height:520px;flex-direction:column;gap:12px}.practice-chat-messages{flex:1;min-height:300px}.formula-card p{display:grid;grid-template-columns:72px 1fr;gap:8px;margin:0}.formula-card strong{color:#d28e13}.empty-state{margin-top:24px;text-align:center}.check-line{display:flex;align-items:center;gap:8px;margin:12px 0;color:#5f6d64}.check-line input{width:18px;min-height:18px}.button-row .selected{outline:3px solid rgba(224,161,38,.28)}.log-list{margin-top:12px}.log-item{display:flex;gap:10px;padding:10px 0;border-top:1px solid #eadcc6}.log-item span{width:44px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;color:#9d5838;background:#ffe7d8;font-size:11px;font-weight:850}.log-item span.ok{color:#2f8f61;background:#def3e2}.log-item strong{display:block;margin-bottom:2px;font-size:13px}.log-item p{margin:0;font-size:13px}.chat-history-list{display:flex;flex-direction:column;gap:10px}.chat-history-item{padding:11px 12px;border:1px solid #eadcc6;border-radius:12px;background:#fffdf8}.chat-history-item.user{border-color:#f0c15e;background:#fff4c9}.chat-history-item div{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.chat-history-item strong{color:#1d2e2b;font-size:13px}.chat-history-item time{color:#9b8b73;font-size:11px;white-space:nowrap}.chat-history-item p{margin:0;color:#42504b;font-size:13px;line-height:1.55;white-space:pre-wrap}.bottom-nav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eadcc6;background:#fffdf9fa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:5px 7px 6px;gap:6px}.bottom-nav button{position:relative;min-height:58px;display:grid;place-items:center;gap:2px;border:1px solid transparent;border-radius:12px;color:#8a765b;background:transparent;font-size:12px;font-weight:850;opacity:.72}.bottom-nav span{font-size:21px}.bottom-nav button.active{border-color:#f0c15e;color:#8a5a00;background:#fff2c2;box-shadow:0 6px 16px #ab6f0f29;opacity:1}.bottom-nav button.active:before{content:"";position:absolute;top:5px;left:50%;width:24px;height:3px;border-radius:999px;background:#e0a126;transform:translate(-50%)}.bottom-nav button.active span{transform:translateY(-1px) scale(1.08)}@media(max-width:380px){.level-list,.choice-grid{grid-template-columns:1fr}.topbar{padding-left:12px;padding-right:12px}}