:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#1f2329;background:#fffefb;font-synthesis:none}*{box-sizing:border-box}body{min-width:980px;margin:0;background:linear-gradient(135deg,#fffefb,#fff8ed)}button,input,textarea,select{font:inherit}button{cursor:pointer}.pairing-page{display:grid;min-height:100vh;place-items:center;padding:48px}.pairing-card{width:520px;padding:52px;border:1px solid #f1dfc0;border-radius:28px;background:#fffffff0;box-shadow:0 24px 70px #b4822821;text-align:center}.brand-mark{width:54px;height:54px;margin:0 auto 14px;border-radius:18px;background:#fff3dd;color:#d69a2d;font-size:43px;line-height:50px}.eyebrow{margin:0;color:#b87916;font-size:14px;letter-spacing:.1em}.pairing-card h1{margin:12px 0 10px;font-size:30px}.pairing-description{margin:0 auto;color:#6b7280;line-height:1.8}.qr-frame{display:grid;width:294px;height:294px;margin:32px auto 18px;place-items:center;border:1px solid #f1dfc0;border-radius:20px;background:#fffefb}.qr-frame img{width:260px;height:260px}.pairing-state{display:flex;align-items:center;justify-content:center;gap:8px;min-height:24px;margin:0;color:#6b7280}.pairing-state i{width:8px;height:8px;border-radius:50%;background:#d69a2d}.qr-frame.scanned+.pairing-state i{background:#22c55e}.primary-button,.publish-button{border:0;border-radius:12px;background:linear-gradient(90deg,#d89a2b,#e7aa3b);box-shadow:0 8px 18px #d69a2d38;color:#fff;font-weight:700}.primary-button{margin-top:22px;padding:13px 26px}.editor-page{min-height:100vh}.editor-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;height:72px;padding:0 44px;border-bottom:1px solid #ede7dc;background:#fffefbf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.editor-brand{display:flex;align-items:center;gap:9px}.editor-brand span{color:#d69a2d;font-size:34px}.editor-brand strong{font-size:19px}.editor-brand em{padding-left:10px;border-left:1px solid #e3d9ca;color:#9ca3af;font-size:14px;font-style:normal}.save-status{margin-left:auto;margin-right:22px;color:#6b7280;font-size:14px}.save-status i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#22c55e}.save-status.saving i,.save-status.dirty i{background:#d69a2d}.save-status.conflict,.save-status.error{color:#dc2626}.save-status.conflict i,.save-status.error i{background:#dc2626}.publish-button{height:42px;padding:0 20px}.publish-button:disabled{opacity:.55}.editor-shell{display:grid;grid-template-columns:200px minmax(640px,820px);justify-content:center;gap:34px;padding:44px}.format-rail{align-self:start;padding:18px;border:1px solid #f1dfc0;border-radius:18px;background:#fff}.format-rail p{margin:0 0 12px;color:#6b7280;font-size:13px}.format-rail button{display:block;width:100%;padding:11px;border:0;border-radius:10px;background:transparent;color:#1f2329;text-align:left}.format-rail button:hover{background:#fff3dd;color:#b87916}.article-canvas{padding:56px 68px;border:1px solid #f1dfc0;border-radius:22px;background:#fff;box-shadow:0 12px 34px #5743240f}.article-title{width:100%;padding:0;border:0;outline:0;color:#1f2329;font-size:34px;font-weight:700}.article-title::placeholder{color:#c6cbd2}.article-meta{display:flex;align-items:center;gap:14px;margin:18px 0 34px;color:#9ca3af;font-size:13px}.article-meta select{padding:7px 10px;border:1px solid #f1dfc0;border-radius:8px;background:#fffaf1;color:#b87916}.editor-block{position:relative;margin:10px 0}.block-handle{position:absolute;top:8px;left:-48px;display:flex;gap:2px;opacity:0;transition:.18s}.editor-block:hover .block-handle{opacity:1}.block-handle button{width:20px;height:22px;padding:0;border:0;border-radius:5px;background:#f5f1eb;color:#6b7280}.block-handle button:disabled{opacity:.35}.editor-block textarea{display:block;width:100%;resize:vertical;border:1px solid transparent;border-radius:8px;outline:0;background:transparent;color:#30343a;line-height:1.8}.editor-block textarea:hover,.editor-block textarea:focus{border-color:#f1dfc0;background:#fffdf9}.input-paragraph{min-height:90px;padding:10px 12px;font-size:17px}.input-h1{min-height:64px;padding:8px 12px;font-size:28px;font-weight:700}.input-h2{min-height:58px;padding:8px 12px;font-size:23px;font-weight:700}.input-h3{min-height:54px;padding:8px 12px;font-size:19px;font-weight:700}.image-block{display:grid;min-height:160px;place-items:center;overflow:hidden;border:1px dashed #e3c58d;border-radius:12px;background:#fffaf1;color:#b87916}.image-block img{display:block;max-width:100%;max-height:480px}.divider-block{padding:18px;color:#c4b9a9;text-align:center}.block-insert{display:flex;gap:8px;margin:6px 0 18px;opacity:0;transition:.18s}.editor-block:hover .block-insert{opacity:1}.block-insert button{padding:5px 8px;border:1px solid #eee4d4;border-radius:6px;background:#fff;color:#9b7a41;font-size:12px}.tags-field{display:grid;gap:8px;margin-top:32px;color:#6b7280;font-size:14px}.tags-field input{padding:12px 14px;border:1px solid #ede7dc;border-radius:10px;outline:0}.tags-field input:focus{border-color:#d69a2d}