.sc-overlay[data-v-5c22da15]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1300;display:flex;align-items:flex-end;justify-content:center}.sc-panel[data-v-5c22da15]{width:100%;max-width:520px;max-height:80vh;background:#fff;border-radius:20px 20px 0 0;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.sc-head[data-v-5c22da15]{display:flex;justify-content:space-between;align-items:center}.sc-head h3[data-v-5c22da15]{margin:0;font-size:17px;color:#5b4636}.sc-close[data-v-5c22da15]{background:none;border:none;font-size:20px;color:#888;cursor:pointer}.sc-tabs-list[data-v-5c22da15]{display:flex;gap:8px;margin-bottom:8px}.sc-tab-trigger[data-v-5c22da15]{flex:1;padding:10px;border:none;border-radius:12px;background:#f3ede4;color:#5b4636;font-size:14px;cursor:pointer}.sc-tab-trigger[data-state=active][data-v-5c22da15]{background:#c97b5c;color:#fff}.sc-tab-content[data-v-5c22da15]{display:flex;flex-direction:column;gap:10px}.sc-row[data-v-5c22da15]{display:flex;align-items:center;gap:10px;min-height:36px}.sc-row label[data-v-5c22da15]{width:72px;font-size:13px;color:#666}.sc-row input[type=color][data-v-5c22da15]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer}.sc-row button[data-v-5c22da15]{padding:6px 12px;border:1px solid #e0d6c8;border-radius:10px;background:#fff;color:#5b4636;cursor:pointer}.sc-row button.active[data-v-5c22da15]{background:#c97b5c;color:#fff;border-color:#c97b5c}.sc-slider[data-v-5c22da15]{flex:1;display:flex;align-items:center;position:relative;height:20px}.sc-slider-track[data-v-5c22da15]{flex:1;height:6px;background:#e8dfd3;border-radius:3px}.sc-slider-range[data-v-5c22da15]{position:absolute;height:6px;background:#c97b5c;border-radius:3px}.sc-slider-thumb[data-v-5c22da15]{display:block;width:18px;height:18px;background:#c97b5c;border-radius:50%}.sc-val[data-v-5c22da15]{width:44px;font-size:12px;color:#888;text-align:right}.sc-preview[data-v-5c22da15]{padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.sc-preview-title[data-v-5c22da15]{font-size:14px}.sc-preview-btn[data-v-5c22da15]{padding:8px 16px;border:none;border-radius:var(--ui-radius-md, 12px);background:var(--ui-primary, #c97b5c);color:#fff;cursor:pointer}.sc-actions[data-v-5c22da15]{display:flex;gap:10px;justify-content:flex-end}.sc-actions button[data-v-5c22da15]{padding:10px 16px;border:none;border-radius:12px;cursor:pointer;font-size:14px}.sc-actions button.primary[data-v-5c22da15]{background:#c97b5c;color:#fff}@media (min-width: 768px){.sc-overlay[data-v-5c22da15]{align-items:center}.sc-panel[data-v-5c22da15]{border-radius:20px}}.il-overlay[data-v-b7319a45]{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e08eb;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 16px}.il-toolbar[data-v-b7319a45]{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#281e14d9;border:1px solid rgba(200,170,120,.3);border-radius:999px;padding:6px 12px;z-index:201;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.il-tool[data-v-b7319a45]{border:none;background:transparent;color:#f3e7cc;min-width:34px;min-height:34px;border-radius:50%;font-size:16px;cursor:pointer;display:grid;place-items:center}.il-tool[data-v-b7319a45]:hover{background:#ffffff1f}.il-scale[data-v-b7319a45]{color:#f3e7cc;font-size:13px;min-width:52px;text-align:center}.il-close[data-v-b7319a45]{margin-left:4px}.il-stage[data-v-b7319a45]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.il-img[data-v-b7319a45]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .05s linear;will-change:transform}.il-loading[data-v-b7319a45],.il-error[data-v-b7319a45]{color:#f3e7cc;font-size:15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.il-retry[data-v-b7319a45]{border:none;background:#f3e7cc;color:#3d2e1f;padding:6px 16px;border-radius:999px;cursor:pointer;font-size:14px}@media (max-width: 767px){.il-overlay[data-v-b7319a45]{padding:64px 8px 8px}.il-toolbar[data-v-b7319a45]{top:8px;padding:4px 8px}.il-tool[data-v-b7319a45]{min-width:38px;min-height:38px}}.color-picker[data-v-5c7c37d8]{display:flex;flex-direction:column;gap:6px}.cp-label[data-v-5c7c37d8]{font-size:12px;color:#666}.cp-swatches[data-v-5c7c37d8]{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cp-swatch[data-v-5c7c37d8],.cp-native[data-v-5c7c37d8]{width:26px;height:26px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;flex:0 0 auto;display:grid;place-items:center;background:none;box-shadow:inset 0 0 0 1px #00000014;transition:transform .12s}.cp-swatch.active[data-v-5c7c37d8],.cp-native.active[data-v-5c7c37d8]{border-color:#c97b5c;transform:scale(1.1)}.cp-swatch.transparent[data-v-5c7c37d8]{background:repeating-linear-gradient(45deg,#fff 0,#fff 4px,#fcc 4px,#fcc 8px)!important}.cp-transparent[data-v-5c7c37d8]{font-size:10px;color:#999}.cp-native input[type=color][data-v-5c7c37d8]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.cp-native span[data-v-5c7c37d8]{font-size:14px;line-height:1}@media (pointer: coarse){.cp-swatch[data-v-5c7c37d8],.cp-native[data-v-5c7c37d8]{width:34px;height:34px}}:root{--paper: #fffdf6;--paper-deep: #f7f1e3;--paper-edge: #e8d9c0;--ink: #5b4636;--ink-soft: #8a7760;--terracotta: #c97b5c;--terracotta-deep: #b5835a;--sage: #8a9a6b;--sky: #6f94b0;--danger: #c05a4e;--shadow: 0 10px 30px rgba(91, 70, 54, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 20% -10%,#efe2c9 0%,transparent 60%),radial-gradient(1000px 500px at 100% 110%,#e6dcc4 0%,transparent 55%),var(--paper-deep);-webkit-font-smoothing:antialiased}button{font-family:inherit;color:var(--ink);cursor:pointer;border:1px solid var(--paper-edge);background:var(--paper);border-radius:10px;padding:7px 14px;font-size:14px;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}button:hover{box-shadow:0 4px 12px #5b46361f}button:active{transform:scale(.96)}button.primary{background:var(--terracotta-deep);border-color:var(--terracotta-deep);color:#fff}button.ghost{background:transparent}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;color:var(--ink);border:1px solid var(--paper-edge);border-radius:10px;padding:9px 12px;font-size:14px;background:var(--paper);outline:none}input:focus,textarea:focus{border-color:var(--terracotta-deep)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:360px;max-width:100%;background:var(--paper);border:1px solid var(--paper-edge);border-radius:18px;box-shadow:var(--shadow);padding:34px 30px}.login-card h1{margin:0 0 6px;font-size:26px;letter-spacing:4px;text-align:center}.login-card .sub{text-align:center;color:var(--ink-soft);font-size:13px;margin-bottom:24px}.login-card label{display:block;font-size:13px;color:var(--ink-soft);margin:14px 0 6px}.login-card input{width:100%}.login-card .primary{width:100%;margin-top:24px;padding:11px;font-size:15px}.login-error{color:var(--danger);font-size:13px;margin-top:12px;text-align:center;min-height:18px}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 18px;background:#f7f1e3eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--paper-edge);flex-wrap:wrap}.app-header .brand{font-size:18px;font-weight:700;letter-spacing:2px;margin-right:8px}.app-header .spacer{flex:1}.date-nav{display:flex;align-items:center;gap:6px}.date-nav input{padding:6px 10px}.layout{display:flex;gap:22px;padding:22px;align-items:flex-start;max-width:1400px;margin:0 auto}.sidebar{width:300px;flex-shrink:0;position:sticky;top:76px}.calendar-card{background:var(--paper);border:1px solid var(--paper-edge);border-radius:16px;box-shadow:var(--shadow);padding:16px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-head .ym{font-weight:700;font-size:16px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.cal-grid .dow{font-size:12px;color:var(--ink-soft);padding:6px 0}.cal-cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;border:1px solid transparent;cursor:pointer}.cal-cell.empty{cursor:default}.cal-cell:not(.empty):hover{background:var(--paper-deep)}.cal-cell.today{border-color:var(--terracotta-deep);font-weight:700}.cal-cell.selected{background:var(--terracotta-deep);color:#fff}.cal-cell .dots{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;gap:3px}.cal-cell .dots i{width:5px;height:5px;border-radius:50%;display:inline-block}.dot-1{background:var(--terracotta)}.dot-2{background:var(--sage)}.dot-3{background:var(--sky)}.cal-jump{display:flex;gap:8px;margin-top:12px}.cal-jump input{flex:1;min-width:0}.book-wrap{flex:1;min-width:0;perspective:2200px}.book{display:flex;gap:18px;align-items:stretch}.bookflip-enter-active,.bookflip-leave-active{transition:transform .42s ease,opacity .42s ease}.bookflip-enter-from{transform:rotateY(-70deg);opacity:0;transform-origin:left center}.bookflip-leave-to{transform:rotateY(75deg);opacity:0;transform-origin:right center}.page{flex:1;min-width:0;background:var(--paper);background-image:repeating-linear-gradient(transparent 0,transparent 31px,rgba(181,131,90,.14) 31px,rgba(181,131,90,.14) 32px);border:1px solid var(--paper-edge);border-radius:14px;box-shadow:var(--shadow);padding:20px 22px 26px;display:flex;flex-direction:column}.page+.page{position:relative}.page+.page:before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:2px;background:linear-gradient(90deg,rgba(91,70,54,.18),transparent)}.page-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.page-head .who{font-weight:700;font-size:16px;padding:3px 12px;border-radius:999px;color:#fff}.who-1{background:var(--terracotta)}.who-2{background:var(--sage)}.who-3{background:var(--sky)}.page-head .save-state{margin-left:auto;font-size:12px;color:var(--ink-soft)}.page-title{width:100%;font-size:calc(var(--page-font-size, 15px) * 1.14);font-weight:700;border:none;border-bottom:1px dashed var(--paper-edge);border-radius:0;background:transparent;padding:6px 0;margin-bottom:10px}.mood-row{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;margin-bottom:10px;padding-bottom:4px}.mood-row button{border-radius:999px;padding:3px 10px;font-size:17px;line-height:1.4;flex-shrink:0}.mood-row button.active{background:var(--paper-deep);border-color:var(--terracotta-deep)}.page-content{width:100%;min-height:300px;border:none;background:transparent;resize:vertical;font-size:var(--page-font-size, 15px);line-height:32px;padding:0;outline:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.page-content.is-empty:before{content:attr(data-placeholder);color:var(--ink-faint, #9a8b78);opacity:.55;pointer-events:none}.canvas-page .page-content.is-empty:before{color:inherit;opacity:.55}.page-content .imw{box-sizing:border-box;margin:6px 0 12px;break-inside:avoid;border-radius:12px;cursor:move;-webkit-user-select:none;user-select:none;-webkit-user-drag:element}.page-content .imw img{width:100%;height:auto;display:block;border-radius:12px;-webkit-user-select:none;user-select:none;pointer-events:none}.page-content .imw-broken{position:relative;min-height:120px}.page-content .imw-broken img{visibility:hidden}.page-content .imw-broken:after{content:"图片加载失败";position:absolute;top:6px;right:6px;bottom:6px;left:6px;display:grid;place-items:center;border:2px dashed #c94f4f;border-radius:12px;background:#c94f4f0f;color:#c94f4f;font-size:13px;pointer-events:none}img.img-failed{object-fit:contain;background:#c94f4f0f}.page-content .imw[data-size=s]{width:40%}.page-content .imw[data-size=m]{width:60%}.page-content .imw[data-size=l]{width:100%}.page-content .imw[data-size=custom]{width:60%}.page-content .imw-inline[data-size=custom]{width:13em}.page-content .imw-left{float:left;margin:8px 12px 10px 0}.page-content .imw-right{float:right;margin:8px 0 10px 12px}.page-content .imw-center{float:none;margin:10px auto}.page-content .imw-inline{float:none;display:inline-block;vertical-align:middle;margin:2px 6px}.page-content .imw-inline[data-size=s]{width:9em}.page-content .imw-inline[data-size=m]{width:13em}.page-content .imw-inline[data-size=l]{width:18em}.page-content .imw.sel{outline:3px solid var(--terracotta);outline-offset:2px;position:relative}.page-content .imw .imw-resize{position:absolute;right:-6px;bottom:-6px;width:16px;height:16px;background:var(--terracotta);border-radius:50%;cursor:nwse-resize;z-index:5;touch-action:none}.page-content .imw-left+br,.page-content .imw-right+br{clear:both}.page-content .imw,.page-content .imw img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.imw-ghost{position:fixed;pointer-events:none;opacity:.85;box-shadow:0 12px 30px #00000059;border-radius:8px;overflow:hidden}.imw-ghost img{width:100%;height:100%;object-fit:contain}.img-bar{position:fixed;z-index:60;display:flex;align-items:center;gap:2px;background:#281e14f7;border:1px solid rgba(200,170,120,.4);border-radius:12px;padding:5px 8px;box-shadow:0 8px 22px #00000059;min-height:44px}.img-bar button{border:none;background:transparent;color:#f3e7cc;font-size:13px;min-width:38px;min-height:34px;padding:4px 8px;border-radius:8px}.img-bar button.active{background:var(--terracotta-deep);color:#fff}.img-bar .img-bar-del{color:#ffb4a8;min-width:34px}.img-bar .img-bar-sep{width:1px;height:22px;background:#c8aa7859;margin:0 4px}.media-item .inline-add{position:absolute;left:6px;bottom:6px;z-index:2;border:none;border-radius:999px;padding:5px 12px;font-size:12px;background:#281e14d1;color:#f3e7cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.page-empty{flex:1;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ink-soft);font-size:14px;text-align:center}.mode-switch{margin-left:auto;display:flex;gap:6px}.mode-switch button{padding:4px 12px;font-size:12px;border-radius:var(--ui-radius-md, 999px)}.mode-switch button.active{background:var(--ui-primary, var(--terracotta-deep));border-color:var(--ui-primary, var(--terracotta-deep));color:#fff}.page-head .save-state{margin-left:0}.mode-switch button:disabled{opacity:.45;cursor:not-allowed}.mode-switch .lock-toggle{border-color:var(--paper-edge, #e8d9c0);min-height:30px}.mode-switch .lock-toggle.locked{background:#f2e2c4;border-color:#d9b979;color:#6b4a1f;font-weight:600}.mode-switch .lock-toggle:disabled{opacity:.55;cursor:not-allowed}.readonly-state{color:#6b6f4a!important;background:#eef0df;border:1px solid #d8dcc0;border-radius:999px;padding:2px 10px;font-size:12px}.save-error{color:#c05a4e!important}.page-title-readonly{pointer-events:none}.page-content-readonly{cursor:default;caret-color:transparent;-webkit-user-select:text;user-select:text}.page-content-readonly .imw{cursor:default}.canvas-page{border:1px solid rgba(0,0,0,.12)}.canvas-page .page-content{line-height:2}.canvas-page .page-title{border-bottom-color:color-mix(in srgb,currentColor 32%,transparent)}.canvas-page .page-title::placeholder,.canvas-page .page-content::placeholder{color:inherit;opacity:.55}.canvas-page.shape-rect{border-radius:14px}.canvas-page.shape-plain{border-radius:2px}.canvas-page.shape-polaroid{border-radius:4px;padding:20px 20px 66px;transform:rotate(-1.2deg);box-shadow:0 16px 32px #0000003d}.canvas-page.shape-note{border-radius:4px 4px 18px 18px;transform:rotate(1.1deg);box-shadow:0 12px 24px #00000029}.canvas-page.shape-ticket{border-radius:8px;border-top:2px dashed currentColor;border-bottom:2px dashed currentColor}.canvas-page.size-square,.canvas-page.size-wide{width:100%;height:auto;aspect-ratio:auto;overflow:visible}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#281c1280;z-index:45;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--paper);border-radius:16px;box-shadow:var(--shadow);width:680px;max-width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:700;font-size:15px;border-bottom:1px solid var(--paper-edge)}.modal-body{padding:16px 18px;overflow-y:auto}.style-section{margin-bottom:20px}.section-title{font-size:13px;color:var(--ink-soft);margin-bottom:9px;font-weight:700}.pack-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.swatch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.swatch{height:72px;border-radius:10px;padding:0;position:relative;border:2px solid transparent;text-align:left;box-shadow:inset 0 0 0 1px #00000014}.swatch.active{border-color:var(--terracotta-deep);box-shadow:0 0 0 2px #b5835a59}.swatch-name{position:absolute;left:6px;bottom:6px;font-size:11px;background:#fff9;padding:1px 7px;border-radius:6px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 14px;border-radius:999px;font-size:13px}.chip.active{background:var(--terracotta-deep);border-color:var(--terracotta-deep);color:#fff}.preset-save{display:flex;gap:8px;margin-bottom:12px}.preset-save input{flex:1}.preset-list{display:flex;flex-direction:column;gap:8px}.preset-row{display:flex;align-items:center;gap:10px;background:var(--paper-deep);border:1px solid var(--paper-edge);border-radius:10px;padding:8px 10px}.preset-preview{width:46px;height:46px;border-radius:8px;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.preset-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.preset-actions button{padding:4px 10px;font-size:12px}.preset-actions button.danger{color:var(--danger);border-color:var(--danger)}.preset-empty{font-size:12px;color:var(--ink-soft)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:14px}.media-item{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--paper-edge);background:var(--paper-deep)}.media-item img{width:100%;height:120px;object-fit:cover;display:block;cursor:zoom-in}.media-item video{width:100%;display:block;max-height:160px}.media-item audio{width:100%}.media-item .file-row{display:flex;align-items:center;gap:8px;padding:12px 10px;font-size:13px;text-decoration:none;color:var(--ink)}.media-item .file-row .ico{font-size:20px}.media-item .file-row .fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-item .del{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;padding:0;border:none;background:#5b46369e;color:#fff;font-size:13px;line-height:1;z-index:2}.toolbar{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.toolbar button{font-size:13px;padding:6px 9px}.toolbar button.active{background:var(--terracotta-deep);border-color:var(--terracotta-deep);color:#fff}.toolbar .recording{background:var(--danger);border-color:var(--danger);color:#fff}.tb-sep{width:1px;align-self:stretch;background:var(--paper-edge);margin:2px 4px}.font-btn{font-weight:700}.tb-select{font-size:13px;padding:5px 10px;border:1px solid var(--paper-edge);border-radius:8px;background:var(--paper);color:var(--ink);font-family:inherit}.sel-bar{position:fixed;z-index:60;display:flex;align-items:center;gap:2px;background:#281e14f5;border:1px solid rgba(200,170,120,.4);border-radius:999px;padding:4px 8px;box-shadow:0 8px 22px #00000059}.sel-bar .sel-hint{color:#e8d9b8;font-size:11px;margin:0 6px 0 2px}.sel-bar button{border:none;background:transparent;color:#f3e7cc;font-size:12px;padding:3px 8px;border-radius:999px}.sel-bar button.active{background:var(--terracotta-deep);color:#fff}.sel-bar .sel-sep{width:1px;height:20px;background:#c8aa7859;margin:0 4px}.sel-color{position:relative;display:flex;align-items:center}.sel-color-btn{display:inline-flex;align-items:center;gap:5px}.sel-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:inline-block}.sel-color-pop{position:absolute;right:0;bottom:calc(100% + 10px);width:264px;padding:10px 12px;background:var(--paper, #fffdf6);border:1px solid var(--paper-edge, #e8d9c0);border-radius:12px;box-shadow:0 10px 28px #00000047;z-index:61}.font-val{font-size:12px;color:var(--ink-soft);align-self:center;min-width:20px;text-align:center}.emoji-pop{margin-top:10px;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;background:var(--paper-deep);color:var(--ink);border:1px solid var(--paper-edge);border-radius:12px;padding:10px}.emoji-pop button{border:none;background:transparent;font-size:20px;padding:4px 0;border-radius:8px}.emoji-pop button:hover{background:#b5835a2e}.rec-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#281c12b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:50}.rec-overlay video{width:min(640px,90vw);max-height:62vh;object-fit:contain;border-radius:14px;background:#000}.pending-badge{font-size:13px;color:var(--terracotta-deep, #b5835a);background:#c97b5c1f;border-radius:999px;padding:6px 12px;white-space:nowrap}.retry-btn{font-size:13px;color:var(--terracotta-deep, #b5835a);background:#c97b5c1f;border:none;border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap}.retry-btn:hover{background:#c97b5c38}.wechat-tip{position:relative;font-size:12.5px;line-height:1.6;color:var(--ink, #5b4636);background:#6f94b024;border:1px solid rgba(111,148,176,.3);border-radius:10px;padding:8px 30px 8px 10px;margin:6px 0}.wechat-tip-x{position:absolute;top:6px;right:8px;border:none;background:none;font-size:13px;color:var(--ink, #5b4636);cursor:pointer}.upload-progress{margin:10px 0;padding:10px 12px;background:var(--paper-deep, #f7f1e3);border:1px solid var(--paper-edge, #e8d9c0);border-radius:12px;display:flex;flex-direction:column;gap:8px}.up-row{display:flex;align-items:center;gap:8px}.up-name{flex:0 0 72px;font-size:12px;color:var(--ink-soft, #8a7666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-bar{flex:1;height:8px;background:var(--paper-edge, #e8d9c0);border-radius:4px;overflow:hidden}.up-bar i{display:block;height:100%;background:var(--terracotta, #c97b5c);border-radius:4px;transition:width .15s ease}.up-pct{flex:0 0 38px;text-align:right;font-size:12px;color:var(--ink-soft, #8a7666)}.profile-page{max-width:640px;margin:0 auto;padding:16px}.profile-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.profile-header h1{font-size:20px;margin:0;color:var(--ink, #5b4636)}.back-btn{border:1px solid var(--paper-edge, #e8d9c0);background:var(--paper, #fffdf6);border-radius:10px;padding:6px 14px;color:var(--ink, #5b4636);cursor:pointer}.profile-card{background:var(--paper, #fffdf6);border:1px solid var(--paper-edge, #e8d9c0);border-radius:16px;padding:18px;margin-bottom:16px}.profile-card h2{font-size:16px;margin:0 0 12px;color:var(--ink, #5b4636)}.field{display:block;margin-bottom:14px}.field-label{display:block;font-size:13px;color:var(--ink-soft, #8a7666);margin-bottom:6px}.field input,.field textarea{width:100%;box-sizing:border-box;border:1px solid var(--paper-edge, #e8d9c0);border-radius:10px;padding:10px 12px;font-size:15px;font-family:inherit;color:var(--ink, #5b4636);background:#fff;resize:vertical}.field input:disabled{background:var(--paper-deep, #f7f1e3);color:var(--ink-soft, #8a7666)}.row-actions{display:flex;align-items:center;gap:12px}.profile-msg{font-size:13px;color:var(--sage, #8a9a6b)}.profile-msg.error{color:var(--danger, #c05a4e)}.name-link{font-size:13px}.history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#281e1480;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.history-panel{width:100%;max-width:560px;max-height:86vh;overflow-y:auto;background:var(--paper, #fffdf6);border-radius:16px;padding:18px;box-sizing:border-box}.history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-head h3{margin:0;font-size:17px;color:var(--ink, #5b4636)}.history-close{border:none;background:none;font-size:16px;color:var(--ink, #5b4636);cursor:pointer}.history-actions{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.history-hint{font-size:12px;color:var(--ink-soft, #8a7666)}.history-empty{text-align:center;color:var(--ink-soft, #8a7666);font-size:14px;padding:24px 0}.history-item{border:1px solid var(--paper-edge, #e8d9c0);border-radius:12px;padding:12px;margin-bottom:10px}.history-item-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}.history-title{font-size:14px;font-weight:600;color:var(--ink, #5b4636)}.history-time{font-size:12px;color:var(--ink-soft, #8a7666);white-space:nowrap}.history-preview{font-size:13px;color:var(--ink-soft, #8a7666);margin-bottom:8px}.history-item-actions{display:flex;gap:8px}button.small{font-size:13px;padding:6px 14px}.ce{margin-top:8px;position:relative}.ce-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px 8px;background:var(--paper-deep, #f7f1e3);border:1px solid var(--paper-edge, #e8d9c0);border-radius:12px;margin-bottom:10px}.ce-btn{min-width:36px;height:34px;padding:0 8px;border:1px solid var(--paper-edge, #e8d9c0);background:var(--ui-surface, var(--paper, #fffdf6));border-radius:var(--ui-radius-sm, 8px);color:var(--ink, #5b4636);font-size:15px;cursor:pointer}.ce-btn:disabled{opacity:.4;cursor:default}.ce-btn.danger{color:var(--danger, #c05a4e)}.ce-btn.primary{background:var(--ui-primary, var(--terracotta, #c97b5c));color:#fff;border-color:var(--ui-primary, var(--terracotta, #c97b5c));border-radius:var(--ui-radius-sm, 10px)}.ce-sep{width:1px;height:22px;background:var(--paper-edge, #e8d9c0);margin:0 4px}.ce-spacer{flex:1}.ce-angle{display:inline-flex;align-items:center}.ce-btn.ce-angle-val{font-size:13px;font-variant-numeric:tabular-nums;min-width:52px}.ce-angle-input{width:64px;height:34px;border:1px solid var(--paper-edge, #e8d9c0);border-radius:8px;background:var(--paper, #fffdf6);color:var(--ink, #5b4636);font-size:13px;text-align:center;padding:0 4px}.ce-angle-input:focus{outline:none;border-color:var(--terracotta, #c97b5c)}.ce-angle-input.invalid{border-color:var(--danger, #c05a4e);animation:ce-shake .25s}@keyframes ce-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (pointer: coarse){.ce-btn{min-width:44px;height:40px}}.ce-stage{border-radius:12px;padding:22px 14px;background:radial-gradient(rgba(91,70,54,.06) 1px,transparent 1.2px),#e9e1d4;background-size:14px 14px,auto;display:flex;justify-content:center}.ce-canvas-wrap{width:100%;max-width:720px;border-radius:6px;overflow:hidden;box-shadow:0 10px 30px #3c281447,0 2px 6px #3c28142e;border:1px solid rgba(91,70,54,.18)}.ce-canvas-wrap .canvas-container{width:100%!important;height:0!important;padding-bottom:calc(var(--ce-ratio, 1.4) * 100%);margin:0 auto}.ce-canvas-wrap .canvas-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.ce-workspace{display:flex;align-items:flex-start;justify-content:center;gap:12px}.ce-workspace>.ce-stage{flex:1 1 auto;min-width:0;width:100%}.ce-property-panel{z-index:1500}.ce-property-panel--floating{position:fixed;max-width:min(240px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow-y:auto}@media (max-width: 767px){.ce-workspace{flex-direction:column;align-items:center}}.tray-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;background:#281e1473;display:flex;align-items:flex-end;justify-content:center}.tray{width:100%;max-width:720px;max-height:68vh;background:var(--paper, #fffdf6);border-radius:18px 18px 0 0;box-shadow:0 -8px 28px #28190a40;display:flex;flex-direction:column;overflow:hidden}.tray-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-weight:700;font-size:15px;border-bottom:1px solid var(--paper-edge, #e8d9c0)}.tray-close{border:none;background:transparent;font-size:17px;color:var(--ink-soft, #8a7666);cursor:pointer}.tray-body{padding:12px 14px calc(14px + env(safe-area-inset-bottom));overflow-y:auto}.tray-empty{padding:26px 10px;text-align:center;color:var(--ink-soft, #8a7666);font-size:14px}.tray-item{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:12px 14px;margin-bottom:8px;border:1px solid var(--paper-edge, #e8d9c0);background:var(--paper, #fffdf6);border-radius:12px;color:var(--ink, #5b4636);font-size:15px;line-height:1.5;cursor:pointer}.tray-item:active{background:var(--paper-deep, #f7f1e3)}.tray-item.placed{opacity:.55;border-style:dashed}.tray-check{flex:none;width:22px;height:22px;border-radius:50%;background:var(--terracotta, #c97b5c);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;margin-top:1px}.tray-item:not(.placed) .tray-check{background:transparent;border:1px solid var(--paper-edge, #e8d9c0)}.tray-text{flex:1}.asset-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;background:#281e1480;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.asset-panel{width:100%;max-width:600px;max-height:88vh;overflow-y:auto;background:var(--paper, #fffdf6);border-radius:16px;padding:16px;box-sizing:border-box}.asset-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.asset-head h3{margin:0;font-size:17px;color:var(--ink, #5b4636)}.asset-close{border:none;background:none;font-size:16px;color:var(--ink, #5b4636);cursor:pointer}.asset-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.asset-tabs button{padding:7px 16px;border:1px solid var(--paper-edge, #e8d9c0);background:var(--paper, #fffdf6);border-radius:20px;color:var(--ink-soft, #8a7666);cursor:pointer;font-size:14px}.asset-tabs button.active{background:var(--terracotta, #c97b5c);color:#fff;border-color:var(--terracotta, #c97b5c)}.asset-group-label{font-size:13px;color:var(--ink-soft, #8a7666);margin:12px 0 8px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.asset-emoji,.asset-svg,.asset-shape,.asset-img{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1;border:1px solid var(--paper-edge, #e8d9c0);background:#fff;border-radius:10px;cursor:pointer;font-size:12px;color:var(--ink-soft, #8a7666);padding:4px}.asset-emoji{font-size:28px}.asset-emoji:hover,.asset-svg:hover,.asset-shape:hover,.asset-img:hover{border-color:var(--terracotta, #c97b5c)}.asset-img{aspect-ratio:1;overflow:hidden}.asset-img img{width:100%;height:100%;object-fit:cover}.asset-shape{aspect-ratio:auto;height:72px}.shape-rect{width:26px;height:20px;border:2px solid var(--ink-soft, #8a7666);border-radius:3px}.shape-circle{width:24px;height:24px;border:2px solid var(--ink-soft, #8a7666);border-radius:50%}.shape-triangle{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:24px solid var(--ink-soft, #8a7666)}.shape-line{width:28px;height:0;border-top:3px solid var(--ink-soft, #8a7666)}.shape-thumb{width:28px;height:28px;display:grid;place-items:center;border:2px solid var(--ink-soft, #8a7666);border-radius:6px;font-size:12px;color:var(--ink-soft, #8a7666);margin-bottom:4px}.shape-thumb.shape-circle{border-radius:50%}.shape-thumb.shape-triangle{border:none;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:24px solid var(--ink-soft, #8a7666);font-size:0}.shape-thumb.shape-star,.shape-thumb.shape-heart,.shape-thumb.shape-arrow,.shape-thumb.shape-wavy,.shape-thumb.shape-double{border:none;font-size:18px}.asset-add-text{width:100%;padding:12px;border:1px dashed var(--terracotta, #c97b5c);background:#c97b5c14;border-radius:12px;color:var(--terracotta, #c97b5c);font-size:15px;cursor:pointer}.asset-pick-row{display:flex;gap:10px}.asset-pick-row .asset-add-text{flex:1}.asset-fonts{display:flex;flex-wrap:wrap;gap:8px}.asset-font{padding:8px 16px;border:1px solid var(--paper-edge, #e8d9c0);background:#fff;border-radius:10px;cursor:pointer;color:var(--ink, #5b4636)}.hidden-input{display:none}.rec-overlay .rec-tip{color:#fff;font-size:15px}.rec-overlay .rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e84c3d;margin-right:8px;animation:blink 1s infinite}@keyframes blink{50%{opacity:.25}}.rec-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.rec-flip{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:10px 20px;font-size:14px;cursor:pointer}.rec-flip:active{transform:scale(.96)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e08e0;display:flex;align-items:center;justify-content:center;z-index:60;padding:24px}.lightbox img{max-width:100%;max-height:100%;border-radius:10px}.lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;padding:0;font-size:16px;line-height:1;background:#281e1499;color:#fff;border:1px solid rgba(255,255,255,.25)}.view-tabs{display:flex;gap:4px;background:var(--paper-deep);border:1px solid var(--paper-edge);border-radius:999px;padding:3px}.view-tabs button{padding:5px 14px;font-size:13px;border-radius:999px;border:none;background:transparent;color:var(--ink-soft)}.view-tabs button.active{background:var(--terracotta-deep);color:#fff}.tree-wrap{max-width:1400px;margin:0 auto;padding:18px 22px;position:relative}.tree-wrap-dark{max-width:none;padding:0;height:calc(100vh - 62px)}#timelineChart{width:100%;height:calc(100vh - 130px);background:var(--paper);border:1px solid var(--paper-edge);border-radius:16px;box-shadow:var(--shadow)}.tree3d-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#14110d}.tree3d-container{position:absolute;top:0;right:0;bottom:0;left:0}.tree3d-container canvas{display:block}.tree3d-toolbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5}.tree3d-toolbar button{background:#282118c7;color:#ecdcb9;border:1px solid rgba(200,170,120,.35);border-radius:999px;padding:6px 16px;font-size:13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tree3d-toolbar button.active{background:#b5835ae6;border-color:#f0d2a0cc;color:#fff}.tree3d-tip{position:absolute;left:16px;bottom:14px;color:#ecdcb999;font-size:12px;z-index:5}.tree3d-tooltip{position:absolute;z-index:8;pointer-events:none;background:#1c160feb;border:1px solid rgba(217,160,95,.5);border-radius:10px;padding:10px 12px;max-width:240px;color:#f3e7cc;font-size:12px;box-shadow:0 8px 24px #00000080}.tt-date{font-weight:700;font-size:13px;color:#f3d9a8;margin-bottom:4px}.tt-who{display:flex;align-items:center;gap:6px}.tt-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.tt-title{font-weight:700;margin-top:4px}.tt-preview{color:#f3e7ccbf;margin-top:2px}.tt-media{color:#d9a05f;margin-top:4px}.tt-empty{color:#f3e7cc99}.t3d-label-month{font-size:12px;color:#ecdcb9;background:#28211899;border:1px solid rgba(200,170,120,.3);padding:1px 9px;border-radius:999px;white-space:nowrap}.t3d-label-year{font-size:17px;font-weight:700;letter-spacing:3px;color:#f3d9a8;text-shadow:0 0 14px rgba(255,200,120,.7);white-space:nowrap}.hint-banner{background:var(--paper);border:1px dashed var(--paper-edge);color:var(--ink-soft);border-radius:12px;padding:10px 16px;font-size:13px;margin-bottom:14px}.cal-toggle{display:none}@media (max-width: 920px){.layout{padding:10px;flex-direction:column;gap:12px;align-items:stretch}.sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:86vw;z-index:40;padding:16px;background:var(--paper-deep);transform:translate(-105%);transition:transform .25s ease;overflow-y:auto}.sidebar.open{transform:translate(0);box-shadow:var(--shadow)}.cal-toggle{display:inline-flex}.book-wrap{width:100%}.book{flex-direction:column;gap:14px;width:100%}.page{width:100%;padding:16px 15px 20px}.page+.page:before{display:none}.page-content{min-height:220px;line-height:28px}.page-head{gap:8px;margin-bottom:10px}.page-head .who{font-size:15px;padding:3px 10px}.app-header{padding:8px 10px;gap:6px}.app-header .brand{font-size:16px;margin-right:4px}.app-header button{padding:6px 10px}.date-nav{gap:4px}.date-nav button{padding:6px 10px}.date-nav input{padding:5px 8px}.mood-row{margin-bottom:8px}.mood-row button{font-size:16px;padding:2px 9px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:12px;min-width:0}.media-item img{height:100px}.media-item video{max-height:140px}.toolbar{gap:5px;margin-top:12px}.toolbar button{font-size:12px;padding:6px 8px}.tb-select{font-size:12px;padding:5px 8px}.emoji-pop{grid-template-columns:repeat(8,1fr);padding:8px}.emoji-pop button{font-size:18px;padding:4px 0}.canvas-page.size-square{width:100%;margin:0 auto}.canvas-page.size-wide{width:100%;aspect-ratio:4 / 3}.lightbox{padding:12px}.lightbox img{border-radius:8px}.tree-wrap{padding:12px}.tree3d-toolbar{gap:6px;flex-wrap:wrap;width:calc(100% - 24px);justify-content:center}.tree3d-toolbar button{padding:6px 12px;font-size:12px}.tree3d-tip{font-size:11px;max-width:70%}#timelineChart{height:calc(100vh - 110px)}}@media (max-width: 420px){.emoji-pop{grid-template-columns:repeat(7,1fr)}.media-grid{grid-template-columns:repeat(2,1fr)}.app-header .brand{letter-spacing:1px}.app-header button[disabled]{display:none}}