@font-face{font-family:QingmiSans;src:local('Microsoft YaHei'),local('PingFang SC');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafaf7;color:#1f302b;font:15px/1.7 QingmiSans,'Noto Sans SC',sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-underline-offset:4px}button,.button{cursor:pointer;border:1px solid #ccd5cf;border-radius:7px;background:#fff;color:#24483e;padding:9px 14px;text-decoration:none;display:inline-block}button:hover,a.button:hover{border-color:#365c4e;background:#eef4ef}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.button.primary{background:#245643;border-color:#245643;color:white}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c47b48;outline-offset:3px}header{padding:20px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce1d9;background:#fff;gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:19px;font-weight:bold;line-height:1.5}.brand small{font:9px/1.5 Georgia,serif;letter-spacing:2px;display:block}.brand-mark{display:grid;place-items:center;background:#224d40;color:#fff;width:46px;height:46px;border-radius:50%;font-size:13px}header nav{display:flex;align-items:center;gap:22px;font-size:13px}header nav a{text-decoration:none}.intro{max-width:1500px;margin:auto;padding:60px 4vw 42px;display:grid;grid-template-columns:1fr 420px;gap:5vw;align-items:end}.eyebrow{font-size:11px;letter-spacing:2px;color:#647569;text-transform:uppercase;margin:0 0 16px}h1,h2,h3,p{margin-top:0}h1{font-family:'Noto Serif SC','Source Han Serif SC','SimSun',serif;font-size:clamp(35px,4vw,58px);line-height:1.28;font-weight:500;letter-spacing:-1.5px;margin-bottom:20px}h1 em{font-style:normal;color:#3e705c}h2{font-size:27px;line-height:1.4;letter-spacing:-.8px}h3{font-size:18px;line-height:1.45}p{margin-bottom:14px}.lede{color:#617064;margin:0}.intro-note{border-left:2px solid #b47b4b;padding:18px 0 8px 26px;font-size:14px}.intro-note span{color:#96633e;font-size:12px}.intro-note small{color:#738074;display:block;line-height:1.7}.intro-note #account{margin:14px 0 0;font-size:12px}.workspace{max-width:1500px;margin:auto;padding:0 4vw 60px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}.library{position:sticky;top:20px}.library nav{display:grid;gap:7px}.book-link{width:100%;text-align:left;padding:13px 12px;background:transparent;border-color:transparent;display:flex;gap:12px;align-items:center;line-height:1.6}.book-link .num{font:24px Georgia,serif;color:#a3aa9c}.book-link strong{display:block;font-size:13px}.book-link small{font-size:10px;display:block;color:#69786b}.book-link.active{background:#eaf0e7;border-color:#d3decf}.book-link.active .num{color:#376047}.review-link{font-size:12px;display:block;margin:24px 10px}.privacy{color:#798375;font-size:11px;margin:20px 10px}.tool-head{background:#fff;border:1px solid #e0e5dc;padding:30px 32px 18px;border-radius:14px 14px 0 0}.tool-head .row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.book-tag{font-size:12px;color:#9a653e;letter-spacing:1px}.tool-head h2{margin:9px 0}.tool-head p{font-size:13px;color:#637061;max-width:700px}.tabs{display:flex;border:1px solid #e0e5dc;border-top:0;padding:0 24px;background:#fff;gap:20px;overflow-x:auto}.tabs button{white-space:nowrap;border:0;border-radius:0;background:transparent;padding:14px 0;font-size:13px;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:#214f3c;border-bottom-color:#214f3c;font-weight:bold}.panel{border:1px solid #e0e5dc;border-top:0;padding:28px 32px;background:#fff;border-radius:0 0 14px 14px;min-width:0}.section-label{font-size:11px;letter-spacing:1.4px;color:#7b8776;text-transform:uppercase}.notice{background:#f3f5ef;border-left:3px solid #8caa7c;padding:13px 17px;font-size:12px;color:#566349;margin:0 0 22px}.notice a{font-weight:bold}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.toolbar button{font-size:12px;padding:7px 11px}.toolbar .status{margin-left:auto;font-size:11px;color:#78806f}.visual{background:#f7f8f3;border:1px solid #dae3d5;border-radius:9px;padding:20px;margin-bottom:26px}.visual-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.visual-head strong{font-size:14px}.visual-head span{font-size:11px;color:#727d6b}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.visual-card{background:#fff;border:1px solid #dce4d6;border-radius:6px;padding:13px;min-width:0;overflow-wrap:anywhere}.visual-card small{font-size:10px;color:#9b6c46;display:block;margin-bottom:5px}.visual-card p{font-size:12px;line-height:1.65;margin:0;white-space:pre-wrap}.canvas-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.canvas-grid .visual-card:nth-child(2){grid-row:span 2;background:#eaf2e5}.canvas-grid .visual-card:nth-child(8),.canvas-grid .visual-card:nth-child(9){grid-column:span 2}.flow-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.flow-grid .visual-card{min-width:155px;flex:1}.flow-grid .visual-card:not(:last-child){border-right:3px solid #95ac89}.result-strip{padding:14px;border:1px solid #d8dfcf;background:#eef3e7;margin-top:12px;font-size:13px}.result-strip.warning{background:#fff1e6;border-color:#ead0bb;color:#8b4d25}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{background:white;border:1px solid #d8e1d1;border-radius:6px;padding:14px}.metric strong{font:30px Georgia,serif;color:#355b43;display:block}.metric small{font-size:10px;color:#728067}.brand-preview{border:1px solid #d2dfce;background:#fff;padding:25px}.brand-preview .hero-title{font-family:'SimSun',serif;font-size:27px;color:#2d5843;line-height:1.45}.work-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;min-width:0}.field label{display:block;font-size:13px;font-weight:bold;margin-bottom:5px}.field .hint{display:block;font-size:11px;color:#7a8472;margin:4px 0}.field textarea,.field input{width:100%;border:1px solid #d5ddcf;border-radius:7px;background:#fdfefb;color:#2b3f30;padding:11px;resize:vertical;min-height:82px;font-size:13px;line-height:1.7}.field input[type=number]{min-height:46px}.field textarea:disabled,.field input:disabled{color:#607154;background:#f6f8f2;opacity:1}.field select{border:1px solid #d9dfd2;border-radius:4px;padding:3px 6px;background:white;color:#69785d;font-size:10px;max-width:100%}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.check-grid label{padding:12px;border:1px solid #dce3d5;border-radius:6px;font-size:12px;display:flex;align-items:start;gap:8px}.check-grid input{margin-top:5px}.check-caption{font-size:11px;color:#7b826f}.task-steps{counter-reset:steps;display:grid;gap:12px}.task-step{border-bottom:1px solid #e2e6db;padding:0 0 15px 40px;position:relative;font-size:13px}.task-step:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;background:#e9efdf;color:#52703f;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.task-step strong{display:block;margin-bottom:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.content-card{padding:20px;border:1px solid #e0e5d9;border-radius:8px;margin:0 0 15px}.content-card h3{font-size:16px}.content-card p,.content-card li{font-size:13px;color:#55684e}.content-card ul{padding-left:20px}.prompt-card{border:1px solid #dde4d7;border-radius:8px;margin-bottom:16px;padding:18px}.prompt-card h3{font-size:15px}.prompt-card pre{font:12px/1.85 QingmiSans,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f0;padding:15px;border-radius:5px;max-height:270px;overflow:auto}.prompt-card button{font-size:12px}.ai-box{border:1px solid #ceddc5;padding:23px;border-radius:9px;background:#fbfdf7}.ai-box select{width:100%;padding:10px;border:1px solid #cfdbca;background:white;border-radius:5px;margin:7px 0 14px}.ai-box textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #cddbc5;border-radius:6px;padding:12px}.ai-box p{font-size:12px;color:#63735a}.ai-output{margin-top:20px;white-space:pre-wrap;font-size:13px}.ai-message{font-size:12px;margin:10px 0;color:#7f582c;overflow-wrap:anywhere}.error{color:#aa3827!important}.progress-track{height:4px;background:#e3e9db;width:100%;border-radius:4px;margin:15px 0}.progress-track span{display:block;background:#6e8a51;height:100%;border-radius:4px}.source{font-size:12px;color:#758269}.badge{display:inline-block;font-size:10px;padding:2px 7px;border-radius:4px;background:#f0e9dd;color:#966c43}.hidden,[hidden]{display:none!important}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:7px;background:#243d30;color:#fff;padding:10px 18px;max-width:90vw;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s;font-size:13px}#toast.visible{opacity:1}footer{padding:25px 4vw;border-top:1px solid #dce3d4;font-size:12px;display:flex;justify-content:space-between;color:#75816c;gap:15px}.skip{position:absolute;top:-80px;left:20px;z-index:200;background:white;padding:12px}.skip:focus{top:10px}body.present header,body.present .intro,body.present .library,body.present footer{display:none}body.present .workspace{display:block;max-width:1300px;padding-top:24px}body.present .panel{font-size:18px}body.present .tool-head{padding-top:25px}@media(max-width:1050px){.intro{grid-template-columns:1fr 340px}.workspace{grid-template-columns:190px minmax(0,1fr);gap:20px}.panel,.tool-head{padding:24px}.canvas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-grid .visual-card:nth-child(8),.canvas-grid .visual-card:nth-child(9){grid-column:auto}.canvas-grid .visual-card:nth-child(2){grid-row:auto}}@media(max-width:760px){header{padding:14px 5vw;align-items:flex-start}header nav{justify-content:end;gap:10px;flex-wrap:wrap;font-size:11px;max-width:58%}header nav button{font-size:10px;padding:3px 6px}.brand{font-size:15px}.brand-mark{width:35px;height:35px;font-size:11px}.brand small{font-size:7px;letter-spacing:1px}.intro{display:block;padding:35px 5vw 28px}.intro-note{margin-top:25px;padding-top:10px;padding-bottom:5px}.intro-note small{font-size:11px}.workspace{display:block;padding:0 4vw 35px}.library{position:static;margin-bottom:20px}.library nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.book-link{padding:8px;gap:8px;border:1px solid #e3e6db;background:white}.book-link .num{font-size:19px}.book-link strong{font-size:11px}.book-link small{font-size:8px}.library>.eyebrow{margin-bottom:10px}.privacy{display:none}.review-link{margin:12px 3px}.tool-head,.panel{padding:20px 16px}.tool-head h2{font-size:23px}.tabs{gap:17px;padding:0 16px}.tabs button{font-size:12px}.work-form,.two-col,.check-grid{grid-template-columns:1fr}.visual{padding:13px}.visual-grid,.canvas-grid{grid-template-columns:1fr 1fr}.visual-card{padding:10px}.visual-card p{font-size:11px}.visual-head{align-items:start}.metric-grid{grid-template-columns:1fr}.metric{display:flex;gap:15px;align-items:center}.metric strong{font-size:26px}.toolbar .status{flex-basis:100%;margin:0}.brand-preview{padding:16px}.brand-preview .hero-title{font-size:23px}footer{display:block}footer span{display:block;margin-top:6px}.tool-head .row>button{font-size:10px;min-width:66px;padding:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{header,.intro,.library,footer,.tabs,.toolbar,button,.ai-box,.skip{display:none!important}.workspace{display:block;padding:0}.panel,.tool-head{border:0}.visual,.field,.content-card{break-inside:avoid}.work-form{display:block}.field{margin-bottom:14px}.field textarea{height:auto;min-height:100px}.panel{padding:10px}.tool-head h2{font-size:24px}body{background:white}}
@font-face{font-family:QingmiBookSerif;src:url('./assets/qingmi-serif.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}h1{font-family:QingmiBookSerif,'Noto Serif SC','Songti SC',serif!important;font-weight:600!important}