@font-face{font-family:OPPOSans;src:url(./OPPOSans-R-CwUjY_3C.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OPPOSans;src:url(./OPPOSans-M-fM0Cdx-2.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:OPPOSans;src:url(./OPPOSans-B-CmLPR0q1.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--bg: #efe6d6;--panel: #fffaf3;--panel-border: rgba(102, 78, 49, .2);--ink: #3e2f22;--muted: #8f7b67;--accent: #a16d36;--accent-strong: #7d4e20;--paper: #fefcf6;--paper-edge: #ece2d2;--card: #fbf7f0;--shadow: 0 8px 20px rgba(82, 60, 34, .05);--ui-font: "OPPOSans", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--note-font: "OPPOSans", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--ui-font);color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(circle at top left,rgba(255,255,255,.42),transparent 28%),linear-gradient(135deg,#eadcc8,#eee4d6 45%,#e2d0b7);color:var(--ink)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,textarea{font:inherit}body{min-height:100vh}button{cursor:pointer}.app-shell{min-height:100vh;width:100%;display:grid;grid-template-columns:minmax(560px,1.15fr) minmax(420px,.85fr);gap:24px;padding:12px 8px}.editor-panel,.preview-panel{background:var(--panel);border-radius:28px;box-shadow:var(--shadow)}.editor-panel{padding:28px;display:flex;flex-direction:column;gap:18px;min-height:0}.panel-header,.preview-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.panel-header h1,.preview-header h2{margin:6px 0 0;font-size:clamp(1.9rem,2vw,2.4rem);line-height:1}.panel-copy,.preview-header p:last-child,.tips,.eyebrow{color:var(--muted)}.eyebrow{margin:0;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.toolbar button{border:1px solid rgba(125,78,32,.2);background:#fff9f0f2;color:var(--ink);padding:10px 16px;border-radius:999px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.toolbar button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #523c2214;border-color:#7d4e2059}.toolbar .primary{background:linear-gradient(135deg,#b27d47,#8f5d2d);color:#fff8f0;border-color:transparent}.preview-export{align-self:center;border:1px solid transparent;background:linear-gradient(135deg,#b27d47,#8f5d2d);color:#fff8f0;padding:10px 16px;border-radius:999px}.preview-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.export-status{margin:0;max-width:240px;color:#9b6b3d;font-size:.8rem;line-height:1.45;text-align:right}.confirm-dialog-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#36271729;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.confirm-dialog{width:min(100%,360px);padding:22px 22px 18px;border-radius:22px;background:#fffaf2fa;box-shadow:0 18px 44px #523c222e}.confirm-dialog h3{margin:0;color:var(--ink);font-size:1.08rem}.confirm-dialog p{margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.65}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.confirm-dialog-actions button{border:1px solid rgba(125,78,32,.16);background:#fff9f0f0;color:var(--ink);padding:9px 14px;border-radius:999px}.confirm-dialog-actions .primary{border-color:transparent;background:linear-gradient(135deg,#b27d47,#8f5d2d);color:#fff8f0}.input-label{font-size:.92rem;color:var(--muted)}.markdown-editor{width:100%;flex:1;min-height:0;resize:vertical;font-family:var(--note-font);font-weight:500;border:1px solid rgba(125,78,32,.14);border-radius:22px;padding:20px 22px;background:linear-gradient(180deg,#fffefaf5,#f9f2e7f5);color:var(--ink);line-height:1.8;outline:none;box-shadow:inset 0 1px #ffffff8c}.markdown-editor:focus{border-color:#8f5d2d6b;box-shadow:0 0 0 4px #a16d3614,inset 0 1px #ffffff8c}.preview-panel{padding:28px 22px 22px;display:flex;flex-direction:column;gap:20px}.preview-stage{flex:1;overflow:auto;padding:16px 6px;border-radius:24px;display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(180deg,#ffffffc7,#e8dbc761)}.note-sheet{position:relative;align-self:flex-start;width:330px;max-width:100%;margin:0;background:#fefcf6;font-family:var(--note-font);padding:18px 18px 12px}.sheet-frame{position:absolute;pointer-events:none;border:1px solid rgba(237,233,225,.92)}.sheet-frame-outer{inset:14px 8px 30px}.sheet-frame-inner{inset:18px 12px 34px}.sheet-corner{position:absolute;width:3px;height:3px;border:1px solid rgba(237,233,225,.92);background:#fefcf6;pointer-events:none}.sheet-corner-top-left{left:5px;top:13px}.sheet-corner-top-right{right:5px;top:13px}.sheet-corner-bottom-left{left:5px;bottom:29px}.sheet-corner-bottom-right{right:5px;bottom:29px}.sheet-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:40px;padding:20px 18px 0}.note-section{min-height:auto}.note-index{margin-bottom:13px}.note-index p,.note-index strong{margin:0;font-size:.98rem;font-weight:700;color:#463526f5}.note-copy p{margin:0}.note-copy{display:flex;flex-direction:column;gap:0;color:#6a5643eb;font-size:.93rem;font-weight:400;line-height:1.92;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word}.note-copy p+p{margin-top:11px}.note-copy p img{display:block;width:100%;height:auto;margin:14px 0 2px;border:0;border-radius:0;box-shadow:none;background:#f3eee5;object-fit:contain;image-rendering:auto}.note-copy a{color:#ac9070;text-decoration:none;border-bottom:0}.note-copy code{font-size:.9em;font-weight:400;padding:.08em .32em;border-radius:.3em;background:#7d4e2014}.note-copy pre{margin:12px 0 0;padding:10px 12px;overflow:hidden;border-radius:3px;background:#f3ece1e6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#614f3df0;font-size:.74rem;font-weight:400;line-height:1.7}.note-copy pre code{display:block;padding:0;border-radius:0;background:transparent;white-space:inherit;overflow-wrap:inherit;word-break:inherit}.note-copy blockquote{position:relative;margin:0 0 12px;padding-left:1.08rem;color:#cfc5b8;font-size:.93rem;font-weight:400;line-height:1.58;overflow-wrap:anywhere;word-break:break-word}.note-copy blockquote:before{content:"“";position:absolute;left:-.04rem;top:.1rem;font-family:Georgia,Times New Roman,serif;font-size:1.42rem;line-height:.82;font-weight:400;color:#e1d8cd}.note-copy blockquote p{margin:0}.note-copy ul,.note-copy ol{margin:12px 0 0;padding-left:1.3em}.note-copy li+li{margin-top:.35em}.note-copy table{width:100%;margin:12px 0 0;border-collapse:collapse;table-layout:fixed;font-size:.76rem;line-height:1.6}.note-copy th,.note-copy td{padding:.35rem .45rem;border:1px solid rgba(220,209,191,.88);overflow-wrap:anywhere;word-break:break-word;vertical-align:top}.note-copy th{background:#f3ece1a6;font-weight:700}.note-copy hr{margin:16px 0;border:0;border-top:1px solid rgba(220,209,191,.8)}.sheet-footer{position:relative;z-index:1;margin-top:20px;padding:0 7px;display:flex;align-items:center;gap:7px;color:#dad2c7;font-size:.42rem;line-height:1}.sheet-footer-brand{color:#d2c8ba;font-weight:700}.sheet-footer-via{color:#ded6cb;font-weight:400}.sheet-footer-icon{position:relative;width:.82rem;height:.82rem;border-radius:999px;background:#d9d0c3;color:transparent}.sheet-footer-icon:before{content:"T";position:absolute;left:50%;top:50%;transform:translate(-50%,-56%);color:var(--paper);font-size:.58rem;font-weight:700;line-height:1}.empty-state{text-align:center;color:var(--muted)}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.markdown-editor{min-height:42vh}.preview-stage{min-height:60vh}}