:root{--ink:#17243a;--blue:#0961f5;--muted:#78879b;--line:#e2e9f2;--soft:#f7f9fc}
*{box-sizing:border-box}
body{margin:0;background:#edf2f7;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}
.card-editor-page{width:390px;min-height:844px;margin:auto;padding:0 14px 26px;background:#fff}
.topbar{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;height:58px;border-bottom:1px solid #edf0f4}
.topbar a{display:grid;height:30px;color:var(--ink);font-size:22px;place-items:center;text-decoration:none}
.topbar h1{margin:0;font-size:16px;text-align:center}
.editor-form{padding-top:19px}
.field{display:block;margin-bottom:20px}
.field-label{display:block;margin-bottom:9px;font-size:14px;font-weight:700}
.field-label small{margin-left:5px;color:#91a0b2;font-size:11px;font-weight:400}
.title-input{width:100%;height:43px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:14px inherit;outline:0}
.title-input:focus,.rich-editor:focus{border-color:#9bbdf9;box-shadow:0 0 0 3px rgba(9,97,245,.08)}
.toolbar{display:flex;align-items:center;gap:3px;padding:7px 8px;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:var(--soft)}
.toolbar button{display:grid;width:30px;height:28px;border:0;border-radius:5px;background:transparent;color:#44546b;font:600 13px Georgia,serif;place-items:center;cursor:pointer}
.toolbar button:hover{background:#e7eef9;color:var(--blue)}
.toolbar .tool-image{width:auto;padding:0 7px;gap:4px;font:12px "PingFang SC","Microsoft YaHei",sans-serif}
.toolbar .ic{font-size:16px}
.rich-editor{min-height:260px;padding:13px 12px;border:1px solid var(--line);border-radius:0 0 9px 9px;background:#fff;color:#3d4d65;font-size:13px;line-height:1.65;outline:0}
.rich-editor p{margin:0 0 13px}.rich-editor p:last-child{margin-bottom:0}.rich-editor strong{color:#17243a}
.attachment-box{display:flex;align-items:center;gap:10px;min-height:54px;padding:9px 11px;border:1px dashed #b9cbe5;border-radius:9px;background:#fbfdff}
.attachment-box .ic{display:grid;width:31px;height:31px;border-radius:8px;background:#eaf2ff;color:var(--blue);font-size:18px;place-items:center}
.attachment-copy{display:grid;min-width:0;gap:2px;margin-right:auto}.attachment-copy b{font-size:12px}.attachment-copy small{overflow:hidden;color:#8290a3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.attachment-box button{height:30px;padding:0 10px;border:1px solid #c9dbf6;border-radius:7px;background:#fff;color:var(--blue);font:12px inherit;cursor:pointer}
.card-editor-bottom{margin-top:26px}.card-editor-bottom a{display:grid;width:100%;height:44px;border-radius:9px;background:var(--blue);color:#fff;font-size:14px;font-weight:700;place-items:center;text-decoration:none}
@media(max-width:390px){.card-editor-page{width:100%;min-height:100vh}}