:root{--ink: #2d2925;--muted: #736b62;--accent: #b64a35;--cream: #f3eddf;--shadow-paper: 0 2px 3px rgb(31 24 18 / 28%), 0 8px 16px rgb(31 24 18 / 16%);--header-height: 62px;--dock-height: 83px;--scene-base: #8c857b;--scene-light: #a9a298;--scene-glow: rgb(226 218 207 / 30%);--scene-deep: #68635c;--scene-chrome: rgb(226 221 212 / 84%);--scene-line: rgb(49 44 39 / 20%);--scene-stack: #c6beb2;--scene-ink: rgb(250 247 240 / 74%)}*,*:before,*:after{box-sizing:border-box}html{height:100%;background:#706a61}body{margin:0;min-width:280px;height:100%;height:100dvh;overflow:hidden;color:var(--ink);font-family:Avenir Next,Hiragino Sans GB,PingFang SC,sans-serif;background-color:var(--scene-base);background-image:radial-gradient(ellipse 62% 54% at 50% 45%,var(--scene-glow),transparent 70%),linear-gradient(148deg,var(--scene-light) -18%,var(--scene-base) 48%,var(--scene-deep) 118%);transition:background-color .55s ease,color .35s ease}body:before{content:"";position:fixed;z-index:80;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light}button,input,select{font:inherit;color:inherit}button,label[for]{cursor:pointer}button{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,select:disabled{cursor:not-allowed}img{display:block;max-width:100%}:focus-visible{outline:3px solid #376d7a;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{height:100%;display:grid;grid-template-rows:var(--header-height) minmax(0,1fr) var(--dock-height);isolation:isolate}.topbar{min-width:0;display:flex;align-items:center;gap:12px;padding:9px max(18px,env(safe-area-inset-left)) 9px max(18px,env(safe-area-inset-right));background:var(--scene-chrome);border-bottom:1px solid var(--scene-line);-webkit-backdrop-filter:blur(15px) saturate(.8);backdrop-filter:blur(15px) saturate(.8);transition:background-color .55s ease,border-color .55s ease;z-index:20}.brand{min-width:0;margin-right:auto;display:flex;align-items:baseline;gap:8px}.brand strong{font:800 15px/1 Georgia,serif;letter-spacing:.25em}.brand span{color:var(--muted);font:italic 10px/1 Georgia,serif;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-button{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;padding:0;border:1px solid rgb(45 39 34 / 22%);border-radius:50%;background:#f7f3ebc7;color:#4e4842;box-shadow:0 2px #342b2424;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.icon-button:hover{transform:translateY(-1px);background:#fbf7ef;box-shadow:0 4px 10px #342b2421}.icon-button:active{transform:translateY(1px)}.tools-button span{font:700 16px/1 Georgia,serif;letter-spacing:.06em;transform:translateY(-2px)}.new-button{border-color:#2d272247;background:#f5efe3}.new-button span{font:300 25px/1 Georgia,serif;transform:translateY(-1px)}.main,.browse-view,.viewer{min-width:0;min-height:0;height:100%}.main{position:relative}.browse-view{position:relative;overflow:hidden}.viewer{--card-width: min(430px, 78vw, calc((100dvh - var(--header-height) - var(--dock-height) - 62px) / 1.22));position:relative;display:grid;place-items:center;padding:24px 58px 38px;perspective:1800px;touch-action:pan-y}.viewer-stage{width:max(168px,var(--card-width));position:relative;perspective:1800px}.viewer-stage:before,.viewer-stage:after{content:"";position:absolute;z-index:-1;inset:2% 0;background:color-mix(in srgb,var(--scene-stack) 88%,transparent);border:1px solid var(--scene-line);box-shadow:0 12px 28px color-mix(in srgb,var(--scene-deep) 24%,transparent);transition:background-color .55s ease,border-color .55s ease}.viewer-stage:before{transform:rotate(-4.5deg) translate(-7px,4px)}.viewer-stage:after{transform:rotate(3.6deg) translate(8px,1px)}.viewer-card{width:100%;perspective:1600px;animation:reveal-card .65s cubic-bezier(.16,.78,.2,1) both}.viewer-card.photo-next{animation:photo-next .5s cubic-bezier(.2,.75,.25,1) both}.viewer-card.photo-prev{animation:photo-prev .5s cubic-bezier(.2,.75,.25,1) both}.viewer-stage.chapter-next{animation:chapter-next .64s ease both}.viewer-stage.chapter-prev{animation:chapter-prev .64s ease both}.viewer-arrow{position:absolute;top:50%;z-index:5;width:42px;height:42px;margin-top:-21px;padding:0;border:1px solid var(--scene-line);border-radius:50%;background:color-mix(in srgb,var(--scene-chrome) 78%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4b443d;font:20px/1 Georgia,serif;transition:opacity .18s ease,transform .18s ease,background-color .18s ease}.viewer-arrow:hover:not(:disabled){transform:scale(1.06);background:#fffbf4eb}.viewer-arrow.prev{left:max(8px,calc(50% - var(--card-width) / 2 - 58px))}.viewer-arrow.next{right:max(8px,calc(50% - var(--card-width) / 2 - 58px))}.viewer-arrow:disabled{opacity:.18}.photo-count{position:absolute;left:50%;bottom:11px;transform:translate(-50%);color:var(--scene-ink);font:700 10px/1 Georgia,serif;letter-spacing:.18em;transition:color .55s ease}.interaction-hint{position:absolute;left:50%;top:12px;z-index:4;transform:translate(-50%);margin:0;color:color-mix(in srgb,var(--scene-ink) 86%,transparent);font:600 9px/1.2 Avenir Next,sans-serif;letter-spacing:.12em;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .25s ease,color .55s ease}body.inline-editing .interaction-hint{opacity:0}.empty-browse{min-height:min(56vh,420px);display:grid;place-items:center;color:var(--scene-ink);text-align:center;font:italic 16px/1.8 Georgia,serif}.entry-dock{min-width:0;height:var(--dock-height);display:flex;align-items:center;gap:9px;padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;border-top:1px solid var(--scene-line);background:color-mix(in srgb,var(--scene-chrome) 90%,transparent);-webkit-backdrop-filter:blur(14px) saturate(.8);backdrop-filter:blur(14px) saturate(.8);z-index:20;transition:background-color .55s ease,border-color .55s ease}.entry-tab{width:68px;min-width:68px;height:60px;padding:4px;position:relative;text-align:left;border:1px solid rgb(52 44 37 / 15%);border-radius:3px;background:#f8f4eb8c;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.entry-tab:hover{transform:translateY(-2px)}.entry-tab.active{background:#fbf8f0;transform:translateY(-3px);box-shadow:0 5px 12px #2d231b26}.entry-tab img,.entry-tab .blank-thumb{width:100%;height:35px}.entry-tab img{object-fit:cover;filter:saturate(.75) contrast(.92)}.entry-tab .blank-thumb{background:repeating-linear-gradient(135deg,#d7cdbd 0 4px,#e5ddcf 4px 8px)}.entry-tab time{display:block;margin-top:4px;color:#5c554e;font:700 8px/1 Georgia,serif;letter-spacing:.04em}@keyframes reveal-card{0%{opacity:0;transform:translateY(35px) rotate(2deg) scale(.95)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes photo-next{0%{opacity:0;transform:translate(48%) rotate(9deg) scale(.92)}to{opacity:1;transform:none}}@keyframes photo-prev{0%{opacity:0;transform:translate(-48%) rotate(-9deg) scale(.92)}to{opacity:1;transform:none}}@keyframes chapter-next{0%{transform:rotateY(0);opacity:1}48%{transform:rotateY(-78deg) translate(-12%);opacity:.25}49%{transform:rotateY(78deg) translate(12%)}to{transform:rotateY(0);opacity:1}}@keyframes chapter-prev{0%{transform:rotateY(0);opacity:1}48%{transform:rotateY(78deg) translate(12%);opacity:.25}49%{transform:rotateY(-78deg) translate(-12%)}to{transform:rotateY(0);opacity:1}}.polaroid-wrap{width:100%;perspective:1500px;transform:rotate(var(--rotation, 0deg));transform-origin:50% 70%}.polaroid{--frame-bg: #efe5cf;--frame-ink: #39332c;--frame-line: rgb(61 50 40 / 20%);--paper-light: rgb(255 255 255 / 22%);--paper-dark: rgb(59 44 30 / 9%);width:100%;aspect-ratio:1 / 1.22;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.78,.16,1);cursor:pointer}.polaroid.flipped{transform:rotateY(180deg)}.polaroid[data-frame=white]{--frame-bg: #fbfaf6;--frame-ink: #302e2a;--frame-line: rgb(45 43 38 / 15%);--paper-dark: rgb(58 52 44 / 5%)}.polaroid[data-frame=sky]{--frame-bg: #50a9d8;--frame-ink: #173b51;--frame-line: rgb(20 61 83 / 24%);--paper-light: rgb(255 255 255 / 18%);--paper-dark: rgb(13 58 83 / 13%)}.polaroid[data-frame=blue]{--frame-bg: #3476b7;--frame-ink: #f5f3e9;--frame-line: rgb(18 48 83 / 30%);--paper-light: rgb(255 255 255 / 16%);--paper-dark: rgb(6 32 63 / 18%)}.polaroid[data-frame=green]{--frame-bg: #58a25d;--frame-ink: #153d25;--frame-line: rgb(25 75 39 / 26%);--paper-light: rgb(255 255 255 / 17%);--paper-dark: rgb(20 65 31 / 14%)}.polaroid[data-frame=lime]{--frame-bg: #b7d43b;--frame-ink: #34410e;--frame-line: rgb(68 86 18 / 25%);--paper-light: rgb(255 255 255 / 19%);--paper-dark: rgb(73 87 13 / 12%)}.polaroid[data-frame=yellow]{--frame-bg: #efca38;--frame-ink: #4c390c;--frame-line: rgb(91 66 10 / 23%);--paper-light: rgb(255 255 255 / 20%);--paper-dark: rgb(99 73 11 / 12%)}.polaroid[data-frame=red]{--frame-bg: #d84d42;--frame-ink: #fff5e9;--frame-line: rgb(101 28 23 / 28%);--paper-light: rgb(255 255 255 / 16%);--paper-dark: rgb(92 21 17 / 16%)}.polaroid[data-frame=magenta]{--frame-bg: #d84289;--frame-ink: #fff3e9;--frame-line: rgb(99 22 61 / 28%);--paper-light: rgb(255 255 255 / 16%);--paper-dark: rgb(90 18 55 / 15%)}.polaroid[data-frame=pink]{--frame-bg: #f2a6ba;--frame-ink: #713c4c;--frame-line: rgb(111 58 73 / 22%);--paper-light: rgb(255 255 255 / 20%);--paper-dark: rgb(116 48 70 / 10%)}.polaroid[data-frame=black]{--frame-bg: #1b1b1a;--frame-ink: #eee9df;--frame-line: rgb(255 255 255 / 14%);--paper-light: rgb(255 255 255 / 10%);--paper-dark: rgb(0 0 0 / 25%)}.polaroid-face{position:absolute;inset:0;padding:5.6% 5.6% 0;overflow:hidden;border:1px solid var(--frame-line);border-radius:3px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;contain:paint;color:var(--frame-ink);background-color:var(--frame-bg);background-image:linear-gradient(180deg,var(--paper-light),transparent 24%,transparent 72%,var(--paper-dark));box-shadow:var(--shadow-paper),1px 2px color-mix(in srgb,var(--frame-bg) 68%,#16120f),inset 0 1px 1px #fff6,inset 0 -2px 2px var(--paper-dark)}.polaroid-face:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background:linear-gradient(112deg,transparent 0 42%,rgb(255 255 255 / 20%) 48%,transparent 58%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.polaroid-face:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgb(255 255 255 / 16%);border-radius:inherit;box-shadow:inset 1px 0 #ffffff38,inset -1px 0 #0000000f,inset 0 -1px #00000017}.polaroid-front{display:flex;flex-direction:column;transform:rotateY(0) translateZ(.2px);-webkit-transform:rotateY(0deg) translateZ(.2px)}.photo-window{width:100%;aspect-ratio:1;flex:0 0 auto;position:relative;overflow:hidden;isolation:isolate;background:#8e8a82;border:1px solid rgb(24 21 18 / 38%);box-shadow:inset 0 0 0 1px #0003,inset 0 0 16px #00000038,0 1px #ffffff47}.photo-window img{width:100%;height:100%;object-fit:cover;transform:scale(1.015)}.photo-window:before,.photo-window:after{content:"";position:absolute;inset:0;pointer-events:none}.photo-window:before{z-index:2;background:radial-gradient(ellipse at center,transparent 48%,rgb(18 13 9 / 20%) 112%),linear-gradient(118deg,transparent 0 52%,rgb(255 255 255 / 14%) 59%,transparent 70%);mix-blend-mode:screen}.photo-window:after{z-index:3;box-shadow:inset 0 0 22px #19120d40,inset 0 0 2px #000c;background:linear-gradient(180deg,#fffbeb0f,#3220130a)}.caption-preview{min-height:0;flex:1;padding:6.5% 5% 2%;display:grid;place-items:start center;position:relative;z-index:2;text-align:center;overflow-wrap:anywhere;font:italic 600 clamp(12px,2.8vw,16px)/1.35 "Kaiti SC","STKaiti",Georgia,serif;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity 10ms .34s,visibility 0s .34s}.polaroid.flipped .caption-preview{opacity:0;visibility:hidden;transition-delay:.18s}.caption-preview:empty:before{content:"双击写一句";opacity:.35;font-weight:400}.flip-corner{position:absolute;z-index:4;right:5.8%;bottom:4.4%;opacity:.45;font:15px/1 Georgia,serif;transition:opacity .2s ease,transform .2s ease}.polaroid:hover .flip-corner{opacity:.85;transform:rotate(20deg)}.polaroid-back{padding:10% 9%;display:grid;place-items:center;transform:rotateY(180deg) translateZ(.2px);-webkit-transform:rotateY(180deg) translateZ(.2px)}.polaroid-back:before{opacity:.62}.back-lines{position:absolute;inset:11% 9%;opacity:.65;background:repeating-linear-gradient(0deg,transparent 0 29px,color-mix(in srgb,var(--frame-ink) 18%,transparent) 30px 31px)}.back-preview{position:relative;z-index:3;width:100%;max-height:100%;overflow:auto;white-space:pre-wrap;text-align:center;overflow-wrap:anywhere;font:600 clamp(13px,3vw,17px)/1.9 "Kaiti SC","STKaiti",Georgia,serif}.back-preview:empty:before{content:"双击写在背面";opacity:.42;font-weight:400}.stamp-date{position:absolute;right:7%;bottom:5.5%;z-index:3;opacity:.42;font:700 9px/1 Georgia,serif;letter-spacing:.13em}.inline-copy[data-editing=true]{cursor:text;outline:1px dashed color-mix(in srgb,var(--frame-ink) 42%,transparent);outline-offset:5px;user-select:text;-webkit-user-select:text}.inline-copy[data-editing=true]:empty:before{content:""}.toast{position:fixed;left:50%;bottom:calc(var(--dock-height) + 15px);z-index:90;max-width:calc(100vw - 32px);transform:translate(-50%,18px);padding:10px 15px;border-radius:999px;background:#26221fed;color:#fff9ef;font-size:11px;text-align:center;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.toast.show{opacity:1;transform:translate(-50%)}.tool-backdrop{position:fixed;inset:0;z-index:69;border:0;background:#1a171447;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}.tool-backdrop.open{opacity:1;visibility:visible}.tool-sheet{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:70;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - max(32px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:17px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgb(49 43 38 / 17%);border-radius:18px;background:#f4f0e8f5;box-shadow:0 24px 70px #1b171447;-webkit-backdrop-filter:blur(18px) saturate(.9);backdrop-filter:blur(18px) saturate(.9);transform:translate(-50%,calc(100% + 36px));opacity:0;visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .22s ease,visibility .22s ease}.tool-sheet.open{transform:translate(-50%);opacity:1;visibility:visible}.tool-sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.tool-sheet-head strong{margin-right:auto;font:700 12px/1 Georgia,serif;letter-spacing:.12em}.tool-sheet-head span{color:var(--muted);font-size:10px}.sheet-close{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#352f2a14;font-size:19px}.sheet-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px}.sheet-field{min-width:0;display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em}.sheet-field.full{grid-column:1 / -1}.sheet-field input,.sheet-field select{width:100%;min-height:42px;border:1px solid rgb(51 43 37 / 18%);border-radius:9px;background:#fffdf8e0;padding:0 10px;color:var(--ink);font-size:12px;letter-spacing:0}.sheet-field input[type=range]{min-height:30px;padding:0;accent-color:#80543e}.sheet-range-line{display:flex;align-items:center;justify-content:space-between}.sheet-range-line output{color:var(--ink);font:700 10px Georgia,serif}.sheet-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:7px;padding-top:3px}.sheet-action,.sheet-upload{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid rgb(51 43 37 / 18%);border-radius:999px;background:#fffdf8d6;color:#4b443e;font-size:11px;font-weight:700;transition:transform .16s ease,background-color .16s ease,opacity .16s ease}.sheet-action:hover:not(:disabled),.sheet-upload:hover{transform:translateY(-1px);background:#fffdf8}.sheet-action:disabled,.sheet-field :disabled{opacity:.42}.sheet-action.square{width:38px;padding:0;font-size:16px}.sheet-upload.primary{color:#fff9ef;background:#3b6470;border-color:#294c55}.sheet-action.danger{margin-left:auto;color:#943a2c}@media(max-width:600px){:root{--header-height: 58px;--dock-height: 79px}.topbar{gap:8px;padding-inline:max(10px,env(safe-area-inset-left))}.brand strong{font-size:13px}.brand span{display:none}.topbar-actions{gap:8px}.icon-button{width:36px;height:36px;flex-basis:36px}.viewer{--card-width: min(340px, 78vw, calc((100dvh - var(--header-height) - var(--dock-height) - 56px) / 1.22));padding:20px 44px 32px}.viewer-arrow{width:36px;height:36px;margin-top:-18px}.viewer-arrow.prev{left:5px}.viewer-arrow.next{right:5px}.interaction-hint{top:9px;font-size:8px}.photo-count{bottom:7px}.tool-sheet{bottom:max(8px,env(safe-area-inset-bottom));max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:15px;border-radius:16px}.sheet-action,.sheet-upload{min-height:40px}}@media(max-width:390px){.viewer{--card-width: min(305px, 78vw, calc((100dvh - var(--header-height) - var(--dock-height) - 50px) / 1.22));padding-inline:42px}.caption-preview{font-size:12px}.sheet-actions{gap:6px}.sheet-action,.sheet-upload{padding-inline:11px}}@media(orientation:landscape)and (max-height:520px){:root{--header-height: 52px;--dock-height: 64px}.topbar{padding-block:6px}.icon-button{width:34px;height:34px;flex-basis:34px}.viewer{--card-width: min(430px, 68vw, calc((100dvh - var(--header-height) - var(--dock-height) - 34px) / 1.22));padding-block:10px 24px}.interaction-hint{display:none}.photo-count{bottom:5px}.entry-dock{gap:7px;padding-block:6px}.entry-tab{width:58px;min-width:58px;height:50px;padding:3px}.entry-tab img,.entry-tab .blank-thumb{height:29px}.entry-tab time{margin-top:3px;font-size:7px}.tool-sheet{bottom:8px;max-height:calc(100dvh - 16px)}.sheet-grid{gap:8px 10px}.sheet-field input,.sheet-field select{min-height:36px}.sheet-action,.sheet-upload{min-height:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}