/* 古曰：素纸墨字，朱以指事。今释：以纸色、墨色和朱红强调编写与运行。 */
:root{color-scheme:light;--纸:#f4f1e9;--白:#fffcf6;--墨:#272c29;--次:#71796f;--线:#d9ddd2;--朱:#b9442f;--浅:#e8ece2;font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif;color:var(--墨);background:var(--纸)}
*{box-sizing:border-box}body{margin:0}button,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--线);background:var(--白);padding:10px 14px;border-radius:5px;color:inherit}button:hover:not(:disabled){background:var(--浅)}button:disabled{opacity:.48;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--朱);outline-offset:3px}a{color:inherit;text-decoration:none}header{height:86px;border-bottom:1px solid var(--线);display:flex;align-items:center;padding:0 3.5vw;gap:26px}header>a:last-child{margin-left:auto;font-size:13px;color:var(--次)}.标志{font-family:serif;font-size:32px;letter-spacing:3px;font-weight:bold}.标志 span{color:var(--朱)}.页名{border-left:1px solid var(--线);padding-left:26px;font-size:16px}.页名 small{color:var(--次);margin-left:20px;font-size:12px}main{padding:32px 3.5vw 18px;max-width:1800px;margin:auto}.题头{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.眉题{font-size:12px;letter-spacing:3px;color:var(--次);margin:0 0 12px}h1{font-family:ui-serif,"Songti SC",serif;font-size:38px;font-weight:500;margin:0}.题头>p{font-size:12px;color:var(--次)}.工作台{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(340px,1.5fr) minmax(260px,1fr);min-height:580px;border:1px solid var(--线);border-radius:8px;background:var(--白);overflow:hidden}.工作台>section{min-width:0;display:flex;flex-direction:column}.工作台>section+section{border-left:1px solid var(--线)}.栏头{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--线);gap:8px}h2{font-size:12px;font-weight:400;color:var(--次);white-space:nowrap}h2 span{font-size:14px;color:var(--墨);margin-left:9px;font-weight:600}.标签{border-radius:3px;background:var(--浅);font-size:10px;padding:4px 7px;white-space:nowrap}.助手内{padding:22px}.助手内>p{font-size:13px;line-height:1.85;color:var(--次)}.助手内 .引言{font-size:24px;font-family:serif;color:var(--墨);margin:0}.助手内 label{display:block;margin-top:28px;font-size:12px;margin-bottom:10px}textarea{resize:vertical;line-height:1.9;outline:none}#需求{width:100%;min-height:140px;background:var(--纸);border:1px solid var(--线);border-radius:5px;font-size:13px;padding:12px}textarea:focus{box-shadow:inset 0 0 0 2px #b9442f55}.主按钮{background:var(--朱);color:white;border-color:var(--朱);font-size:13px}.主按钮:hover:not(:disabled){background:#923520}.主按钮 span{float:right}#生成{width:100%;margin-top:10px}.助手内 .消息{font-size:11px;line-height:1.8}.小注{margin-top:30px;display:grid;gap:8px}.小注>span{font-size:11px;color:var(--次);margin-bottom:3px}.需求示例{text-align:left;font-size:12px}.示例选择{font-size:11px;color:var(--次)}select{max-width:125px;background:transparent;border:0;font-size:11px;color:var(--墨)}.文件栏{display:flex;justify-content:space-between;font-size:11px;padding:14px 20px;color:var(--次)}#源码{flex:1;width:100%;min-height:360px;padding:20px 24px;border:0;border-radius:0;resize:none;background:var(--白);font-family:ui-monospace,"SFMono-Regular","PingFang SC",monospace;font-size:14px;line-height:2.2;color:#355342;tab-size:2}.编辑底{border-top:1px solid var(--线);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.编辑底 small{font-size:10px;color:var(--次)}.结果区{background:#eef1e9}.输出内{padding:22px;flex:1}.输出题{font-size:10px;letter-spacing:2px;color:var(--次);margin:0 0 16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,"PingFang SC",monospace;font-size:13px;line-height:1.9}#输出{min-height:180px;margin:0 0 28px}#诊断{font-size:11px;color:#934331;max-height:260px;overflow:auto}.运行注{font-size:10px;line-height:1.8;color:var(--次);padding:0 22px 14px}footer{display:flex;justify-content:space-between;font-size:10px;color:var(--次);padding-top:22px;letter-spacing:1px}.隐字{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#建议区{font-size:12px}#建议{max-height:200px;overflow:auto;padding:10px;background:var(--纸)}[hidden]{display:none!important}@media(max-width:1100px){.工作台{grid-template-columns:minmax(250px,1fr) minmax(350px,1.6fr)}.工作台>.结果区{grid-column:1/-1;border-left:0;border-top:1px solid var(--线)}.输出内{display:grid;grid-template-columns:1fr 1fr;gap:12px}.输出题{grid-row:1}#输出,#诊断{grid-row:2;min-height:90px;margin:0}}@media(max-width:680px){header{height:66px;padding:0 20px;gap:16px}.页名{padding-left:16px}.页名 small,footer span:last-child{display:none}header>a:last-child{font-size:11px}main{padding:24px 16px}.题头{display:block}h1{font-size:30px}.题头>p{margin-top:18px}.工作台{display:flex;flex-direction:column}.工作台>section+section{border-left:0;border-top:1px solid var(--线)}.小注{display:none}.助手内{padding:18px}#需求{min-height:95px}.助手内 label{margin-top:18px}#源码{min-height:330px}.输出内{display:block}.输出题{margin-top:12px}#输出{min-height:90px}.栏头{padding:0 18px}}
/* 古曰：往来有录，开阖从客。今释：可折叠日志独立滚动，用纯文本展示模型和程序输出。 */
.日志面板{margin-top:20px;border:1px solid var(--线);border-radius:8px;background:var(--白)}.日志面板>summary{cursor:pointer;padding:16px 20px;font-size:14px;font-weight:600}.日志面板>summary span{font-size:11px;font-weight:400;color:var(--次);margin-left:16px}.日志说明{margin:0;padding:0 20px 16px;color:var(--次);font-size:12px;line-height:1.8}#过程日志{max-height:560px;overflow:auto;border-top:1px solid var(--线);padding:4px 20px 16px;overflow-anchor:none}.日志项{padding:12px 0;border-bottom:1px solid var(--线)}.日志项:last-child{border:0}.日志项 h3{font-size:12px;margin:0 0 8px;color:var(--次);font-weight:500}.日志项 pre{margin:0;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.日志-model_request h3{color:#426747}.日志-model_response h3{color:#315d88}.日志-error h3{color:var(--朱)}.日志空{font-size:12px;color:var(--次)}@media(max-width:680px){.日志面板>summary span{display:block;margin:8px 0 0}#过程日志{max-height:420px;padding:4px 14px 12px}}
/* 古曰：编录列于结果之侧，开阖由客。今释：首屏结果栏独立展示可隐藏的编译器实时日志。 */
.编译日志区{margin:0 0 22px;min-width:0;border-top:1px solid var(--线);padding-top:14px}.编译日志栏{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.编译日志栏 h3{font-size:13px;margin:0}.编译日志栏 small{display:block;margin-top:4px;color:var(--次);font-size:10px;font-weight:400}.编译日志栏 button{font-size:11px;padding:5px 10px}#编译日志{min-height:120px;max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8;margin:0;padding:10px;background:var(--白);border:1px solid var(--线);border-radius:4px}@media(max-width:1100px){.编译日志区{grid-column:1/-1;grid-row:3}.输出内>.输出题:last-of-type{grid-column:2;grid-row:1}#诊断{grid-column:2;grid-row:2}}@media(max-width:680px){.编译日志区{margin-top:18px}}