.sidebar nav a,.sidebar .brand,.workbench-nav,.topic input{pointer-events:auto!important}.sidebar a[role=button]{cursor:pointer}.sidebar a[role=button]:hover{background:#e8e1f1}.topic{transition:background .2s,border-color .2s}.routes button{font-size:13px}.preview-badge{color:#715b80}.optional label{font-size:11px;color:#726678}.optional textarea{min-height:65px;font-size:12px}.topics-layout{grid-template-columns:minmax(0,1fr) 220px!important;gap:22px!important}.choice-card{padding-left:18px!important}.pagehead h1{font-size:30px!important}.demo-note{color:#786a80;font-size:11px;margin:13px 0}.demo-results{padding:26px 0}.demo-results h1{font-size:27px}.demo-result-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.demo-result-layout img{width:100%;max-height:440px;object-fit:cover;border-radius:8px}.demo-result-layout textarea{min-height:200px;font-size:13px;line-height:1.9}.demo-result-layout label{font-size:12px}.demo-result-layout h2{font-size:19px;line-height:1.6}.demo-result-layout .note-echo{font-size:12px;white-space:pre-wrap;color:#786580;margin-top:16px}.demo-back{margin-bottom:18px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-list{display:grid;gap:13px;margin-top:24px}.demo-list article{border:1px solid #ded8e5;background:#fffefa;padding:20px;border-radius:7px}.demo-list p{font-size:13px;color:#716675}.demo-list summary{cursor:pointer;padding:10px 0}.demo-poster{display:block;max-width:540px;width:100%;margin:25px auto}.reference-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.reference-picks button{padding:5px;font-size:11px}.reference-picks img{height:110px;width:100%;object-fit:cover;border-radius:4px}.reference-picks button.active{border-color:#8c65c9;background:#ede5f7}.rewrite-panel{margin-bottom:20px}.rewrite-panel label{font-size:12px}.rewrite-panel textarea{min-height:100px}.module-title{font:30px/1.5 var(--serif);margin:28px 0 10px}.demo-result-layout .demo-note{font-size:10px}.module-nav{display:none}.clip-steps{display:flex;gap:10px;margin:24px 0}.clip-steps button.active{background:#ede7fb;color:#714bf6;border-color:#b19ae2}.result-switches{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.result-switches button.active{background:#ede7fb;border-color:#ab91dc;color:#7044a4}.view-mode{display:flex;gap:7px;margin-bottom:14px}.view-mode button.active{background:#ede7fb;color:#714bf6}.demo-results [hidden]{display:none!important}body:has(.topics-layout) main{padding-bottom:25px!important}.dock{left:auto!important;right:auto!important}button{touch-action:manipulation}
@media(max-width:900px){.sidebar{width:165px}.sidebar nav a{font-size:11px!important;padding:9px 6px!important}main{margin-left:165px;padding-inline:24px}.topics-layout{grid-template-columns:1fr!important}.choice-card{display:block;border-left:0!important;padding:0!important}.choice-card> :not(.optional){display:none}.optional{margin-top:0!important}.pagehead h1{font-size:27px!important}.topbar{height:55px!important}.topbar .breadcrumb{font-size:10px}.preview-badge{font-size:9px!important}.demo-result-layout{grid-template-columns:1fr}.demo-result-layout img{max-height:330px}.module-title{font-size:26px}}
@media(max-width:760px){main{margin:0;padding:0 15px 22px}.topbar{justify-content:space-between}.topbar:before{content:'知客云';font:19px var(--serif)}.module-nav{display:block;margin-top:12px;width:100%;padding:9px 12px;border:1px solid #ded5e8;border-radius:5px;background:#fffefa;color:#695675;font-size:12px}.pagehead{padding:22px 0 17px!important}.pagehead h1{font-size:25px!important}.sub{font-size:11px}.topic{padding:15px 13px!important}.topic h3{font-size:14px!important}.routes{gap:24px}.routes button{font-size:12px;padding-bottom:11px}.dock{gap:12px}.dock .primary{font-size:12px;min-width:130px}.dock small{font-size:9px}.reference-picks img{height:95px}.demo-results h1{font-size:23px}.clip-steps{flex-wrap:wrap}}