.daily-briefs-cover { position: relative; isolation: isolate; display: flex; flex-direction: column; width: 100%; height: clamp(230px,33vh,380px); height: clamp(230px,33svh,380px); overflow: hidden; text-align: left; padding: 22px; margin: 18px 0 26px; border: 1px solid #4e8ef4; border-radius: 22px; color: #fff; background: linear-gradient(125deg,#163d87 0%,#2463dc 60%,#368af4 100%); box-shadow: 0 8px 25px #2463eb20; }
.daily-briefs-cover::before { content: ''; position: absolute; z-index: -1; width: 270px; height: 270px; right: -125px; top: -110px; border: 48px solid #ffffff09; border-radius: 50%; }
.daily-briefs-cover::after { content: ''; position: absolute; z-index: -1; width: 420px; height: 140px; right: -100px; bottom: -90px; border: 1px solid #ffffff26; border-radius: 50%; transform: rotate(-18deg); }
.briefs-cover-top { display: flex; justify-content: space-between; gap: 8px; width: 100%; color: #d4e5ff; font-size: 13px; letter-spacing: .3px; }
.briefs-cover-title { margin-top: auto; font-size: clamp(30px,8vw,37px); font-weight: 750; letter-spacing: 2px; line-height: 1.3; }
.briefs-cover-sub { margin-top: 9px; color: #d6e6ff; font-size: 13px; }
.briefs-cover-bottom { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: auto; padding-top: 24px; color: #d6e6ff; font-size: 13px; }
.briefs-cover-cta { display: inline-flex; align-items: center; gap: 10px; color: #17478f; background: #fff; border-radius: 22px; padding: 9px 14px; font-size: 13px; font-weight: 600; }
.briefs-cover-art { position: absolute; z-index: -1; right: 25px; top: 50%; transform: translateY(-45%) rotate(9deg); width: 105px; height: 120px; border: 1px solid #ffffff64; border-radius: 18px; background: linear-gradient(150deg,#ffffff36,#ffffff0b); display: grid; place-items: center; color: #dff1ff; box-shadow: 10px 10px 0 #072b6420; }
.briefs-cover-art i { position: absolute; width: 135px; height: 135px; border: 1px solid #a4d9ff35; border-radius: 50%; z-index: -1; }
.briefs-cover-art b { position: absolute; right: -9px; bottom: 12px; width: 24px; height: 24px; background: #73c7ff; border: 4px solid #337ce7; border-radius: 50%; }
.briefs-page-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 8px 0 20px; }
.briefs-publish { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 40px; padding: 8px 12px; border-radius: 11px; background: #2463eb; color: #fff; font-size: 13px; font-weight: 600; }
.briefs-badge { display: inline-block; background: #e7effe; color: #3a67aa; padding: 4px 8px; border-radius: 6px; font-size: 13px; }
.briefs-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 200px; padding: 24px 12px; color: #7b96bf; text-align: center; }
.briefs-empty strong { color: #55739b; font-size: 16px; font-weight: 500; margin: 12px 0 0; }
.briefs-empty p { margin: 6px 0 0; font-size: 13px; line-height: 1.8; }
.briefs-detail { border: 1px solid #e1e9f7; border-radius: 16px; background: #fff; padding: 18px; margin-bottom: 16px; }
.briefs-detail h3 { font-size: 20px; line-height: 1.5; margin: 12px 0 8px; overflow-wrap: anywhere; }
.briefs-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.9; color: #344d70; margin: 16px 0; }
[data-brief-form] label { display: block; margin-top: 16px; }
[data-brief-form] input,[data-brief-form] textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 7px; padding: 12px; border: 1px solid #dbe4f2; border-radius: 12px; }
[data-brief-form] textarea { resize: vertical; min-height: 180px; }
[data-brief-image-input][hidden] { display: none !important; }
@media(max-width:360px) { .daily-briefs-cover { padding: 18px; } .briefs-cover-art { width: 78px; height: 98px; right: 18px; opacity: .7; } .briefs-cover-art svg { width: 58px; } .briefs-cover-art i { width: 105px; height: 105px; } }
.briefs-cover-custom { background: #174179; }
.briefs-cover-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.briefs-cover-custom::before { inset: 0; width: auto; height: auto; border: 0; border-radius: 0; background: linear-gradient(90deg,#09234bba,#102d6160 60%,#122d5330); }
.briefs-cover-custom::after { display: none; }
.briefs-admin-tools { display: flex; flex-wrap: wrap; gap: 8px; }
.briefs-admin-tools .secondary { min-height: 40px; padding: 8px 12px; font-size: 13px; }
.brief-rich { white-space: normal; }
.brief-rich-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.9; margin: 16px 0; }
.brief-rich h4 { font-size: 21px; font-weight: 700; margin: 24px 0 12px; }
.brief-rich blockquote { margin: 18px 0; padding: 12px 15px; border-left: 3px solid #6097eb; background: #f0f5ff; border-radius: 0 10px 10px 0; }
.brief-align-left { text-align: left; } .brief-align-center { text-align: center; } .brief-align-right { text-align: right; }
.brief-color-ink { color: #344d70; } .brief-color-blue { color: #2463dc; } .brief-color-red { color: #c34456; } .brief-color-muted { color: #74829a; }
.brief-size-small { font-size: 13px; } .brief-size-normal { font-size: 16px; } .brief-size-large { font-size: 20px; }
.brief-rich-image { margin: 20px auto; max-width: 100%; } .brief-image-100 { width: 100%; } .brief-image-75 { width: 75%; } .brief-image-50 { width: 50%; }
.brief-rich-image img { display: block; width: 100%; height: auto; border-radius: 10px; }
.brief-rich-image figcaption { margin-top: 8px; font-size: 13px; color: #75849a; text-align: center; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.brief-rich-divider { border: 0; border-top: 1px solid #dce5f3; margin: 26px 0; }
.brief-rich-link { margin: 16px 0; overflow-wrap: anywhere; } .brief-rich-link a { color: #2463dc; text-decoration: underline; }
.brief-editor-label { margin: 20px 0 10px; color: #334b6b; font-size: 14px; }
.brief-insert-tools { display: flex; flex-wrap: wrap; gap: 7px; padding: 10px; background: #edf3ff; border-radius: 12px; }
.brief-insert-tools button { padding: 7px 10px; min-height: 36px; border-radius: 8px; background: #fff; color: #3566b2; font-size: 13px; border: 1px solid #dbe6fa; }
.brief-edit-block { margin: 14px 0; border: 1px solid #dce5f4; border-radius: 12px; overflow: hidden; padding: 10px; background: #fff; }
.brief-edit-block > header { display: flex; align-items: center; justify-content: space-between; margin: -10px -10px 10px; padding: 7px 10px; background: #f2f6fc; font-size: 13px; color: #5c769c; }
.brief-edit-block > header button { width: 30px; height: 30px; border-radius: 6px; background: #fff; color: #476795; margin-left: 5px; }
.brief-edit-block button:disabled { opacity: .35; }
.brief-text-tools { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.brief-text-tools button,.brief-text-tools select,.brief-edit-block > select { min-height: 33px; padding: 5px 8px; border: 1px solid #dce6f5; border-radius: 6px; background: #f8faff; color: #375682; font-size: 13px; }
.brief-rich-input { min-height: 95px; margin: 0; padding: 10px; border: 1px dashed #cfddf1; border-radius: 8px; outline: none; }
.brief-rich-input:focus { border-color: #6597e9; box-shadow: 0 0 0 2px #2463eb10; }
.brief-rich-input:empty::before { content: '在这里输入文字…'; color: #8a9cb7; pointer-events: none; }
.brief-editor-image { display: block; max-width: 100%; max-height: 280px; margin: 0 auto 10px; object-fit: contain; border-radius: 8px; }
.brief-edit-block > input { margin: 9px 0; }
.brief-editor-preview { padding: 16px; margin-top: 16px; border: 1px solid #dae5f5; border-radius: 12px; background: #fff; }
.brief-cover-preview { display: flex; justify-content: center; align-items: center; overflow: hidden; aspect-ratio: 1.45; background: linear-gradient(120deg,#17458c,#3b89ef); color: #fff; border-radius: 18px; margin: 20px 0; }
.brief-cover-preview img { width: 100%; height: 100%; object-fit: cover; }
[data-brief-cover-form] label { display: block; margin: 16px 0; }
[data-brief-cover-form] input { display: block; width: 100%; font-size: 13px; margin-top: 10px; }
.brief-import-button { margin-bottom: 12px; padding: 12px; }
.brief-import-panel { margin: 0 0 16px; padding: 14px; background: #edf4ff; border: 1px solid #cbdcf5; border-radius: 12px; }
.brief-import-panel[hidden] { display: none; }
.brief-import-panel > p { margin: 0 0 10px; font-size: 13px; line-height: 1.8; color: #385a87; }
[data-layout-paste] { min-height: 76px; border: 1px dashed #749edb; border-radius: 9px; padding: 12px; background: #fff; outline: none; font-size: 14px; line-height: 1.8; }
[data-layout-paste]:focus { border-color: #2463eb; box-shadow: 0 0 0 2px #2463eb18; }
[data-layout-paste]:empty::before { content: attr(data-placeholder); color: #8496b1; pointer-events: none; }
[data-layout-paste][aria-busy=true] { opacity: .6; }
.brief-import-panel [data-layout-status] { margin: 10px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.brief-imported-layout { color: #333; background: #fff; font-size: 16px; line-height: 1.8; white-space: normal; overflow-wrap: anywhere; overflow: hidden; isolation: isolate; contain: content; }
.brief-imported-layout * { box-sizing: border-box; max-width: 100%; }
.brief-imported-layout p,.brief-imported-layout section,.brief-imported-layout figure { margin: 0; }
.brief-imported-layout img { max-width: 100%; vertical-align: middle; }
.brief-imported-layout table { width: 100%; }
.brief-imported-layout a { color: inherit; }
.brief-layout-preview { margin: 10px 0 14px; border: 1px solid #e0e8f5; border-radius: 8px; overflow: hidden; }