.bp-media-field,.bp-attachments{gap:8px;margin:8px 0 15px;display:grid}.bp-media-field input,.bp-attachments input{max-width:100%}.bp-media-preview{flex-wrap:wrap;align-items:flex-start;gap:10px;margin:8px 0;display:flex}.bp-media-preview img,.bp-media-preview video{object-fit:contain;background:#f7f8fa;border:1px solid #e5e8ed;border-radius:5px;max-width:min(100%,280px);max-height:220px}.bp-media-preview p{margin:0}.bp-attachments ul{margin:3px 0;padding-left:18px}.bp-attachments li{margin:5px 0}.bp-attachments button,.bp-media-field button{color:#1677ff;cursor:pointer;background:0 0;border:0;justify-self:start;padding:2px}.bp-content-table,.bp-content-example{white-space:pre-wrap;background:#f7f8fa;border:1px solid #e8eaee;border-radius:5px;padding:12px;overflow:auto}.rec-page{color:#1f2937;max-width:1360px;margin:0 auto;padding:24px 32px 64px;font:14px/1.5 Arial,Microsoft YaHei,sans-serif}.rec-page *{box-sizing:border-box}.rec-head,.rec-section-head,.rec-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.rec-head{margin-bottom:20px}.rec-head h2{color:#161c27;margin:0 0 4px;font-size:22px;font-weight:600}.rec-head p,.rec-hint,.rec-aside small{color:#697386;margin:0;font-size:13px}.rec-columns{grid-template-columns:minmax(0,1fr) 260px;gap:16px;display:grid}.rec-main{gap:16px;min-width:0;display:grid}.rec-card{background:#fff;border:1px solid #e6e8ec;border-radius:8px;padding:18px 20px}.rec-card h3{color:#202a38;margin:0 0 14px;font-size:16px;font-weight:600}.rec-section-head{margin-bottom:14px}.rec-section-head h3{margin:0}.rec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.rec-grid label{color:#444c5b;flex-direction:column;gap:5px;min-width:0;font-size:13px;display:flex}.rec-grid input,.rec-grid select,.rec-grid textarea{color:#1f2937;width:100%;font:inherit;background:#fff;border:1px solid #d9d9d9;border-radius:6px;outline:none;padding:8px 10px}.rec-grid input:focus,.rec-grid select:focus,.rec-grid textarea:focus{border-color:#4096ff;box-shadow:0 0 0 2px #e6f4ff}.rec-grid textarea{resize:vertical;min-height:80px}.rec-grid input:disabled{color:#697386;background:#f5f6f8}.rec-grid small{color:#697386;line-height:1.4}.rec-grid .rec-wide{grid-column:1/-1}.rec-grid .rec-check{flex-direction:row;align-items:center;gap:8px;min-height:36px}.rec-check input{accent-color:#1677ff;width:auto}.bp-shell .rec-grid label{margin:0;display:flex}.bp-shell .rec-grid .rec-check{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.bp-shell .rec-check>input{flex:none;width:16px;margin:0;display:inline-block}.bp-shell .rec-page label.rec-check{justify-content:flex-start;align-items:center;margin:0;display:flex}.bp-shell .rec-page label.rec-check>input[type=checkbox]{flex:none;width:16px;margin:0;display:inline-block}.rec-content-types{border:1px solid #d9d9d9;border-radius:6px;flex-wrap:wrap;gap:5px 14px;padding:8px 10px;display:flex}.rec-content-types legend{color:#444c5b;font-size:13px}.rec-content-types label{white-space:nowrap}.rec-streak{border-top:1px solid #edf0f2;margin-top:18px;padding-top:14px}.rec-streak .rec-hint{margin-bottom:12px}.rec-task{border-top:1px solid #edf0f2;padding:14px 0}.rec-task summary{cursor:pointer;margin-bottom:14px;font-weight:600}.rec-page button{color:#262f3d;cursor:pointer;font:inherit;background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:7px 13px}.rec-page button:hover{color:#1677ff;border-color:#91caff}.rec-page .rec-primary{color:#fff;background:#1677ff;border-color:#1677ff}.rec-page .rec-primary:hover{color:#fff;background:#4096ff}.rec-page .rec-danger{color:#cf1322;border-color:#ffccc7;margin-top:12px}.rec-aside{background:#fafbfc;align-self:start;position:sticky;top:16px}.rec-aside p{color:#596579;margin:8px 0;line-height:1.5}.rec-footer{border-top:1px solid #e6e8ec;justify-content:flex-end;margin-top:20px;padding-top:18px}.rec-alert{color:#0958d9;background:#e6f4ff;border:1px solid #91caff;border-radius:6px;margin-top:15px;padding:10px 14px;display:block}@media (max-width:850px){.rec-columns{grid-template-columns:1fr}.rec-aside{position:static}.rec-grid{grid-template-columns:1fr}.rec-page{padding:18px 14px 48px}}
