/* * Modern Editor Page Styles * * A quiet, paper-like writing surface for the immersive post-editing page, * with controls revealed on intent. * * Authors: * MoyuZJ @LinearTeam - Made in China with ♥ * * Copyright (C) 2026 Evarentha * SPDX-License-Identifier: GPL-3.0-or-later */ /* * Styles the editor shell rendered by post-edit.ejs: sticky top bar, title * and slug row, block toolbar, document canvas, publish drawer, and the * JSON editing surface for unknown or extension block types. * @since 1.4.0 */ .modern-editor-page{--ink:#17201c;--muted:#7c857e;--line:#d9dfd9;--paper:#fff;--wash:#f3f6f1;--accent:#d35d3e;min-height:calc(100vh - 90px);margin:-32px clamp(-80px,-5vw,-22px) -32px;padding-bottom:80px;background:var(--wash);color:var(--ink);font-family:Georgia,'Times New Roman',serif}.modern-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:17px clamp(22px,5vw,80px);background:rgba(243,246,241,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);font-family:Arial,sans-serif}.modern-topbar>div{display:flex;align-items:center;gap:16px}.modern-back{font-size:25px;text-decoration:none;color:var(--ink);line-height:1}.modern-status{font-size:11px;letter-spacing:.06em;color:var(--muted)}.modern-actions{gap:10px!important}.modern-icon-button,.modern-publish-button,.modern-confirm-publish{font-family:Arial,sans-serif;cursor:pointer;border:1px solid var(--ink);padding:10px 15px;background:var(--paper);color:var(--ink)}.modern-icon-button{font-size:18px;padding:7px 14px}.modern-publish-button,.modern-confirm-publish{background:var(--accent);border-color:var(--accent);color:#fff}.modern-canvas{width:min(100% - 40px,860px);margin:0 auto;padding:74px 0 30px}.modern-title{width:100%;border:0!important;background:transparent!important;padding:0!important;font:400 clamp(42px,6vw,76px) Georgia,serif!important;line-height:1.05;color:var(--ink)!important;outline:0}.modern-title::placeholder{color:#b4bdb5}.modern-slug-row{display:flex;align-items:center;gap:3px;margin:18px 0 45px;color:var(--muted);font:12px Arial,sans-serif}.modern-slug-row input{border:0;background:transparent;padding:3px;width:260px;color:var(--muted);outline:0}.modern-editor-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:11px Arial,sans-serif}.modern-toolbar-label{color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.modern-editor-toolbar [data-block-toolbar]{display:flex;flex-wrap:wrap;gap:5px}.modern-editor-toolbar button{border:0;background:transparent;color:var(--ink);padding:6px 8px;cursor:pointer;font:inherit}.modern-editor-toolbar button:hover{background:var(--ink);color:#fff}.modern-document{background:var(--paper);padding:20px 42px;box-shadow:0 12px 40px rgba(23,32,28,.05)}.modern-block{position:relative;display:flex;min-height:88px;padding:24px 0;border-bottom:1px solid transparent;transition:background .2s,border-color .2s}.modern-block:hover,.modern-block:focus-within{border-bottom-color:var(--line)}.modern-block-rail{width:43px;flex:0 0 43px;padding-top:4px;color:#b3bbb3;font:10px Arial,sans-serif;display:flex;flex-direction:column;gap:9px}.modern-mini-action{opacity:0;border:0;background:transparent;color:var(--muted);font:14px Arial,sans-serif;padding:0;cursor:pointer}.modern-block:hover .modern-mini-action,.modern-block:focus-within .modern-mini-action{opacity:1}.modern-mini-action:hover{color:var(--accent)}.modern-block-body{min-width:0;flex:1}.modern-block-label{display:flex;align-items:baseline;gap:9px;margin-bottom:9px;font:11px Arial,sans-serif;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.modern-block-label small{color:var(--muted);font-size:10px;text-transform:none;letter-spacing:0}.modern-preview{font-size:19px;line-height:1.65;min-height:34px}.modern-preview h1,.modern-preview h2,.modern-preview h3,.modern-preview h4{margin:0;font-weight:400;line-height:1.2}.modern-preview h1{font-size:38px}.modern-preview h2{font-size:31px}.modern-preview h3{font-size:25px}.modern-preview h4{font-size:21px}.modern-preview p{margin:0;white-space:pre-wrap}.modern-preview blockquote{border-left:3px solid var(--accent);margin:0;padding-left:18px;font-style:italic}.modern-preview cite{display:block;margin-top:6px;font:11px Arial,sans-serif;color:var(--muted)}.modern-preview pre{margin:0;padding:16px;background:#202823;color:#e8eee8;overflow:auto;font:13px/1.6 Consolas,monospace}.modern-preview table{border-collapse:collapse;width:100%;font:14px Arial,sans-serif}.modern-preview td{padding:10px;border:1px solid var(--line)}.modern-preview details{font:16px Arial,sans-serif}.modern-preview summary{cursor:pointer;font-weight:bold}.modern-preview audio,.modern-preview video{max-width:100%;width:100%}.modern-preview img{display:block;max-width:100%;max-height:420px;object-fit:contain}.modern-preview .math-mark{font-size:30px;color:var(--accent)}.modern-preview .media-icon{font-size:24px;color:var(--accent);margin-right:10px}.modern-preview .big-icon{font-size:42px;margin-right:14px;vertical-align:middle}.preview-button{display:inline-block;background:var(--ink);color:#fff;margin:0 8px 5px 0;padding:9px 15px;font:13px Arial,sans-serif}.modern-preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.modern-preview-columns>div{padding:10px 0;border-top:2px solid var(--ink);white-space:pre-wrap}.modern-preview-spacer{height:50px;color:var(--muted);border-top:1px dashed var(--line);text-align:center;font:11px Arial,sans-serif}.modern-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px;padding:14px;background:#f7f9f6;font:11px Arial,sans-serif}.modern-field{display:grid;gap:5px;color:var(--muted)}.modern-field input,.modern-field textarea,.modern-field select{border:1px solid var(--line);background:#fff;padding:9px;color:var(--ink);font:13px Arial,sans-serif;width:100%}.modern-field textarea{min-height:70px;resize:vertical}.modern-check{display:flex;align-items:center;gap:6px;color:var(--muted)}.modern-check input{accent-color:var(--accent)}.modern-add-block{display:block;width:100%;border:1px dashed #b8c2b9;background:transparent;color:var(--muted);padding:19px;margin-top:20px;text-align:left;font:14px Georgia,serif;cursor:pointer}.modern-add-block span{float:right;color:var(--accent);font:20px Arial,sans-serif}.modern-publish-drawer{position:fixed;z-index:30;inset:0 0 0 auto;width:min(390px,92vw);padding:32px;background:#fff;box-shadow:-20px 0 60px rgba(23,32,28,.18);transform:translateX(105%);transition:transform .28s ease;font-family:Arial,sans-serif}.modern-publish-drawer.is-open{transform:translateX(0)}.modern-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:22px}.modern-drawer-head h2{margin:7px 0 0;font:400 32px Georgia,serif}.modern-drawer-head button{border:0;background:transparent;font-size:28px;cursor:pointer}.modern-kicker,.modern-summary-label{display:block;color:var(--accent);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.modern-summary{display:grid;gap:8px;padding:28px 0}.modern-summary strong{font:18px Georgia,serif;margin-bottom:15px}.modern-schedule{font-size:13px;color:var(--ink)}.modern-schedule input{accent-color:var(--accent)}.modern-summary input[type=datetime-local]{border:1px solid var(--line);padding:11px;width:100%}.modern-drawer-note{color:var(--muted);font-size:12px;line-height:1.6}.modern-confirm-publish{width:100%;margin-top:20px;padding:14px}.modern-drawer-backdrop{display:none;position:fixed;z-index:20;inset:0;background:rgba(23,32,28,.28)}.modern-drawer-backdrop.is-open{display:block}@media(max-width:700px){.modern-canvas{padding-top:45px;width:min(100% - 24px,860px)}.modern-document{padding:12px 16px}.modern-block-rail{width:28px;flex-basis:28px}.modern-settings{grid-template-columns:1fr}.modern-preview-columns{grid-template-columns:1fr;gap:14px}.modern-editor-toolbar{align-items:flex-start;flex-direction:column}.modern-editor-toolbar [data-block-toolbar]{max-height:90px;overflow:auto}.modern-topbar{padding-inline:14px}} /* 未知/扩展区块的 JSON 编辑面 */ .modern-unknown-edit{width:100%;min-height:110px;padding:12px;border:1px dashed #d9dfd9;background:#fff;color:#17201c;font:12px/1.6 Consolas,"Courier New",monospace;box-sizing:border-box;resize:vertical}