/* admin_user_notes */ .admin-user-notes-box{margin:0 0 10px;padding:10px;border:1px dashed var(--warning);border-radius:8px;background:var(--warning-soft)}.admin-user-notes-box summary{cursor:pointer;font-weight:600}.admin-user-notes-box p{white-space:pre-wrap;margin:8px 0}.admin-user-notes-box form{display:grid;gap:6px}.admin-user-notes-box textarea{width:100%;min-height:64px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}.admin-user-notes-admin{display:grid;gap:14px}.admin-user-notes-list{display:grid;gap:8px;padding:14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel)}.admin-user-notes-list article{display:grid;gap:4px;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--bg)}.admin-user-notes-list span{color:var(--text-muted);font-size:var(--font-size-xs)}.admin-user-notes-list p{margin:0;white-space:pre-wrap} /* archive_timeline */ .archive-timeline-wrap{max-width:960px}.archive-timeline-panel{display:grid;gap:8px}.archive-timeline-month{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.archive-timeline-month-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:var(--font-size-lg)}.archive-timeline-count{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:400}.archive-timeline-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.archive-timeline-list li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:8px 12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel)}.archive-timeline-title{color:var(--text);text-decoration:none;word-break:break-word;min-width:0;flex:1}.archive-timeline-title:hover{color:var(--brand)}.archive-timeline-meta{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap} /* attachment_upload */ .attachment-uploader{display:grid;gap:8px}.attachment-input{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.attachment-drop{display:grid;justify-items:start;gap:2px;padding:0;border:0;background:transparent;color:var(--text-muted);text-align:left;cursor:pointer}.attachment-drop strong{color:var(--text);font-size:var(--font-size-md);line-height:1.4;display:inline-flex;align-items:center;justify-content:flex-start;gap:3px;vertical-align:middle}.attachment-drop strong svg.meta-icon{display:block;width:14px;height:14px;flex:none;margin:0}.attachment-drop span{font-size:var(--font-size-sm);line-height:1.45}.attachment-uploader:focus-within .attachment-drop,.attachment-drop:hover{background:transparent;color:var(--brand)}.attachment-field-muted>span{color:var(--text-subtle)}.attachment-field-muted .attachment-uploader{gap:6px}.attachment-field-muted .attachment-drop{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;border:0;background:transparent;color:var(--text-subtle)}.attachment-field-muted .attachment-drop strong{flex:0 0 auto;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500}.attachment-field-muted .attachment-drop span{min-width:0;font-size:11px}.attachment-field-muted .attachment-uploader:focus-within .attachment-drop,.attachment-field-muted .attachment-drop:hover{background:transparent;color:var(--text-muted)}.attachment-upload-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;color:var(--text-subtle);font-size:11px}.attachment-upload-toolbar[hidden],.attachment-upload-list[hidden]{display:none}.attachment-upload-insert{min-height:28px;padding:4px 9px;font-size:var(--font-size-sm);white-space:nowrap}.attachment-upload-list{display:grid;gap:6px;margin-top:2px;margin-bottom:8px}.attachment-upload-item{display:grid;gap:6px;min-width:0;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)}.attachment-upload-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.attachment-upload-name{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-sm);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.attachment-upload-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.attachment-upload-status{max-width:220px;color:var(--text-subtle);font-size:11px;line-height:1.4;text-align:right;overflow-wrap:anywhere}.attachment-upload-head-actions .attachment-upload-remove{display:grid;place-items:center;justify-self:auto;width:20px;min-width:20px;min-height:20px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-subtle);font-size:18px;line-height:1;box-shadow:none}.attachment-upload-remove:hover{background:var(--line-soft);color:var(--danger)}.attachment-upload-remove:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.attachment-upload-progress{display:block;width:100%;height:4px;overflow:hidden;border-radius:4px;background:var(--line)}.attachment-upload-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:var(--brand);transition:width .15s ease}.attachment-upload-item[data-state="success"] .attachment-upload-status{color:var(--success)}.attachment-upload-item[data-state="success"] .attachment-upload-progress{display:none}.attachment-upload-item[data-state="success"][data-markdown]{cursor:pointer;transition:border-color .15s,background .15s}.attachment-upload-item[data-state="success"][data-markdown]:hover{border-color:var(--brand);background:var(--brand-soft)}.attachment-upload-item[data-state="success"][data-markdown]:focus-visible{border-color:var(--brand);outline:2px solid var(--focus-ring);outline-offset:1px}.attachment-upload-item[data-state="error"] .attachment-upload-status{color:var(--danger)}.attachment-upload-item[data-state="error"] .attachment-upload-progress>span{background:var(--danger)} .attachment-upload-settings{max-width:none}.attachment-upload-settings-section{display:grid;gap:10px;margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.attachment-upload-settings-section>strong{font-size:12px}.attachment-upload-settings-section .grid{margin:0}.attachment-upload-settings-groups{display:grid;grid-template-columns:1fr;gap:10px}.attachment-upload-settings-groups .grid{grid-template-columns:minmax(90px,140px) minmax(0,1fr)} @media(max-width:600px){.attachment-upload-settings-groups .grid{grid-template-columns:1fr}} .attachment-upload-env-list{display:grid;gap:6px}.attachment-upload-env-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.attachment-upload-env-item strong{color:var(--text);font-size:var(--font-size-sm);font-weight:500}.attachment-upload-env-status{flex:0 0 auto;font-size:var(--font-size-sm);font-weight:600}.attachment-upload-env-status-ok{color:var(--ok)}.attachment-upload-env-status-bad{color:var(--danger)}.attachment-upload-env-detail{min-width:0;font-size:12px;color:var(--text-muted)}.attachment-upload-env-note{margin-top:2px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:8px;font-size:12px;line-height:1.8;color:var(--text-muted)}.attachment-upload-env-note strong{color:var(--text)}.attachment-upload-env-note p{margin:6px 0 0}.attachment-upload-env-note ul{margin:6px 0 0;padding-left:18px;display:grid;gap:2px}.attachment-upload-env-note-bad{border-color:var(--warn)}.attachment-upload-env-note-ok{border-color:var(--ok)} .form-panel .attachment-field{margin:0}.attachment-drop-float{position:absolute;right:4px;bottom:4px;z-index:2;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05)}.attachment-drop-float:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.attachment-drop-float:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.attachment-drop-float span{display:none} /* auto_close_topics */ .auto-close-topics-badge{background:var(--danger-soft);color:var(--danger)} /* auto_upgrade */ .auto-upgrade-settings{max-width:none}.auto-upgrade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auto-upgrade-section{display:grid;align-content:start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.auto-upgrade-section>strong{font-size:12px}.auto-upgrade-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auto-upgrade-section .grid{min-width:0;margin:0}.auto-upgrade-section input{max-width:none}.auto-upgrade-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.auto-upgrade-actions .post-action-form{margin:0}.auto-upgrade-actions button{margin:0!important}.auto-upgrade-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.auto-upgrade-status span{display:grid;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);overflow-wrap:anywhere}.auto-upgrade-status small{color:var(--text-muted);font-size:11px}@media(max-width:680px){.auto-upgrade-grid,.auto-upgrade-times,.auto-upgrade-status{grid-template-columns:1fr}.auto-upgrade-actions{align-items:stretch;flex-direction:column}.auto-upgrade-actions .post-action-form{display:flex!important;width:100%}.auto-upgrade-actions button{width:100%}} /* avatar_upload */ .avatar-upload-panel{min-width:0}.avatar-upload-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}.avatar-upload-current{display:flex;width:72px;height:72px;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--bg)}.avatar-upload-row strong{display:block;margin-bottom:3px}.avatar-upload-row p{margin:0 0 10px;color:var(--text-muted)}.avatar-upload-actions{display:flex;flex-wrap:wrap;gap:8px}.avatar-upload-select{width:auto}.avatar-upload-status{min-height:0;margin-top:8px;color:var(--text-muted)}.avatar-upload-status:empty{display:none}.avatar-upload-status.error{color:var(--danger)}.avatar-upload-preset-options[hidden]{display:none!important}.avatar-upload-preset-options{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.avatar-crop-modal{z-index:1200}.avatar-crop-dialog{width:min(360px,calc(100vw - 24px))}.avatar-crop-dialog canvas{display:block;width:min(280px,100%);height:auto;margin:0 auto;border-radius:var(--radius);background:var(--bg);cursor:grab;touch-action:none}.avatar-crop-dialog canvas.dragging{cursor:grabbing}.avatar-crop-zoom{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin-top:14px}.avatar-crop-zoom input{padding:0}.avatar-field{display:none!important}@media(max-width:600px){.avatar-upload-row{grid-template-columns:56px minmax(0,1fr)}.avatar-upload-current{width:56px;height:56px}} /* batch_delete_topics */ .batch-delete-topics-form{display:grid;gap:12px}.batch-delete-topics-rich-input{width:100%;min-height:140px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-md);line-height:1.6;overflow-wrap:anywhere;outline:0;resize:vertical}.batch-delete-topics-rich-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.batch-delete-topics-preview{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line-soft)}.batch-delete-topics-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.batch-delete-topics-preview-head strong{font-size:var(--font-size-md)}.batch-delete-topics-preview-head span,.batch-delete-topics-actions>span{color:var(--text-muted);font-size:var(--font-size-sm)}.batch-delete-topics-missing{padding:9px 11px;background:var(--warning-soft);color:var(--text);font-size:var(--font-size-sm)}.batch-delete-topics-rows{display:grid;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.batch-delete-topics-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto max-content;align-items:center;gap:9px;min-height:42px;padding:8px 10px;border-bottom:1px solid var(--line-soft);background:var(--panel);cursor:pointer}.batch-delete-topics-row:last-child{border-bottom:0}.batch-delete-topics-row:has(input:checked){background:var(--danger-soft)}.batch-delete-topics-row.is-deleted{opacity:.55}.batch-delete-topics-row.is-failed{background:var(--warning-soft)}.batch-delete-topics-row input{width:38px;height:22px;min-width:38px;margin:0}.batch-delete-topics-row-id{grid-column:4;color:var(--text-subtle);font-size:var(--font-size-xs);font-family:var(--font-mono)}.batch-delete-topics-row-main{display:grid;gap:2px;min-width:0}.batch-delete-topics-row a{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.batch-delete-topics-row a:hover{color:var(--brand)}.batch-delete-topics-row-author{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-delete-topics-row-status{grid-column:3;color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap}.batch-delete-topics-row.is-deleted .batch-delete-topics-row-status{color:var(--success)}.batch-delete-topics-row.is-failed .batch-delete-topics-row-status{color:var(--danger)}.batch-delete-topics-reason{grid-template-columns:1fr;gap:5px}.batch-delete-topics-reason>span{padding-top:0}.batch-delete-topics-reason textarea{width:100%;min-height:76px}.batch-delete-topics-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.batch-delete-topics-actions button{margin:0}.batch-delete-topics-log{display:grid;gap:7px;min-height:0;padding:12px 14px}.batch-delete-topics-log-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--text-muted);font-size:var(--font-size-sm)}.batch-delete-topics-log-meta strong{color:var(--text);font-size:var(--font-size-sm)}.batch-delete-topics-log-titles{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6;overflow-wrap:anywhere}@media(max-width:640px){.batch-delete-topics-row{grid-template-columns:38px minmax(0,1fr) max-content}.batch-delete-topics-row-id{grid-column:3;grid-row:1}.batch-delete-topics-row-status{grid-column:2;grid-row:2}.batch-delete-topics-actions button{width:100%}} /* batch_management */ .batch-management-trash-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:14px}.batch-management-trash-row .admin-row-check{width:38px;height:22px;margin:0}.batch-management-trash-main{gap:9px}.batch-management-trash-title{display:flex;align-items:center;gap:7px;min-width:0}.batch-management-trash-title strong{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-md);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.batch-management-trash-type{display:inline-flex;align-items:center;flex:0 0 auto;min-height:22px;padding:0 7px;border:1px solid var(--brand-soft);border-radius:5px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xs);font-weight:700;line-height:1}.batch-management-trash-id{flex:0 0 auto;color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--font-size-xs)}.batch-management-trash-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4}.batch-management-trash-meta time:before{content:"·";margin-right:7px;color:var(--text-subtle)}.batch-management-trash-details summary{width:max-content;max-width:100%;color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer}.batch-management-trash-details summary:hover{color:var(--brand)}.batch-management-trash-details .admin-trash-data{max-height:320px;margin:9px 0 0;padding:10px;overflow:auto;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.batch-management-trash-ops{align-self:start;margin:0}.batch-management-trash-ops .post-action-form{margin:0}.batch-management-trash-ops button{min-height:32px;margin:0;white-space:nowrap}@media(max-width:720px){.batch-management-trash-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.batch-management-trash-title{align-items:flex-start;flex-wrap:wrap;gap:6px}.batch-management-trash-title strong{flex:1 1 130px;white-space:normal;overflow-wrap:anywhere}.batch-management-trash-id{margin-top:3px}.batch-management-trash-ops{display:flex!important;grid-column:1!important;align-items:center;gap:8px!important;width:100%;margin:2px 0 0!important;overflow:visible!important}.batch-management-trash-ops .post-action-form{flex:1 1 96px}.batch-management-trash-ops button{width:100%;justify-content:center}.batch-management-trash-ops .admin-row-check{flex:0 0 38px}.batch-management-trash-details .admin-trash-data{max-height:240px;padding:9px}} /* bid_ad */ /* ============================================================ 侧边栏竞价卡片（前台） ============================================================ */ .bid-ad-card{overflow:hidden} .bid-ad-head{display:flex;flex-direction:column;gap:5px;padding:13px 14px 11px;border-bottom:1px solid var(--line-soft)} .bid-ad-head-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--font-size-sm);font-weight:700;color:var(--text)} .bid-ad-sub{font-size:var(--font-size-xxs);color:var(--text-muted);line-height:1.5} .bid-ad-go{font-size:var(--font-size-xxs);color:var(--text-muted);font-weight:500;text-decoration:none;white-space:nowrap;transition:color .15s} .bid-ad-go:hover{color:var(--brand)} /* 广告条：紧排直角 */ .bid-ad-grid{display:grid;gap:0;padding:0} .bid-ad-grid-text{grid-template-columns:1fr 1fr} .bid-ad-grid-img{grid-template-columns:1fr} .bid-ad-cell{position:relative;display:block;overflow:hidden;text-decoration:none} .bid-ad-cell-img{height:var(--bid-ad-thumb-h,38px);min-height:var(--bid-ad-thumb-h,38px)} .bid-ad-img{display:block;width:100%;height:var(--bid-ad-thumb-h,38px);object-fit:cover} .bid-ad-cell-text{height:38px;min-height:38px} .bid-ad-cell-text .bid-ad-text{display:block;overflow:hidden;white-space:nowrap;height:100%;line-height:38px;padding:0 4px;text-align:center;font-size:var(--font-size-sm);font-weight:600;color:#fff;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.22)} .bg-cell-1{background:linear-gradient(100deg,#e5533d,#e9792e)} .bg-cell-2{background:linear-gradient(100deg,#6356e0,#8a6cff)} .bg-cell-3{background:linear-gradient(100deg,#0fa3ca,#3fc8ec)} .bg-cell-4{background:linear-gradient(100deg,#e39b16,#f3bd47)} .bg-cell-5{background:linear-gradient(100deg,#0f9d63,#2fcf8f)} .bg-cell-6{background:linear-gradient(100deg,#3f71dd,#6d9af2)} .bid-ad-cell-claimed{display:flex;align-items:center;justify-content:center;min-height:38px;background:var(--line-soft);color:var(--text-subtle);font-size:var(--font-size-xs);font-weight:600;letter-spacing:2px;cursor:pointer} .bid-ad-cell-claimed:hover{color:var(--text-muted);background:var(--line)} .bid-ad-cell-claimed .bid-ad-cell{display:none} .bid-ad-claimed-label{pointer-events:none} .bid-ad-grid-img .bid-ad-cell-claimed{min-height:var(--bid-ad-thumb-h,60px)} .bid-ad-tip{padding:0 14px 10px;font-size:var(--font-size-xxs);color:var(--text-subtle)} .bid-ad-empty{padding:2px 14px 12px;font-size:var(--font-size-xs);color:var(--text-muted)} /* 预览 */ .bid-ad-preview{position:relative;overflow:hidden;border-radius:8px} .bid-ad-preview img{display:block;width:100%;height:auto} .bid-ad-preview .bid-ad-text{display:flex;align-items:center;height:34px;padding:0 12px;color:#fff;font-weight:700;font-size:var(--font-size-xs);overflow:hidden;white-space:nowrap} /* ============================================================ 前台「投放广告」页 —— 对齐用户信用等级设计语言（信卡片/徽章/进度条） ============================================================ */ .bid-ad-page{display:grid;gap:14px;width:100%} .bid-ad-page>*{min-width:0} .bid-ad-panel{min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)} .bid-ad-summary{margin:0 0 10px} .bid-ad-summary strong{display:block;font-size:var(--font-size-lg);color:var(--text)} .bid-ad-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:14px} .bid-ad-stat{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:var(--panel)} .bid-ad-stat b{font-size:var(--font-size-lg);color:var(--text);font-variant-numeric:tabular-nums} .bid-ad-stat span{font-size:var(--font-size-xs);color:var(--text-muted)} .bid-ad-hint{margin:12px 0 0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.6} /* 面板头 + 表单 */ .bid-ad-panel-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-weight:700;font-size:var(--font-size-sm);color:var(--text)} .bid-ad-panel-title::before{content:"";width:3px;height:15px;border-radius:2px;background:var(--brand)} .bid-ad-form{display:flex;flex-direction:column} .bid-ad-form .grid{display:flex;flex-direction:column;gap:6px} .bid-ad-form .grid>span{font-size:var(--font-size-sm);font-weight:600;color:var(--text)} .bid-ad-form .grid small{display:block;margin-top:2px;color:var(--text-muted);font-weight:400;font-size:var(--font-size-xxs)} .bid-ad-form input[type=text],.bid-ad-form input[type=url],.bid-ad-form input[type=number], .bid-ad-form select,.bid-ad-form input[type=file]{width:100%;max-width:none;box-sizing:border-box;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-sm)} .bid-ad-form input:focus,.bid-ad-form select:focus{border-color:var(--brand);outline:none;box-shadow:var(--focus-ring)} .bid-ad-form button,.bid-ad-edit-form button{align-self:flex-start;width:auto;min-width:168px;padding:10px 32px;border:0;border-radius:9px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:opacity .15s} @media(max-width:600px){.bid-ad-form button,.bid-ad-edit-form button{align-self:stretch;width:100%}} .bid-ad-form button:hover,.bid-ad-edit-form button:hover{opacity:.9} /* 我的广告 */ .bid-ad-manage-list{list-style:none;margin:0;padding:0} .bid-ad-manage-row{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:14px;background:var(--panel);margin-bottom:10px} .bid-ad-manage-row:last-child{margin-bottom:0} .bid-ad-manage-preview{width:100%} .bid-ad-manage-info{min-width:0} .bid-ad-manage-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--font-size-sm);font-weight:700;color:var(--text)} .bid-ad-manage-name em{font-style:normal;display:inline-flex;align-items:center;min-height:20px;padding:0 9px;border-radius:999px;background:var(--line-soft);color:var(--text-muted);font-size:var(--font-size-xxs);font-weight:700;white-space:nowrap} .bid-ad-manage-name em.on{background:var(--success-soft);color:var(--success)} .bid-ad-manage-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .bid-ad-manage-meta i{font-style:normal;display:inline-flex;align-items:center;min-height:19px;padding:0 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-xxs);font-weight:600;white-space:nowrap} .bid-ad-manage-meter{height:8px;margin-top:10px;border-radius:999px;background:var(--line-soft);box-shadow:inset 0 1px 2px var(--line);overflow:hidden} .bid-ad-manage-meter b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-hover));transition:width .35s ease} .bid-ad-manage-meter b.bid-ad-meter-off{background:var(--line)} .bid-ad-manage-actions{display:flex;gap:8px;flex-wrap:wrap} /* PC：预览居左(228px) + 信息居中 + 操作按钮居右常驻；移动端保持纵向堆叠 */ @media(min-width:721px){ .bid-ad-manage-row{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 14px} .bid-ad-manage-preview{flex:0 0 228px;width:auto;max-width:228px} .bid-ad-manage-preview .bid-ad-preview img{height:60px;object-fit:cover} .bid-ad-manage-info{flex:1 1 auto} .bid-ad-manage-actions{flex:0 0 auto;margin-left:auto;justify-content:flex-end} } .bid-ad-inline,.inline-form{display:inline-flex;gap:8px;align-items:center;margin:0} .bid-ad-amount{width:70px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--font-size-xs)} .bid-ad-btn{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .15s} .bid-ad-btn:hover{border-color:var(--brand);color:var(--brand)} .bid-ad-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)} .bid-ad-danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger)} .bid-ad-edit{display:inline-flex;flex-wrap:wrap;min-width:0} .bid-ad-edit[open]{flex:1 1 100%;display:block} .bid-ad-edit[open] summary{margin-bottom:8px} .bid-ad-edit summary{cursor:pointer;list-style:none;margin:0;display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font-size:var(--font-size-xs);font-weight:600} .bid-ad-edit summary::-webkit-details-marker{display:none} .bid-ad-edit summary:hover{border-color:var(--brand);color:var(--brand)} .bid-ad-edit-form{margin-top:8px;padding:14px;border:1px dashed var(--line);border-radius:10px;background:var(--bg);display:flex;flex-direction:column;gap:12px} .bid-ad-edit-form .grid{display:flex;flex-direction:column;gap:6px} .bid-ad-edit-form .grid>span{font-size:var(--font-size-sm);font-weight:600} .bid-ad-edit-form .grid small{display:block;margin-top:2px;color:var(--text-muted);font-weight:400;font-size:var(--font-size-xxs)} .bid-ad-edit-form input[type=text],.bid-ad-edit-form input[type=url],.bid-ad-edit-form input[type=number], .bid-ad-edit-form select,.bid-ad-edit-form input[type=file]{width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font-size:var(--font-size-sm)} .bid-ad-image-field{display:none} /* ============================================================ 后台 —— 参照 Bing 壁纸插件：字段卡片网格 + 记录行（主题变量驱动） ============================================================ */ .bid-ad-admin-settings{max-width:none} .bid-ad-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:stretch;gap:12px} .bid-ad-field{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);min-width:0} .bid-ad-field-title{color:var(--text);font-size:12px;font-weight:700} .bid-ad-field .grid{display:grid;align-content:start;gap:5px;min-width:0} .bid-ad-field input:not([type=checkbox]),.bid-ad-field select{width:100%;max-width:none} .bid-ad-field input[type=checkbox]{width:38px;max-width:38px;height:22px} .bid-ad-field-note{color:var(--text-subtle);font-size:var(--font-size-xxs);line-height:1.7} .bid-ad-actions{display:flex;gap:8px;margin-top:14px} .bid-ad-admin-settings .bid-ad-actions button{margin:0} .bid-ad-admin-record{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;min-height:0;padding:13px 14px;transition:background .15s} .bid-ad-admin-record:hover{background:var(--brand-soft)} .bid-ad-admin-record-main{display:grid;gap:8px;min-width:0;flex:1 1 auto} .bid-ad-admin-record .admin-row-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto} .bid-ad-admin-record .admin-row-actions .inline-form{margin:0} .bid-ad-admin-cell{flex:0 0 190px;max-width:220px;min-width:150px;border-radius:6px;overflow:hidden} .bid-ad-admin-cell .bid-ad-preview{width:100%} .bid-ad-admin-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;min-width:0} .bid-ad-admin-title strong{color:var(--text);font-size:14px;font-weight:700} .bid-ad-admin-title span{color:var(--text-muted);font-size:var(--font-size-xs)} .bid-ad-admin-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px} .bid-ad-admin-meta span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);color:var(--text-muted);font-size:12px;line-height:1;white-space:nowrap} @media(max-width:720px){.bid-ad-fields{grid-template-columns:1fr}.bid-ad-admin-record{padding:12px}.bid-ad-admin-cell{flex-basis:100%;max-width:none}} /* big_emoji */ .big-emoji-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 8px;padding:0 0 6px;border-bottom:1px solid var(--line-soft);min-width:0;width:100%;contain:inline-size} .big-emoji-bar[data-big-emoji-docked]{margin:0;padding:0;border-bottom:0;flex:1 1 0%;min-width:0} .big-emoji-bar-list{display:flex;flex-wrap:wrap;gap:2px;min-width:0} .big-emoji-bar .big-emoji-option{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:0;min-height:0;justify-self:start;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;font-size:22px;line-height:1;cursor:pointer;opacity:.8;transition:opacity var(--transition-normal),transform var(--transition-normal),background var(--transition-normal)} .big-emoji-bar .big-emoji-option:hover{opacity:1;background:var(--brand-soft)} .big-emoji-bar .big-emoji-option:active{transform:scale(.9)} .big-emoji-bar .big-emoji-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px} .big-emoji-icon{display:inline-block;font-size:5em;line-height:1;vertical-align:middle;cursor:pointer;user-select:none;transition:transform var(--transition-normal)} .big-emoji-icon:hover{transform:scale(1.25)} .big-emoji-icon:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px} .big-emoji-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3000} @media(max-width:720px){ .big-emoji-bar-list{width:100%;justify-content: space-around} .big-emoji-bar .big-emoji-option{width:24px;height:24px;font-size:15px;border-radius:4px} } /* bio_card */ .bio-card-pop{position:fixed;z-index:2000;box-sizing:border-box;width:240px;max-width:calc(100vw - 16px);padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-medium);font-size:var(--font-size-sm);color:var(--text);--bio-card-sub-size:9px} .bio-card-close{position:absolute;top:4px;right:6px;padding:0 4px;color:var(--text-subtle);font-size:var(--font-size-lg);line-height:1.4;cursor:pointer;user-select:none} .bio-card-close:hover{color:var(--text)} .bio-card-head{display:flex;align-items:flex-start;gap:8px;padding-right:16px} .bio-card-avatar{flex:0 0 36px;width:36px;height:36px;max-width:none;border-radius:var(--radius);background:var(--bg);object-fit:cover} .bio-card-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);font-weight:700} .bio-card-id{min-width:0;margin-top:3px} .bio-card-name{display:block;font-weight:700;font-size:var(--font-size-md);color:var(--text);text-decoration:none;overflow-wrap:anywhere} .bio-card-name:hover{color:var(--brand)} .bio-card-sub{margin-top:2px;font-size:var(--bio-card-sub-size);color:var(--text-muted);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bio-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;margin-top:10px;padding:8px;border-radius:var(--radius-sm);background:var(--bg)} .bio-card-stat{display:flex;align-items:center;gap:3px;min-width:0;color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bio-card-stat-icon{flex:0 0 12px;width:12px;height:12px;color:var(--text-subtle)} .bio-card-stat b{color:var(--text);font-weight:600} .bio-card-stat b{color:var(--text);font-weight:600} .bio-card-stat-link{text-decoration:none} .bio-card-stat-link:hover,.bio-card-stat-link:hover .bio-card-stat-label,.bio-card-stat-link:hover b,.bio-card-stat-link:hover .bio-card-stat-icon{color:var(--brand)} .bio-card-bio{margin-top:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xxs);word-break:break-word} .bio-card-bio-in{line-height:15px;max-height:45px;overflow:hidden} .bio-card-bio-link{color:var(--brand);text-decoration:none;overflow-wrap:anywhere} .bio-card-bio-link:hover{text-decoration:underline} .bio-card-ops{display:flex;gap:6px;margin-top:10px} .bio-card-op{flex:1 1 0;min-width:0;height:22px;line-height:22px;text-align:center;border-radius:var(--radius-sm);font-size:var(--font-size-xxs);font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bio-card-op:hover{opacity:.85} .bio-card-op-block{background:var(--danger-soft);color:var(--danger)} .bio-card-op-block[data-bio-card-blocked="1"]{background:var(--bg);color:var(--text-subtle)} .bio-card-op-off{background:var(--bg);color:var(--text-subtle);cursor:default} .bio-card-op-off:hover{opacity:1} .bio-card-op-notify{background:var(--info-soft);color:var(--info)} .bio-card-op-home{background:var(--brand-soft);color:var(--brand)} .bio-card-loading{padding:6px 0;color:var(--text-muted);font-size:var(--font-size-xs)} .bio-card-panel{max-width:80%} .bio-card-summary-head{display:flex;flex-direction:column;gap:2px} .bio-card-head-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .bio-card-plugin-meta{color:var(--text-subtle);font-size:var(--font-size-xs)} .bio-card-form{display:grid;gap:10px;margin:0;padding:0;max-width:none} .bio-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px} .bio-card-grid-sep{margin-top:2px;padding-top:12px;border-top:1px solid var(--line-soft)} @media(max-width:720px){.bio-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .bio-card-check{display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-rows:auto 13px;gap:1px 6px;padding:2px 0;font-size:var(--font-size-sm);cursor:pointer} .bio-card-check>span,.bio-card-check>input[type=checkbox]{align-self:center} .bio-card-check span{grid-column:2;grid-row:1;font-weight:600;color:var(--text);font-size:var(--font-size-sm)} .bio-card-check small{grid-column:2;grid-row:2;display:block;height:13px;font-size:var(--font-size-xxs);color:var(--text-subtle);line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bio-card-panel input[type=checkbox]{flex:0 0 auto;width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;margin:0;accent-color:var(--brand);border-radius:var(--radius-sm)!important;background-image:none!important;background-position:0 0!important;background-size:auto!important;box-shadow:none!important;padding:0} .bio-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap} /* broken_image_fix */ .broken-image-fix-wrap{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;min-height:36px;padding:6px 10px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);font-size:var(--font-size-xs)} .broken-image-fix-wrap svg{flex:none} .broken-image-fix-wrap span{overflow-wrap:anywhere} /* browser_detail */ .browser-detail-box{ margin-top:8px;padding:6px 10px;font-size:var(--font-size-xs);color:var(--text-muted); background:var(--panel);border:1px solid var(--line-soft);border-radius:6px; display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;line-height:1.4; } .browser-detail-box.browser-detail-compact{padding:4px 8px;gap:4px 8px} .browser-detail-title{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--text-subtle);flex-shrink:0} .browser-detail-title svg{width:14px;height:14px;opacity:.7} .browser-detail-items,.browser-detail-summary,.browser-detail-detail{ display:inline-flex;flex-wrap:wrap;gap:4px 10px;align-items:center; } .browser-detail-meta{ display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px; font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4; } .browser-detail-meta.browser-detail-compact{gap:2px 6px;font-size:var(--font-size-xxs)} .browser-detail-item{display:inline-flex;align-items:center;gap:3px;white-space:nowrap} .browser-detail-label{color:var(--text-disabled);font-size:var(--font-size-xxs)} .browser-detail-ua{max-width:100%;overflow:hidden;text-overflow:ellipsis} .browser-detail-ico{flex-shrink:0;opacity:.75;vertical-align:-1px} .browser-detail-anomaly{ display:inline-flex;align-items:center;justify-content:center; width:14px;height:14px;border-radius:50%;background:var(--warning-soft, #fef3c7); color:var(--warning, #b45309);font-size:10px;font-weight:700;margin-left:2px; } /* 摘要字段可点击展开（无独立按钮） */ .browser-detail-summary-toggle{ cursor:pointer;border-radius:4px;padding:1px 2px;margin:-1px -2px; outline:none; } .browser-detail-summary-toggle:hover{ color:var(--brand); } .browser-detail-summary-toggle:focus-visible{ box-shadow:0 0 0 2px var(--focus-ring, var(--brand-soft)); } .browser-detail-collapsible.is-open .browser-detail-summary-toggle{ color:var(--brand); } /* 折叠：默认收起详情 */ .browser-detail-collapsible .browser-detail-detail[hidden]{display:none !important} .browser-detail-collapsible.is-open .browser-detail-detail{display:inline-flex !important} /* hover 模式：仅桌面宽屏用 hover，窄屏仍靠点击摘要字段 */ @media (hover:hover) and (pointer:fine) and (min-width:641px){ .browser-detail-collapse-hover:hover .browser-detail-detail, .browser-detail-collapse-hover:focus-within .browser-detail-detail{ display:inline-flex !important; } .browser-detail-collapse-hover:hover .browser-detail-detail[hidden], .browser-detail-collapse-hover:focus-within .browser-detail-detail[hidden]{ display:inline-flex !important; } } @media (max-width:640px){ .browser-detail-box,.browser-detail-meta{font-size:var(--font-size-xxs)} .browser-detail-item{white-space:normal} .browser-detail-summary-toggle{padding:4px 6px;margin:-4px -6px;min-height:28px} /* 更大触控区域 */ } /* bulk_import_topics */ .bulk-import-wrap{display:grid;gap:14px}.bulk-import-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:10px}.bulk-import-hint code{word-break:break-all}.bulk-import-log{display:grid;gap:8px;padding:14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel)}.bulk-import-log ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.bulk-import-log li{font-size:var(--font-size-sm);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.bulk-import-log li.ok span{color:var(--success)}.bulk-import-log li.fail span{color:var(--danger)}.bulk-import-log small{color:var(--text-subtle)} /* color_scheme */ .color-scheme-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.color-scheme-choice{display:block;min-width:0;margin:0}.color-scheme-choice button{display:flex;width:100%;min-width:0;min-height:94px;box-sizing:border-box;align-items:center;gap:12px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);white-space:normal;cursor:pointer}.color-scheme-choice button:hover{border-color:var(--brand);background:var(--brand-soft)}.color-scheme-choice.active button{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.color-scheme-preview{display:flex;width:40px;height:40px;flex:0 0 40px;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:6px}.color-scheme-preview i{display:block;height:100%}.color-scheme-preview i:nth-child(1){width:54%}.color-scheme-preview i:nth-child(2){width:26%}.color-scheme-preview i:nth-child(3){width:20%}.color-scheme-font-preview{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);font-weight:700;line-height:1}.color-scheme-width-preview{display:flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg)}.color-scheme-width-preview:before,.color-scheme-width-preview:after,.color-scheme-width-preview i{display:block;height:3px;background:var(--text-subtle);content:""}.color-scheme-width-preview:before,.color-scheme-width-preview:after{width:100%;opacity:.38}.color-scheme-width-preview{gap:3px;flex-direction:column}.color-scheme-width-preview i{max-width:100%;background:var(--brand)}.color-scheme-choice-copy{display:grid;flex:1 1 auto;gap:2px;min-width:0}.color-scheme-choice-copy strong,.color-scheme-choice-copy small{white-space:normal}.color-scheme-choice-copy small{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.45;overflow-wrap:anywhere}.color-scheme-section-title{margin:24px 0 8px;font-size:var(--font-size-lg)}.color-scheme-font-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.color-scheme-font-inputs .grid{grid-template-columns:1fr;gap:5px;margin:0}.color-scheme-font-inputs input{box-sizing:border-box;width:100%;max-width:none}.color-scheme-page-actions{margin-top:16px}.color-scheme-admin-list{display:grid;gap:10px}.color-scheme-admin-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:6px}.color-scheme-admin-meta{display:flex;align-items:center;gap:10px;min-width:0}.color-scheme-admin-ops{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.color-scheme-admin-ops form{margin:0}.color-scheme-top-link{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted)}.color-scheme-top-link:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.color-scheme-top-link:focus-visible{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.color-scheme-top-link svg{width:17px;height:17px}.color-scheme-dark-mode-control{position:relative;display:flex;align-items:center;flex:0 0 30px}.color-scheme-dark-mode-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text-muted);cursor:pointer;outline:none;position:relative;-webkit-tap-highlight-color:transparent;flex-shrink:0}.color-scheme-dark-mode-toggle-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.color-scheme-dark-mode-toggle-btn:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);border-color:var(--brand)}.color-scheme-dark-mode-toggle-btn svg{width:17px;height:17px}.color-scheme-dark-mode-toggle-btn svg:not(.color-scheme-dark-mode-icon-active){display:none}.color-scheme-dark-mode-menu{position:absolute;z-index:110;top:calc(100% + 7px);right:0;display:none;width:132px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);box-shadow:0 8px 20px var(--shadow-base)}.color-scheme-dark-mode-menu.open{display:grid;gap:2px}.color-scheme-dark-mode-option{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;padding:0 7px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.color-scheme-dark-mode-option:hover,.color-scheme-dark-mode-option.active{background:var(--brand-soft);color:var(--brand)}.color-scheme-dark-mode-option:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.color-scheme-dark-mode-option svg{flex:0 0 16px;width:16px;height:16px}@media(max-width:720px){.color-scheme-dark-mode-control{width:28px;height:28px;flex-basis:28px}.color-scheme-dark-mode-toggle-btn{width:28px;height:28px;min-height:28px;border:0;background:transparent;color:var(--text-subtle)!important}.color-scheme-dark-mode-toggle-btn svg{width:24px;height:24px}.color-scheme-dark-mode-toggle-btn:hover{background:var(--bg);color:var(--text)!important}.color-scheme-dark-mode-menu{top:calc(100% + 5px)}}@media(max-width:640px){.color-scheme-font-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.color-scheme-font-inputs{grid-template-columns:1fr}.color-scheme-admin-item{align-items:flex-start;flex-direction:column}.color-scheme-admin-ops{width:100%;justify-content:flex-start}}html[data-color-scheme-dark-mode-theme="dark"]{--bg:#0f121a;--panel:#171b27;--line:#262b3b;--line-soft:#1e2332;--text:#e2e5ed;--text-muted:#9399ab;--text-subtle:#636a80;--text-disabled:#4a5066;--brand:#586779;--brand-hover:#6b7c90;--brand-soft:#1f2937;--success:#2ab86e;--success-soft:#19211d;--danger:#f47278;--danger-soft:#241b20;--warning:#f6a04e;--warning-soft:#252019;--info:#6aaeff;--info-soft:#19212a;--inverse:#0b0f14;--inverse-border:#2b313b;--inverse-text:#f1f5f9;--color-dark-rgb:15,18,26;--backdrop:rgba(var(--color-dark-rgb),.48);--shadow-base:rgba(0,0,0,.38);--shadow-medium:rgba(0,0,0,.52);--focus-ring:rgba(52,217,132,.25);--radius:6px;--radius-sm:4px}html[data-color-scheme-dark-mode-theme="dark"] input:not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="checkbox"]),html[data-color-scheme-dark-mode-theme="dark"] textarea,html[data-color-scheme-dark-mode-theme="dark"] select{background:var(--bg);color:var(--text);border-color:var(--line)}html[data-color-scheme-dark-mode-theme="dark"] input::placeholder,html[data-color-scheme-dark-mode-theme="dark"] textarea::placeholder{color:var(--text-subtle)}html[data-color-scheme-dark-mode-theme="dark"] ::selection{background:var(--brand-soft);color:var(--text)}html[data-color-scheme-dark-mode-theme="dark"] hr{border-color:var(--line)}html[data-color-scheme-dark-mode-theme="dark"] img:not([src$=".svg"]):not([src*=".svg?"]){filter:brightness(.92)}html[data-color-scheme-dark-mode-theme="dark"] pre,html[data-color-scheme-dark-mode-theme="dark"] code{background:var(--line-soft);border-color:var(--line)}html[data-color-scheme-dark-mode-theme="dark"] .post-content a{text-decoration:underline}html[data-color-scheme-dark-mode-theme="dark"] body,html[data-color-scheme-dark-mode-theme="dark"] .box,html[data-color-scheme-dark-mode-theme="dark"] .card,html[data-color-scheme-dark-mode-theme="dark"] .list,html[data-color-scheme-dark-mode-theme="dark"] .top,html[data-color-scheme-dark-mode-theme="dark"] .main-panel,html[data-color-scheme-dark-mode-theme="dark"] .home-shell,html[data-color-scheme-dark-mode-theme="dark"] .footer,html[data-color-scheme-dark-mode-theme="dark"] .tab,html[data-color-scheme-dark-mode-theme="dark"] .post-item,html[data-color-scheme-dark-mode-theme="dark"] .search-form,html[data-color-scheme-dark-mode-theme="dark"] .search-field{color:var(--text);border-color:var(--line)}html[data-color-scheme-dark-mode-theme="dark"] a,html[data-color-scheme-dark-mode-theme="dark"] button,html[data-color-scheme-dark-mode-theme="dark"] input,html[data-color-scheme-dark-mode-theme="dark"] textarea,html[data-color-scheme-dark-mode-theme="dark"] select{color:var(--text)}html[data-color-scheme-dark-mode-theme="dark"] .panel,html[data-color-scheme-dark-mode-theme="dark"] .form-panel{background:var(--panel);border-color:var(--line)}html[data-color-scheme-dark-mode-theme="dark"] .search-input{background:var(--bg);color:var(--text);border-color:var(--line)} /* content_filter */ .content-filter-settings{display:grid;gap:14px}.content-filter-settings>p{margin:0;color:var(--text-muted)}.content-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.content-filter-grid label{display:grid;gap:6px}.content-filter-grid textarea{width:100%;max-width:none;min-height:110px}.content-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.content-filter-folded{display:block!important;min-height:48px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:var(--radius-md)!important;background:var(--panel)!important;box-shadow:none!important;overflow:hidden}.content-filter-folded>*{display:none!important}.content-filter-folded>.content-filter-reveal{display:flex!important;width:100%;min-height:48px;padding:10px 14px;align-items:center;justify-content:space-between;gap:12px;border:0;background:linear-gradient(90deg,var(--bg),var(--panel));color:var(--text-muted);cursor:pointer}.content-filter-reveal strong{color:var(--brand);font-size:var(--font-size-sm)}.content-filter-highlighted{position:relative;border-color:color-mix(in srgb,var(--brand) 28%,var(--line))!important;background:linear-gradient(105deg,color-mix(in srgb,var(--brand) 9%,var(--panel)) 0%,var(--panel) 52%)!important;box-shadow:inset 3px 0 var(--brand),0 5px 18px color-mix(in srgb,var(--brand) 8%,transparent)!important}.content-filter-highlighted:after{content:"爱看";position:absolute;right:10px;top:8px;padding:2px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:11px;font-weight:600}@media(max-width:720px){.content-filter-grid{grid-template-columns:1fr}} /* conversation */ .conversation-view{display:inline-flex;align-items:center;margin-left:8px;color:var(--text-subtle);font-size:var(--font-size-sm);cursor:pointer;text-decoration:none;line-height:1} .conversation-view:hover{color:var(--brand)} .conversation-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:flex-end;justify-content:center;background:var(--backdrop);overscroll-behavior:contain} .conversation-modal.is-open{display:flex} .conversation-panel{width:min(100%,420px);max-height:min(75vh,600px);display:flex;flex-direction:column;background:var(--panel);color:var(--text);border-radius:12px 12px 0 0;box-shadow:var(--shadow-medium);animation:conversation-slide-up .18s ease-out} @keyframes conversation-slide-up{from{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}} .conversation-headbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line-soft);font-size:var(--font-size-md);font-weight:600} .conversation-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:2px 6px} .conversation-close:hover{color:var(--text)} .conversation-list{flex:1;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:4px 16px calc(16px + env(safe-area-inset-bottom,0px))} .conversation-list::-webkit-scrollbar{width:6px;height:6px} .conversation-list::-webkit-scrollbar-button{display:none;width:0;height:0} .conversation-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px} .conversation-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)} .conversation-list::-webkit-scrollbar-track{background:transparent} .conversation-list.is-dragging{cursor:grabbing} .conversation-list.is-dragging,.conversation-list.is-dragging *{user-select:none;-webkit-user-select:none} .conversation-item{padding:12px 0;border-bottom:1px solid var(--line-soft)} .conversation-item.is-anchor{background:var(--brand-soft);margin:4px -8px;padding:12px 8px;border-radius:8px;border-bottom:none} .conversation-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;min-width:0} .conversation-author{display:flex;align-items:center;gap:8px;min-width:0} .conversation-author .avatar-profile-link{display:block;flex-shrink:0;width:28px;height:28px;border-radius:4px;overflow:hidden} .conversation-author .avatar-img{width:100%;height:100%;object-fit:cover} .conversation-username{color:var(--text);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .conversation-username:hover{color:var(--brand)} .conversation-meta{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);color:var(--text-muted)} .conversation-floor{color:var(--text-subtle);text-decoration:none} .conversation-floor:hover{color:var(--brand)} .conversation-content{font-size:var(--font-size-md);color:var(--text);word-break:break-word} .conversation-loading,.conversation-empty,.conversation-error{padding:16px 0;color:var(--text-muted);font-size:var(--font-size-sm)} /* daily_fortune */ .daily-fortune-wrap{max-width:520px;margin:0 auto} .daily-fortune-card{padding:20px;text-align:center} .daily-fortune-level{font-size:var(--font-size-xl);font-weight:700;color:var(--brand);margin-bottom:12px} .daily-fortune-lines{text-align:left;display:grid;gap:8px;margin:0 auto 14px;max-width:320px} .daily-fortune-lines p{margin:0} .daily-fortune-key{display:inline-block;min-width:64px;padding:2px 8px;margin-right:6px;border-radius:6px;background:var(--brand-soft);color:var(--brand);text-align:center;font-size:var(--font-size-xs)} .daily-fortune-key-bad{background:var(--danger);color:var(--inverse-text)} .daily-fortune-hint{color:var(--text-muted);font-size:var(--font-size-sm);margin:10px 0} /* daily_hot_topics */ .daily-hot-topics-card .daily-hot-topics-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-hot-topics-card .daily-hot-topics-head>span{color:var(--text-subtle);font-size:10px;white-space:nowrap} .daily-hot-topics-card .daily-hot-topics-list a{align-items:flex-start;padding:7px 0}.daily-hot-topics-card .daily-hot-topics-list a:before{flex:0 0 6px;margin-top:7px}.daily-hot-topics-card .daily-hot-topics-content{display:block;min-width:0;flex:1}.daily-hot-topics-card .daily-hot-topics-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.45;text-align:left;white-space:normal}.daily-hot-topics-card .daily-hot-topics-count{display:block;margin-top:2px;color:var(--text-subtle);font-size:10px;line-height:1.3;white-space:nowrap}.daily-hot-topics-card .daily-hot-topics-empty{padding:9px 0;color:var(--text-subtle);font-size:12px} /* dalao_style */ /* ---------- 1. 内容区：从"白盒子"改为卡片浮在暖色底上 ---------- */ .home-shell{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important} .home-shell .forum-layout{gap:16px} .forum-main{align-self:flex-start} .main-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px var(--shadow-base);padding:12px 24px} /* 面包屑：dalao 风格下隐藏（仅帖子内页有，HTML 保留不删，哪天要恢复直接去掉这条） */ .breadcrumb{display:none!important} /* ---------- 2. 顶栏：反色通栏（跟随系统 --inverse，暗黑模式自动变色） ---------- */ .top{background:var(--inverse)!important;border-top:2px solid #dd861a!important;border-bottom:0!important;position:relative; /* 反色区域的次级文字/底色：基于 --inverse-text 派生，深色方案下自动跟随 */ --top-text-soft:color-mix(in srgb,var(--inverse-text) 76%,transparent); --top-text-dim:color-mix(in srgb,var(--inverse-text) 82%,transparent); --top-hover:color-mix(in srgb,var(--inverse-text) 14%,transparent); --top-hover-strong:color-mix(in srgb,var(--inverse-text) 20%,transparent); --top-line:color-mix(in srgb,var(--inverse-text) 22%,transparent); --top-line-strong:color-mix(in srgb,var(--inverse-text) 40%,transparent)} /* 顶栏底部向上 4px 处一条 1px 半透明黑线（border 无法偏移，用伪元素定位） */ .top::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:#00000033;pointer-events:none} .top .bar{height:52px;gap:6px} .top .brand{color:var(--inverse-text)!important;letter-spacing:.5px} /* 站标的 ::before 由 dalao_style_logo_css() 动态生成（宽度要按图片比例算），别在这里写死 */ .top .forum-link{color:var(--top-text-soft)} .top .forum-link:hover,.top .forum-link.active{color:var(--inverse-text);background:var(--top-hover)} .top .forum-more-toggle{color:var(--top-text-soft);border-color:transparent} .top .forum-more-toggle:hover{color:var(--inverse-text);background:var(--top-hover)} .top .search-page-link{border-color:var(--top-line);background:var(--top-hover);color:var(--top-text-soft)} .top .search-page-link:hover{border-color:var(--top-line-strong);background:var(--top-hover-strong);color:var(--inverse-text);box-shadow:none} .top .mobile-menu-button{color:var(--top-text-dim)} .top .mobile-nav-unread{background:var(--brand)} .top .bar-action-group a,.top .bar-action-group button,.top .bar button{background:transparent;border-color:transparent;color:var(--top-text-dim)} .top .bar-action-group a:hover,.top .bar-action-group button:hover,.top .bar button:hover{color:var(--inverse-text);background:var(--top-hover);border-color:transparent} /* 搜索入口：去掉"假输入框"，统一成一个图标按钮（点击弹遮罩层）。 核心在窄屏下原本就是这个形态，这里让宽屏也用同一套。 */ .top .bar-right .search-page-link{flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--top-text-dim);justify-content:center} .top .search-page-link .search-page-fake-input{display:none} .top .search-page-link .search-page-fake-icon{flex:0 0 20px;width:20px;height:20px;color:inherit} .top .search-page-link svg{width:19px;height:19px;flex:0 0 19px} .top .bar-right .search-page-link:hover{background:var(--top-hover);color:var(--inverse-text);border-color:transparent;box-shadow:none} /* ---------- 3. 顶栏胶囊入口 ---------- */ .top .dalao-style-pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;margin-left:6px;border-radius:14px;color:var(--inverse-text)!important;font-size:var(--font-size-sm);font-weight:600;line-height:1;white-space:nowrap;transition:opacity var(--transition-normal)} .top .dalao-style-pill:hover{opacity:.86;background:inherit} /* ---------- 4. 列表：紧凑 + 细分割线 ---------- */ .post-item{margin:0 -24px;padding:11px 24px;border-bottom:1px solid var(--line-soft);min-height:52px} .post-item:last-child{border-bottom:0} /* 首页/分类页：去掉行尾的版块徽章(post-forum-badge)，其位置改放回复数（脚本搬到行尾，见 dalao_style_js） */ html .home-shell .post-list:not(.topic-post-list) .post-tag.post-forum-badge{display:none!important} html .home-shell .post-list:not(.topic-post-list) .post-item > .dalao-style-list-reply{margin-left:auto;flex-shrink:0;align-self:center;display:inline-flex;align-items:center;justify-content:center;background:#aab0c6;color:#fff;padding:2px 10px;border-radius:12px;font-size:var(--font-size-xs);white-space:nowrap} html .home-shell .post-list:not(.topic-post-list) .post-item > .dalao-style-list-reply .meta-icon{display:none} /* 首页/分类页：隐藏用户名前的图标（作者、最后回复人前面的小人图标）；回复数图标在 .dalao-style-list-reply 里，不受影响 */ html .home-shell .post-list:not(.topic-post-list) .post-meta .meta-icon{display:none} .post-item:hover{background:var(--brand-soft)} .post-title{font-size:var(--dalao-style-font-strong);color:var(--text);transition:color var(--transition-normal)} .post-title:hover{color:var(--brand)} .post-meta{color:var(--text-subtle);font-size:var(--font-size-xs);margin-top:4px} .post-meta a:hover{color:var(--brand)} .post-tag{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line-soft);color:var(--text-muted);font-size:var(--font-size-xs)} .post-tag:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)} /* 楼主标识：跟在作者名后面。用实心品牌色而不是柔色底 —— 帖子行 hover 时底色 本身就是 var(--brand-soft)，标签再用柔色会跟行背景糊在一起看不见。 */ .dalao-style-owner-tag{display:inline-block;flex:none;margin-left:6px;padding:0 6px;border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-size:var(--font-size-xs);line-height:17px;font-weight:600;vertical-align:1px} /* ---------- 4b. 帖子内页：标题区 / 首帖 / 评论区 ---------- ⚠️ 这里的选择器都带 `html` 前缀。因为 card_style 插件会用 `.home-shell .topic-post-list > .post-item.post-entry`（4 个类）来画卡片， 而它是通过 page.head 内联注入的