/* Beginner-friendly workspace: calm surfaces, explicit actions, real progress. */
.cr-inbox{margin:20px 0}.cr-inbox h2{font-size:17px}.cr-inbox-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cr-inbox-actions a{padding:8px 2px}.cr-review-record{border-top:1px solid var(--line);padding:12px 0}.cr-review-record summary{cursor:pointer;font-weight:600;font-size:13px}.cr-reply{padding:14px;background:var(--surface2);border:1px solid var(--line);border-radius:10px;margin-top:12px}.cr-reply button{margin:6px 8px 0 0;font-size:12px}.cr-reply-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.cr-reply-state{font-size:13px;color:var(--ink2)}.cr-link-dialog{padding:6px 4px 20px;max-width:620px}.cr-share-url{width:100%;font:13px/1.5 var(--f-mono);margin:10px 0 16px}
:root{--paper:#F7F8FC;--surface:#fff;--surface2:#F2F5FA;--ink:#202D43;--ink2:#52627A;--ink3:#64748B;--line:#E4E9F2;--line2:#CBD5E3;--zhu:#345DDB;--zhu-deep:#2546AA;--zhu-wash:#ECF1FF;--side-bg:#FFFFFF;--side-ink:#52627A;--side-dim:#64748B;--sidew:224px;--shadow:0 2px 5px #202d4304;--r:14px;--r-s:9px}
body{font-size:14px;line-height:1.7}main{max-width:1440px;padding:26px 36px 60px}.app>header{height:64px;background:#FFFFFFE8;border-bottom:1px solid var(--line);padding:10px 30px}.brand{color:var(--ink);height:84px;padding:22px 20px}.brand b{font-size:17px;letter-spacing:0}.seal{width:34px;height:34px;line-height:34px;border-radius:10px;background:var(--zhu);color:white;box-shadow:0 3px 8px #345ddb1a}aside#side{border-right:1px solid var(--line)}.side-sec{padding:8px 14px}.side-label{font-size:12px;letter-spacing:0;line-height:1.6;margin:8px 0 9px;overflow-wrap:anywhere}.side-item{min-height:44px;gap:11px;padding:11px 12px;margin:4px 0;border:0;border-radius:9px;font-size:14px}.side-item:hover{color:var(--zhu);background:#F3F6FD}.side-item.on{color:var(--zhu-deep);background:var(--zhu-wash);border:0;font-weight:600}.side-search,.side-search:focus{background:#F6F8FB;border-color:var(--line2)}.side-foot{padding:14px;border-top:1px solid var(--line)}.side-foot a:hover{color:var(--zhu)}.ui-side-action{display:flex;width:100%;gap:11px;align-items:center;text-align:left;background:none;border:0;color:var(--ink2);padding:10px 12px;font-size:13px}.ui-side-action:hover{background:#F3F6FD;color:var(--zhu)}.ui-legacy{margin:8px 12px;font-size:12px}.ui-legacy summary{cursor:pointer}.ui-legacy a{display:block;padding:12px 0}.ui-icon{flex:none;vertical-align:middle}
button,input,select,textarea{border-radius:9px}button{min-height:40px;padding:9px 14px;font-weight:500;font-size:14px;box-shadow:none}button .ui-icon{vertical-align:-4px}button.primary{font-weight:600;box-shadow:0 2px 3px #345ddb16}button:disabled:hover{background:revert}button.primary:disabled:hover{background:var(--zhu)}button.primary>.ui-icon:first-child{margin-right:7px}button.primary>.ui-icon:last-child:not(:first-child){margin-left:8px}input:not([type=checkbox]):not([type=range]):not([type=file]),select,textarea{min-height:42px;border-color:var(--line2);background:white;font:inherit}input::placeholder,textarea::placeholder{color:#6B7890}#sideToggle{min-width:40px;min-height:40px}#sideToggle:hover{background:var(--surface2)}[hidden]{display:none!important}.hint{color:var(--ink2)}
.wf-heading{margin:4px 0 28px}.wf-heading h1{font-size:28px;letter-spacing:-.025em}.wf-heading p{line-height:1.8}.ui-home-heading{align-items:center}.ui-home-heading>.primary{min-height:44px;flex:none}.ui-kicker{font-size:12px;font-weight:600;color:var(--ink2);margin-bottom:6px}.ui-guide{padding:24px 26px;background:#EFF3FE;border:1px solid #DEE6FC;border-radius:16px;margin-bottom:30px}.ui-guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ui-guide-heading h2{font-size:17px;margin:0 0 4px}.ui-guide-heading p{margin:0;font-size:13px}.ui-text-button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--ink2);font-size:13px;white-space:nowrap;padding:6px 9px;min-height:36px}.ui-text-button:hover{background:#E5EBFA;color:var(--zhu-deep)}.ui-guide-steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.ui-guide-steps li{display:flex;align-items:flex-start;gap:12px}.ui-step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:white;border:1px solid #D5DEF3;font-weight:600;font-size:13px;color:var(--zhu-deep);flex:none}.ui-guide-steps b{font-size:14px}.ui-guide-steps p{font-size:13px;color:var(--ink2);line-height:1.8;margin:5px 0 0}.ui-project-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ui-filters{display:flex;flex-wrap:wrap;gap:5px}.ui-filters button{display:flex;align-items:center;gap:7px;border-color:transparent;background:none;color:var(--ink2);padding:8px 11px}.ui-filters button[aria-pressed=true]{background:white;color:var(--zhu-deep);border-color:var(--line);box-shadow:var(--shadow);font-weight:600}.ui-filters button span{font-size:11px;min-width:20px;padding:0 5px;border-radius:5px;background:#EBEFF7;color:var(--ink2)}.wf-project-search{width:260px;max-width:100%;font-size:13px!important}.ui-results-bar{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.ui-result-count{color:var(--ink2);font-size:12px;margin:0}.ui-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.ui-project-card{display:flex;flex-direction:column;min-width:0;background:white;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:22px 22px 0;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.ui-project-card:hover{color:var(--ink);border-color:#A6B9ED;box-shadow:0 5px 18px #202d4308}.ui-project-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-folder-icon{width:40px;height:40px;background:#F0F4FF;color:var(--zhu);border-radius:11px;display:grid;place-items:center}.ui-state{font-size:12px;line-height:1.7;padding:3px 9px;border-radius:6px;background:#F1F3F7;color:#56657A}.ui-state.active{background:#EDF2FF;color:#3056B6}.ui-state.done{background:#E8F5EF;color:#20694F}.ui-project-card h2{font-size:17px;line-height:1.55;margin:17px 0 5px;overflow-wrap:anywhere}.ui-client{font-size:13px;color:var(--ink2);margin:0 0 20px}.ui-project-progress{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--ink2);margin-top:auto;padding-bottom:18px}.ui-needs{color:#915017}.ui-project-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0}.ui-project-footer small{font-size:11px;color:var(--ink2)}.ui-project-footer>span{display:flex;align-items:center;gap:6px;color:var(--zhu-deep);font-size:12px;white-space:nowrap}.ui-project-footer .ui-icon{width:16px;height:16px}.ui-empty{grid-column:1/-1;border:1px dashed var(--line2);border-radius:14px;text-align:center;padding:56px 20px;background:white}.ui-empty>.ui-icon{width:36px;height:36px;color:var(--zhu)}.ui-empty h2{font-size:20px;margin:16px 0 6px}.ui-empty p{margin-bottom:22px}
.ui-dialog{max-width:560px;padding:28px}.ui-dialog .ui-guide-steps{grid-template-columns:1fr;gap:22px}.ui-icon-button{display:grid;place-items:center;width:40px;padding:8px;background:none;border:0}.ui-create-form label,.login-wrap label{display:block;font-size:13px;font-weight:600;margin:18px 0}.ui-create-form label input,.login-wrap label input{display:block;width:100%;margin-top:8px;font-weight:400}.ui-create-form .hint{font-weight:400}.ui-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.ui-guide-note{margin-top:24px;padding:16px;background:var(--surface2);border-radius:10px;font-size:13px;color:var(--ink2)}.login-wrap.card{max-width:460px;padding:36px;border-radius:18px;box-shadow:0 10px 40px #202d4308}.login-wrap.card h2{font-size:24px;margin:18px 0 12px}.login-wrap label{margin:5px 0}.login-wrap button[type=submit]{margin:12px 0 4px;min-height:44px}
.ui-workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:white;border:1px solid var(--line);border-radius:14px;padding:8px;margin:0 0 26px;gap:8px}.ui-workflow-step{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid transparent;background:transparent;padding:16px;color:var(--ink2);min-width:0}.ui-workflow-step b{display:block;font-size:14px;color:var(--ink)}.ui-workflow-step small{display:block;font-size:12px;font-weight:400;margin-top:3px}.ui-workflow-step[aria-current=step]{background:#F0F4FF;border-color:#DFE7FE}.ui-workflow-step[aria-current=step] .ui-step-number{background:var(--zhu);color:white;border-color:var(--zhu)}.ui-workflow-step.done .ui-step-number{background:#E8F5EF;color:#237052;border-color:#D3EBDD}.ui-workflow-step:disabled{opacity:.75}.ui-workflow-step:disabled:hover{background:transparent}.wf-setup,.wf-understanding,.wf-delivery,.wf-feedback,.wf-copy-panel{border-radius:14px}.wf-drop{min-height:180px;background:#F8FAFF;border-color:#B8C8E7;border-radius:12px}.wf-drop>.ui-icon{width:28px;height:28px;color:var(--zhu);margin-bottom:5px}.wf-drop strong{font-size:15px}.wf-intake>div>p,.wf-accounts-panel>.hint{font-size:13px;margin:6px 0 16px}.wf-proposal-card{border-radius:14px}.wf-proposal-copy{padding:20px}.wf-actionbar>div>b{font-size:15px}.wf-badge{font-size:12px;padding:3px 8px;border-radius:6px}.wf-preview{min-height:0}.wf-page-caption button,.wf-page-caption select{min-height:36px}.wf-page-caption{padding:16px}.wf-review h2{font-size:17px}.wf-status:empty{display:none}
@media(min-width:1650px){main{padding-top:32px}.ui-project-grid{gap:24px}}
@media(max-width:1100px){main{padding:22px 24px 48px}.ui-guide-steps{gap:18px}.ui-project-tools{gap:12px}.ui-workflow-step{padding:12px 8px;gap:8px}.ui-workflow-step small{font-size:11px}}
@media(max-width:700px){.ui-guide{padding:20px}.ui-guide-steps{grid-template-columns:1fr;gap:20px}.ui-guide-heading{gap:8px}.ui-guide-heading h2{font-size:16px}.ui-workflow-steps{grid-template-columns:1fr;gap:2px;padding:6px}.ui-workflow-step{padding:10px 12px}.ui-workflow-step small{font-size:12px}.ui-project-tools{align-items:stretch}.wf-project-search{width:100%}.ui-filters{gap:2px}.ui-filters button{font-size:12px;padding:7px 9px}.ui-project-grid{grid-template-columns:1fr}.ui-home-heading{align-items:flex-start;gap:18px}.ui-home-heading>.primary{width:100%}.ui-guide-heading>.ui-text-button{font-size:12px;padding:3px;min-height:36px}.app>header{padding:8px 14px;height:58px}main{padding:20px 16px 40px}.wf-heading h1{font-size:25px}.wf-heading>a{padding-top:0}.ui-dialog{padding:22px}.ui-form-actions{flex-wrap:wrap}.login-wrap.card{padding:26px}.wf-drop{padding:20px 12px}.wf-drop span{text-align:center}}
body{height:auto;min-height:100vh}.app{grid-column:2}.login-page .app>header{display:none}.ui-nav-close,.ui-side-backdrop{display:none}.wf-setup,.wf-workspace{scroll-margin-top:80px}
@media(max-width:900px){
  body.side-open{grid-template-columns:0 minmax(0,1fr)}
  aside#side{position:fixed;left:0;top:0;width:min(84vw,280px);height:100dvh;z-index:50;visibility:hidden;transform:translateX(-100%)}
  body.side-open aside#side{visibility:visible;transform:none;box-shadow:8px 0 40px #202d4322}
  .ui-nav-close{display:grid;margin-left:auto;flex:none}.brand{gap:6px;padding-left:18px;padding-right:10px}
  body.side-open .ui-side-backdrop{display:block;position:fixed;inset:0;z-index:45;border:0;border-radius:0;background:#202d4366;width:100%;height:100%;cursor:pointer}
}
@media(prefers-reduced-motion:reduce){.ui-project-card{transition:none}}
.wf-readiness{margin:12px 0 16px;font-size:13px;line-height:1.6}
.wf-readiness h3{margin:0 0 8px;font-size:14px}
.wf-readiness dl{margin:0}
.wf-readiness dl>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.wf-readiness dt{color:var(--ink2)}
.wf-readiness dd{margin:0;overflow-wrap:anywhere}
.wf-direction-preview{padding:24px;margin:0 0 28px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.wf-direction-preview[hidden]{display:none}
.wf-direction-disclosure{margin-bottom:24px}
.wf-direction-disclosure>summary{padding:14px 18px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;background:var(--surface)}
.wf-direction-disclosure[open]>summary{margin-bottom:12px}
.wf-direction-preview h2{font-size:20px;margin:0 0 8px}
.wf-direction-preview h3{font-size:15px;margin:24px 0 12px}
.wf-direction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wf-direction-card{padding:20px;border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--surface)}
.wf-direction-card.is-selected{border-color:var(--zhu);box-shadow:0 0 0 1px var(--zhu)}
.wf-direction-title{display:flex;gap:12px;align-items:flex-start;cursor:pointer;line-height:1.5;min-height:32px}
.wf-direction-title input{flex:none;margin-top:5px;width:18px;height:18px}
.wf-direction-card:focus-within{outline:2px solid var(--zhu);outline-offset:3px}
.wf-direction-angle{font-size:14px;line-height:1.7}
.wf-direction-card dl{font-size:13px;line-height:1.7;margin-bottom:0}
.wf-direction-card dt{color:var(--ink2);font-weight:600;margin-top:10px}
.wf-direction-card dd{margin:4px 0 0;overflow-wrap:anywhere}
.wf-direction-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px}
@media(max-width:760px){.wf-direction-grid{grid-template-columns:1fr}.wf-direction-preview{padding:16px}.wf-direction-actions button{width:100%}}

/* 运营入门：按需查阅的手册与只读页面演示。 */
.ui-help-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.ui-tour-launch{min-height:40px;color:var(--zhu-deep);background:var(--zhu-wash);border:1px solid var(--line);white-space:nowrap}
.ui-guide .ui-help-actions{margin-top:20px}
.ui-help-dialog{width:min(960px,calc(100vw - 32px));max-width:960px;padding:24px;max-height:calc(100dvh - 32px)}
.ui-help-intro{padding:0 0 20px}.ui-help-intro p{margin:5px 0 10px}.ui-help>input{width:100%;min-height:44px}
.ui-help-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:26px;margin-top:20px}
.ui-help-nav{display:flex;flex-direction:column;gap:6px;align-self:start}
.ui-help-nav button{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;padding:12px;white-space:normal;min-height:44px}
.ui-help-nav button span{font-size:11px;color:var(--ink2)}
.ui-help-nav button[aria-current=step]{background:var(--zhu-wash);color:var(--zhu-deep);font-weight:600}
.ui-help-reader{min-width:0;max-height:48dvh;overflow:auto;padding:0 12px 8px 0;overscroll-behavior:contain}
.ui-help-reader h3{font-size:21px;margin:0 0 6px}.ui-help-reader>.hint{margin:0 0 22px}
.ui-help-reader article{border-top:1px solid var(--line);padding:15px 0}.ui-help-reader h4{font-size:15px;margin:0 0 6px}
.ui-help-reader article p{color:var(--ink2);margin:0;line-height:1.9}
.ui-tour-layer{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:transparent;color:var(--ink);overflow:hidden}
.ui-tour-layer::backdrop{background:rgba(25,34,50,.25)}
.ui-tour-ring{position:fixed;pointer-events:none;border:2px solid var(--zhu);border-radius:12px;box-shadow:0 0 0 4px rgba(255,255,255,.9)}
.ui-tour-ring[hidden]{display:none}
.ui-tour-card{position:fixed;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 16px 64px rgba(18,28,44,.25)}
.ui-tour-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ui-tour-top .ui-kicker{margin:0}.ui-tour-top button{padding:4px 6px}
.ui-tour-card h2{font-size:21px;line-height:1.45;margin:12px 0}.ui-tour-card h2:focus{outline:none}
.ui-tour-card p{margin:0 0 14px;line-height:1.85}.ui-tour-note{font-size:12px;color:var(--ink2);background:var(--surface2);border-radius:8px;padding:10px 12px}
.ui-tour-actions{display:flex;gap:10px;justify-content:space-between;margin-top:18px}.ui-tour-actions button{min-height:44px}
.ui-help button:focus-visible,.ui-tour-card button:focus-visible,.ui-tour-launch:focus-visible{outline:3px solid var(--zhu);outline-offset:3px}
@media(max-width:640px){
 .ui-help-dialog{padding:16px}.ui-help-layout{grid-template-columns:1fr;gap:16px}
 .ui-help-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.ui-help-nav button{padding:8px;font-size:12px;gap:6px}
 .ui-help-reader{max-height:42dvh}.ui-help-intro{padding-bottom:12px}
 .ui-tour-card{padding:18px}.ui-tour-card h2{font-size:19px}
 .ui-results-bar{flex-wrap:wrap}.ui-help-actions{gap:8px}
}