/* 用途入口、模板与固定操作栏共用响应式布局。 */
.quick-hero{background:linear-gradient(120deg,#edf4f0,#f5f4eb);padding:32px;border:1px solid #dce6dd;border-radius:20px;gap:24px}.quick-hero h1{font-size:38px;line-height:1.25}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.hero-path{display:grid;gap:14px;min-width:200px}.hero-path span{display:flex;gap:12px;align-items:center;color:#42655a}.hero-path b{color:#263e37;font-size:14px}.purpose-grid h2{font-size:20px}.quick-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quick-template{border:1px solid #dce4df;background:white;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.template-cover{min-height:100px;background:#e9efed;padding:22px;display:flex;align-items:center;gap:14px;color:#34564b}.template-cover span{font-size:28px}.template-cover b{font-size:13px}.cover-story{background:#f4eadb;color:#86633f}.cover-course{background:#e6edf4;color:#496785}.cover-image{background:#e9eaf5;color:#68648d}.cover-avatar{background:#f2e8ef;color:#80607b}.template-body{padding:20px;display:flex;flex-direction:column;flex:1}.template-body small{font-size:11px;color:#6d7873}.template-body h3{margin:10px 0;font-size:19px}.template-body p{font-size:13px;color:#66746c;line-height:1.65;margin:0 0 16px;flex:1}.template-body button{align-self:flex-start}.template-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.template-filters button{border:1px solid #d5e0d8;border-radius:20px;padding:9px 14px;background:white;color:#3a5549}.template-filters button.selected{background:#254d3e;color:white}.quick-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#edf4f0;border-radius:14px;padding:18px;margin:18px 0}.quick-toolbar p{margin:7px 0 0;font-size:13px;color:#617069}.mode-switch{display:flex;flex-shrink:0;gap:4px;background:white;padding:4px;border-radius:10px}.mode-switch button{background:transparent;border:0;padding:9px 12px;color:#586c61;border-radius:7px}.mode-switch button[aria-pressed=true]{background:#254d3e;color:white}.quick-template-tray .quick-template-grid{padding:18px 0}.quick-simple .quick-extra{display:none!important}.quick-workspace{padding-bottom:105px}.quick-action-bar{position:fixed;bottom:0;left:236px;right:0;padding:14px 26px calc(14px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #d6e2da;box-shadow:0 -6px 20px #142e2110;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px}.quick-action-bar>div{display:flex;gap:8px;flex-wrap:wrap}.quick-action-note{font-size:12px;color:#607469}.quick-workspace .panel,.quick-workspace details{scroll-margin-top:90px}.quick-workspace .copy-compare{grid-template-columns:1fr}.quick-workspace .copy-compare>.optional-section{margin-bottom:14px}.quick-workspace .production-columns.single-column{display:block}.quick-workspace .title-input{max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #789e87;outline-offset:3px}@media(max-width:1100px){.quick-action-note{display:none}.quick-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.quick-hero{padding:22px;display:block}.quick-hero h1{font-size:28px}.hero-path{margin-top:22px;min-width:0}.quick-toolbar{align-items:flex-start;flex-direction:column}.quick-template-grid{grid-template-columns:1fr}.quick-action-bar{left:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.quick-action-bar>div{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick-action-bar button{font-size:12px;padding:10px 4px;white-space:normal;min-height:42px}.quick-action-bar button:last-child{grid-column:1/-1}.quick-workspace{padding-bottom:132px}.hero-actions>*{width:100%;text-align:center}.section-title{gap:8px;flex-wrap:wrap}.section-title>span{font-size:12px;color:#69776f}}

@media(max-width:1200px){.quick-action-bar{left:205px}}@media(max-width:900px){.quick-action-bar{left:180px}}@media(max-width:640px){.quick-action-bar{left:0}.sidebar>nav{gap:4px}.sidebar>nav a{flex:1;white-space:nowrap;padding:8px 6px}}
.purpose-grid .employee-card{min-height:230px}.purpose-grid .card-bottom{margin-top:18px}