:root{--cream:#fff8e9;--ink:#514838;--muted:#8a7b65;--coral:#b65d45;--blue:#56758b;--yellow:#efce72;--green:#75835c;--paper:#fffdf5;--line:#ded2b8;--sans:"Microsoft YaHei","PingFang SC",Arial,sans-serif;--hand:"KaiTi","STKaiti","Kaiti SC",serif;--shadow:0 3px 4px #76634c0a,0 10px 24px #76634c12;font-family:var(--sans);color:var(--ink);background:var(--cream);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(#a3927020 .7px,transparent .8px) 0 0/7px 7px,var(--cream)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:4px}button:disabled{opacity:.3;cursor:default}button[hidden],[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}img,svg{display:block}img{max-width:100%}::selection{background:#f0d391}.page-width{width:min(1280px,calc(100% - 72px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:15px;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;z-index:50}.skip-link:focus{width:auto;height:auto;clip-path:none;padding:12px;background:var(--yellow)}
.site-header{width:min(1380px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.2rem;letter-spacing:.02em}.brand-paw{width:42px;height:42px;background:#f5d8b8;border-radius:16px 17px 13px 18px;display:grid;place-items:center;transform:rotate(-8deg)}.brand-paw svg{width:25px;height:25px;fill:var(--coral);stroke:var(--coral);stroke-width:.8}.brand small{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-top:5px;letter-spacing:.13em}.site-header nav{display:flex;align-items:center;gap:26px;font-size:.875rem}.site-header nav a{padding-block:12px}.site-header nav a:hover{color:var(--coral)}.nav-random{border:1px solid #d9c891;border-radius:99px;padding:10px 18px;background:#f5e5a6;min-height:44px}.nav-random span{margin-left:7px;font-size:1.3rem;line-height:0}
.fridge{background:repeating-linear-gradient(0deg,#fffef433 0 23px,#dac87b0d 23px 46px),repeating-linear-gradient(90deg,#fffef433 0 23px,#dac87b0d 23px 46px),#f4ebcb;border:1px solid #dbcea9;border-radius:30px 30px 23px 27px;padding:28px 30px 19px;box-shadow:inset 0 0 0 6px #fffaf166,0 5px 0 #ddd2b76b;position:relative}.fridge-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 9px 27px}.small-label{font-size:.75rem;color:#9a7f53;letter-spacing:.08em;margin-bottom:9px}h1{font-family:var(--hand);font-size:2.1rem;line-height:1.5;font-weight:500;letter-spacing:.01em}h1 span{display:inline-block}.heading-scribble{font-family:var(--hand);font-size:1.15rem;line-height:1.6;color:#9a7355;transform:rotate(5deg);padding-right:14px}.fridge-wall{display:grid;grid-template-columns:1.12fr .93fr 1fr .66fr;gap:27px;align-items:start;padding:12px 10px 0}.pet-snapshot{position:relative;background:var(--paper);padding:11px 11px 8px;box-shadow:var(--shadow);min-width:0;transition:transform .25s}.hero-dazhuang{transform:rotate(-3deg);margin-top:2px}.hero-xiaohui{transform:rotate(3deg);margin-top:28px}.hero-huahua{transform:rotate(-2deg);margin-top:5px}.pet-snapshot:hover{transform:translateY(-4px) rotate(0)}.photo{margin:0;position:relative;min-width:0}.photo-button{position:relative;width:100%;border:0;padding:0;background:#ede4d1;display:block;overflow:hidden;border-radius:2px}.photo-button img{display:block;width:100%;height:auto;transition:filter .25s;image-rendering:auto}.photo-button:hover img{filter:brightness(1.035)}.photo figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:9px;color:#827158;font-size:.875rem;line-height:1.7;padding:11px 1px 0}.photo-number{font-family:Georgia,serif;font-style:italic;font-size:.75rem;color:#aa9b80;flex-shrink:0}.hero-photo .photo-number{display:none}.hero-photo figcaption{font-family:var(--hand);font-size:1rem;padding-top:9px;line-height:1.6}.pet-door{border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 3px 3px;text-align:left;min-height:49px}.pet-door strong{font-size:1.4rem;font-weight:600;letter-spacing:.06em;color:var(--coral);position:relative;z-index:0}.pet-door strong::after{content:"";position:absolute;bottom:-2px;left:-3px;right:-5px;height:10px;border-radius:10px;background:#f7d5c3;z-index:-1;transform:rotate(-4deg)}.pet-door>span{font-size:.75rem;color:#8c7c66}.pet-door b{font-size:1rem;font-weight:400;margin-left:3px;display:inline-block;transition:transform .2s}.pet-door:hover b{transform:translate(2px,-2px)}.xiaohui-door strong{color:var(--blue)}.xiaohui-door strong::after{background:#dbe7eb}.huahua-door strong{color:#a17b2e}.huahua-door strong::after{background:#f6e8b1}.magnet{position:absolute;width:26px;height:26px;border-radius:50%;top:-11px;left:43%;z-index:2;border:3px solid #ffffff43;box-shadow:1px 3px 2px #51432925;pointer-events:none}.magnet.coral{background:#d7826b}.magnet.blue{background:#89aabc}.tape{position:absolute;top:-12px;left:31%;width:38%;height:25px;background:repeating-linear-gradient(45deg,#d8bf7163 0 7px,#e3cd8863 7px 10px);transform:rotate(-4deg);z-index:2;clip-path:polygon(1% 0,99% 0,98% 20%,100% 40%,98% 60%,100% 80%,99% 100%,1% 100%,2% 80%,0 60%,2% 40%,0 20%);pointer-events:none}.pink-tape{background:repeating-linear-gradient(45deg,#efbcac9c 0 7px,#f5d0c09c 7px 10px)}.lucky-corner{padding-top:48px;position:relative;min-width:0}.lucky-note{display:block;width:100%;position:relative;border:0;background:#f5d988;box-shadow:2px 5px 0 #d4b65738,0 10px 22px #9b825618;padding:17px 16px 20px;transform:rotate(5deg);text-align:center;transition:transform .25s}.lucky-note:hover{transform:rotate(1deg) translateY(-4px)}.tiny-stamp{display:inline-block;border:1px dashed #ac8b4666;border-radius:4px;padding:4px 6px;font-size:.75rem;color:#95733e}.note-paw{display:block;width:32px;margin:14px auto 9px;transform:rotate(-14deg)}.note-paw svg{fill:#ae8544;stroke:#ae8544;stroke-width:.6}.lucky-note strong{display:block;font-family:var(--hand);font-size:1.8rem;font-weight:400;line-height:1.6}.lucky-action{display:block;border-top:1px dashed #b3965263;padding-top:10px;margin-top:14px;font-size:.875rem;color:#856534}.lucky-action b{font-weight:400;font-size:1.3rem;margin-left:5px}.lucky-corner>p{font-family:var(--hand);font-size:1rem;line-height:1.8;color:#a18a62;margin:22px 0 0 10px;transform:rotate(-4deg)}.fridge-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 8px 0;padding-top:18px;border-top:1px dashed #c6b5807a;font-size:.75rem;color:#95815d}.fridge-bottom i{font-style:normal;padding:0 9px}.fridge-bottom span span{padding-left:9px}.enlarge-icon{position:absolute;bottom:8px;right:8px;display:grid;place-items:center;width:27px;height:27px;background:#fffaf0e0;border-radius:50%;color:#8c7856;box-shadow:0 1px 3px #0001}.enlarge-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.section-heading{margin-bottom:32px}.section-tab{display:inline-block;border-radius:7px 9px 6px 5px;padding:7px 13px;font-size:.8125rem;line-height:1.5;transform:rotate(-3deg);box-shadow:0 2px 0 #6e60450a}.blue-tab{background:#e0edf1;color:#617c8d}.peach-tab{background:#f8d8c6;color:#a27355}.yellow-tab{background:#f4e3a7;color:#a2853b}.green-tab{background:#e4e9ca;color:#7b8a52}.section-heading h2{font-family:var(--hand);font-size:2.3rem;font-weight:400;line-height:1.6;margin-top:13px;letter-spacing:.02em}.section-heading>p{font-size:.875rem;line-height:1.85;color:var(--muted);margin-top:4px}.home-section{padding-top:67px;padding-bottom:65px}.home-collection{display:grid;grid-template-columns:1.12fr .92fr .88fr;gap:42px;padding:5px 32px 0}.memory-stack{display:flex;flex-direction:column;gap:35px;min-width:0}.stack-b{padding-top:43px}.stack-c{padding-top:10px}.paper{background:var(--paper);padding:11px 11px 14px;box-shadow:var(--shadow)}.paper.blue-paper{background:#f0f7f8}.taped::before{content:"";position:absolute;top:-11px;left:32%;width:37%;height:26px;background:repeating-linear-gradient(45deg,#dec68976 0 7px,#ecdcaa76 7px 10px);transform:rotate(-4deg);pointer-events:none;z-index:2}.tilt-left{transform:rotate(-2deg)}.tilt-right{transform:rotate(2.5deg)}.photo:not(.hero-photo){transition:transform .25s}.photo:not(.hero-photo):hover{transform:rotate(0) translateY(-3px)}.mini-photo{width:74%;margin-left:12%;transform:rotate(3deg)}.window-photo{width:78%;align-self:center}.little-note{padding:22px 24px;box-shadow:2px 5px 0 #8a7a5520;position:relative;font-family:var(--hand);font-size:1.3rem;line-height:1.8;transform:rotate(-3deg);background:#f5eac5}.little-note>span{display:block;font-family:var(--sans);font-size:.75rem;color:#938466;margin-bottom:9px}.little-note strong{font-weight:400}.blue-note{background:#e0edf1;color:#637f8d;transform:rotate(3deg);font-size:1.18rem}.peach-note{background:#f6ddcb;color:#a57a60;font-size:1.13rem}.yellow-note{background:#f8e5a4;color:#a3823b}.green-note{background:#e7ebd3;color:#7e885b;font-size:1.15rem}
.cat-section{background:#f8eade;border-block:1px solid #ead7c4;padding:49px 0 52px;position:relative}.cat-section::before,.autumn-section::before{content:"";position:absolute;inset:-5px 0 auto;height:10px;background:var(--cream);clip-path:polygon(0 0,100% 0,100% 30%,94% 70%,86% 38%,77% 68%,64% 42%,55% 70%,42% 40%,28% 65%,15% 38%,0 70%)}.cat-collection{display:grid;grid-template-columns:.9fr 320px 1.04fr;gap:44px;align-items:start;padding:3px 24px 0}.cat-left{padding-top:36px}.cat-side{display:flex;flex-direction:column;gap:35px;min-width:0}.small-cat{width:70%;align-self:center}.cat-screen{min-width:0}.cat-screen>.little-note{margin:32px 12px 0}.cat-right{padding-top:15px}.cat-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.cat-pair .photo:nth-child(2){margin-top:37px}.movie-wrap{min-width:0;background:#fffaf0;padding:13px 13px 19px;border:1px solid #e3d2b4;box-shadow:0 5px 0 #e8d5b754,var(--shadow);border-radius:10px 10px 4px 4px;position:relative}.movie-label{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;padding:0 2px 11px;font-size:.75rem;color:#9d8260}.movie-label span:first-child{background:#f2dbb5;padding:4px 9px;border-radius:20px}.movie-label span:last-child{font-variant-numeric:tabular-nums}.video-frame{position:relative;width:100%;aspect-ratio:9/16;background:#eee7da;overflow:hidden;border-radius:4px}.video-frame video{display:block;width:100%;height:100%;object-fit:contain}.video-start{position:absolute;inset:0;border:0;background:linear-gradient(transparent 45%,#39291646);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:.875rem;text-shadow:0 1px 4px #0008}.play-disc{display:grid;place-items:center;width:62px;height:62px;border:1px solid #fffff7b5;border-radius:50%;background:#fff9e93d;backdrop-filter:blur(3px);font-size:1.1rem;padding-left:4px;transition:transform .2s}.video-start:hover .play-disc{transform:scale(1.08)}.movie-wrap[data-started] .video-start{display:none}.movie-wrap h3{font-family:var(--hand);font-weight:400;font-size:1.25rem;line-height:1.6;margin:15px 0 5px}.movie-wrap>p{font-size:.875rem;line-height:1.8;color:var(--muted)}.movie-wrap .movie-after{margin-top:12px;background:#f5e8bd;padding:10px 12px;color:#987b3f;border-radius:7px}.replay-button{background:none;border:0;padding:7px 0 0;display:block;text-decoration:underline;color:#9c694a;font-size:.875rem;min-height:36px}.video-error a{text-decoration:underline}
.outside-section{padding-block:62px}.outside-trip{display:grid;grid-template-columns:1fr 305px 1fr;gap:55px;padding:8px 36px 0;align-items:start}.ride-side,.outside-side{display:flex;flex-direction:column;gap:34px;min-width:0}.ride-side{padding-top:10px}.outside-side{padding-top:42px}.small-ride{width:68%;align-self:center}.flower-photo{width:71%;align-self:center}.walk-screen{min-width:0}.walk-screen .movie-wrap{transform:rotate(1deg)}.hand-note{font-family:var(--hand);font-size:1.25rem;color:#8e9468;line-height:1.85;transform:rotate(-3deg);text-align:center;margin-top:30px}.garden-collection{display:grid;grid-template-columns:.85fr 1.12fr 1fr;gap:43px;margin-top:64px;padding:26px 30px 0;border-top:1px dashed #d5c9a4}.garden-side,.garden-right,.garden-middle{display:flex;flex-direction:column;gap:31px;min-width:0}.garden-path{width:75%;align-self:center}.garden-side{padding-top:35px}.garden-middle>.little-note{align-self:center;width:80%;text-align:center;padding:16px 19px;font-size:1.5rem}.garden-right{padding-top:14px}.belly-photo{width:65%;align-self:center;transform:rotate(5deg)}.small-scribble{font-family:var(--hand);font-size:1rem;line-height:1.7;text-align:center;color:#92916a;margin-top:-13px;transform:rotate(-3deg)}
.autumn-section{background:#eff0df;border-block:1px solid #dfe1c8;padding:47px 0 45px;position:relative}.autumn-collection{display:grid;grid-template-columns:.77fr 1.24fr .73fr;gap:40px;align-items:start;padding:9px 26px 0}.autumn-left,.autumn-right{display:flex;flex-direction:column;gap:29px;min-width:0}.autumn-main{transform:rotate(-2deg);margin-top:37px}.autumn-right{padding-top:16px}.autumn-left>.photo:last-child{width:86%;align-self:center}.autumn-right>.little-note{margin-inline:4px}.end-shelf{display:grid;grid-template-columns:1fr auto 1fr;gap:35px;align-items:center;padding:65px 18px 54px}.shelf-label{font-size:.75rem;color:#9d8e73}.end-shelf h2{font-family:var(--hand);font-size:1.8rem;font-weight:400;line-height:1.7;margin-top:9px}.soft-button{min-height:50px;border:1px solid #d9bb72;background:#f4dfa3;border-radius:17px;padding:13px 20px;font-size:.9375rem;transform:rotate(-3deg);box-shadow:0 4px 0 #dfca8b7a;transition:transform .2s}.soft-button:hover{transform:rotate(0) translateY(-3px)}.soft-button span{font-size:1.3rem;margin-left:8px}.blank-note{position:relative;background:repeating-linear-gradient(transparent 0 28px,#a5926726 28px 29px),#fffdf1;padding:25px 20px 18px;box-shadow:var(--shadow);transform:rotate(3deg)}.blank-note>p{font-family:var(--hand);font-size:1.1rem;line-height:1.8}.blank-note>button{border:0;border-bottom:1px dashed #c2a277;background:none;padding:8px 0;color:#a06e4d;min-height:44px;font-size:.875rem}.blank-note>small{display:block;font-size:.75rem;color:#9c8e77;line-height:1.75;margin-top:11px}footer{border-top:1px dashed #cfbf9b;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0 35px}.footer-home{font-size:.875rem;color:#9e734c;padding:12px 0}.footer-home:hover{color:var(--coral)}footer>p{font-family:var(--hand);text-align:center;font-size:1.125rem;line-height:1.8}footer>p span{font-family:var(--sans);font-size:.75rem;color:var(--muted)}.secret-paw{width:43px;height:43px;padding:8px;border:0;background:#e9edda;border-radius:15px;transform:rotate(12deg);color:#8e9b6c;transition:transform .2s}.secret-paw:hover{transform:rotate(-8deg)}.secret-paw svg{width:100%;fill:currentColor;stroke:currentColor;stroke-width:.6}#small-toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);opacity:0;background:#5e6350;color:#fffcef;border-radius:30px;padding:11px 20px;font-size:.875rem;max-width:85vw;text-align:center;pointer-events:none;z-index:40;transition:.2s}#small-toast.shown{opacity:1;transform:translate(-50%,0)}
dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#fff8e9fb;color:var(--ink);overflow:hidden}dialog::backdrop{background:#51452cc9}dialog[open]{display:flex;flex-direction:column;animation:unfold .2s ease-out}@keyframes unfold{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 28px;min-height:74px;flex-shrink:0}.viewer-header>div{display:flex;align-items:baseline;gap:18px}#viewer-scope{font-family:var(--hand);font-size:1.15rem}#viewer-count{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.close-viewer{border:1px solid #daceb5;background:#f7edcf;border-radius:22px;min-height:43px;padding:7px 15px;font-size:.875rem;flex-shrink:0}.close-viewer span{font-size:1.3rem;padding-left:6px}.viewer-stage{display:flex;align-items:center;gap:22px;padding:0 28px;flex:1;min-height:0}.arrow-button{width:45px;height:50px;flex-shrink:0;border:0;background:#efe5c9;border-radius:16px;font-size:2rem;line-height:1}.viewer-image-wrap{min-width:0;flex:1;height:100%;display:flex;align-items:center;justify-content:center;position:relative;touch-action:pan-y pinch-zoom}.viewer-image-wrap img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:7px solid var(--paper);box-shadow:var(--shadow)}.viewer-info{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 96px;min-height:83px;flex-shrink:0}.viewer-caption>span{font-size:.75rem;color:#ae7755}.viewer-caption>p{font-family:var(--hand);font-size:1.125rem;line-height:1.65;margin-top:3px}.viewer-actions{display:flex;gap:10px;flex-shrink:0}.viewer-actions button{border:1px solid #d9c594;border-radius:18px;background:#f8edce;padding:8px 12px;min-height:42px;font-size:.8125rem}.viewer-actions button:last-child{background:#e5eef0;border-color:#cfdee3;color:#69818c}.photo-note-panel{width:min(840px,calc(100% - 192px));margin:0 auto 12px;padding:13px 16px;background:#f7e9be;border:1px solid #e1cf9c;border-radius:8px;flex-shrink:0}.photo-note-panel label{font-size:.8125rem;display:block;margin-bottom:7px;color:#8f713f}.photo-note-panel textarea{width:100%;display:block;resize:vertical;min-height:58px;max-height:120px;border:1px solid #dcc995;border-radius:5px;padding:10px;font:inherit;font-size:.875rem;line-height:1.5;color:var(--ink);background:#fffbed}.photo-note-panel>div{display:flex;justify-content:space-between;gap:15px;margin-top:6px;font-size:.75rem;line-height:1.6;color:#9b865f}.viewer-bottom{flex-shrink:0;min-width:0;padding:0 30px 12px}.viewer-bottom>span{display:block;text-align:center;font-size:.75rem;color:#a69880;margin-bottom:9px}.viewer-thumbs{display:flex;justify-content:flex-start;gap:7px;overflow-x:auto;max-width:100%;width:max-content;margin:auto;padding:2px 0 4px;scrollbar-width:thin}.viewer-thumbs button{padding:3px;border:1px solid transparent;background:transparent;flex-shrink:0;width:45px;height:53px;opacity:.65;position:relative}.viewer-thumbs button[aria-current="true"]{border-color:var(--coral);opacity:1;border-radius:4px}.viewer-thumbs button:hover{opacity:1}.viewer-thumbs img{width:100%;height:100%;object-fit:cover}.viewer-thumbs button.has-note::after{content:"";position:absolute;bottom:1px;right:1px;width:7px;height:7px;background:#ce9860;border-radius:50%;border:1px solid #fff}.image-error{position:absolute;background:var(--cream);padding:18px;font-size:.875rem}.photo-button.image-failed{min-height:150px}.photo-button.image-failed::before{content:"这张走神了 · 点开再试一次";position:absolute;inset:0;background:#f0e4c8;display:grid;place-items:center;font-size:.875rem}.note-badge{position:absolute;top:8px;right:8px;background:#f6dc91;border-radius:5px;padding:4px 6px;font-size:.75rem;color:#886d3e;pointer-events:none}.paw-pop{position:absolute;pointer-events:none;width:16px;height:16px;animation:paw-pop .65s ease-out forwards;fill:#b98856;stroke:#b98856;stroke-width:.6;z-index:3}@keyframes paw-pop{0%{opacity:0;transform:translateY(10px) rotate(-15deg) scale(.5)}30%{opacity:.8}100%{opacity:0;transform:translateY(-21px) rotate(10deg) scale(1)}}
@media(max-width:1100px){.page-width{width:calc(100% - 48px)}.fridge{padding:24px 23px 17px}.fridge-wall{gap:22px;grid-template-columns:1.1fr .93fr 1fr .7fr;padding-inline:4px}.pet-snapshot{padding:9px 9px 6px}.pet-door{flex-wrap:wrap;gap:3px;padding-top:7px}.pet-door>span{font-size:.75rem}.lucky-corner{padding-top:34px}.lucky-note{padding:13px 10px 16px}.lucky-note strong{font-size:1.5rem}.lucky-action{font-size:.8125rem}.home-collection{gap:30px;padding-inline:20px}.cat-collection{grid-template-columns:.9fr 275px 1fr;gap:29px;padding-inline:15px}.outside-trip{grid-template-columns:1fr 270px 1fr;gap:32px;padding-inline:19px}.garden-collection{gap:30px;padding-inline:20px}.autumn-collection{gap:30px;padding-inline:18px}.end-shelf{gap:25px;padding-inline:8px}.end-shelf h2{font-size:1.55rem}.blank-note{padding:23px 16px 16px}.blank-note>p{font-size:1rem}}
@media(max-width:850px){.site-header{width:calc(100% - 40px)}.site-header nav{gap:17px}.fridge-wall{grid-template-columns:1.06fr .9fr 1fr;gap:24px}.lucky-corner{grid-column:1/-1;display:flex;align-items:center;gap:30px;padding:9px 20px 0}.lucky-note{width:290px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px;transform:rotate(-2deg)}.lucky-note .tiny-stamp{border:0;padding:0}.lucky-note strong{font-size:1.15rem;order:3;width:100%;text-align:left}.lucky-note strong br{display:none}.note-paw{width:23px;margin:0}.lucky-action{position:absolute;right:15px;bottom:15px;border:0;padding:0;margin:0;font-size:.8125rem}.lucky-corner>p{font-size:.9375rem;margin:0}.fridge-bottom{margin-top:19px}.heading-scribble{font-size:1rem}h1{font-size:1.85rem}.hero-photo figcaption{font-size:.9375rem}.pet-door strong{font-size:1.3rem}.home-collection{gap:24px;padding-inline:10px}.photo figcaption{font-size:.8125rem}.cat-collection{grid-template-columns:1fr 265px;gap:35px;padding-inline:14px}.cat-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:32px;padding:0 30px;align-items:center}.cat-pair{gap:24px}.cat-screen>.little-note{font-size:1rem;margin-inline:5px}.cat-left{padding-top:0}.outside-trip{grid-template-columns:1fr 260px;gap:35px;padding-inline:15px}.outside-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:0 45px;align-items:start}.flower-photo{width:83%;margin-top:25px}.small-ride{width:64%}.garden-collection{gap:26px;padding-inline:5px}.garden-middle>.little-note{width:95%;font-size:1.2rem;padding:15px}.autumn-collection{gap:25px;padding-inline:5px}.autumn-main{margin-top:25px}.autumn-right>.little-note{padding:15px 13px;font-size:1rem}.end-shelf{grid-template-columns:1fr 1fr;gap:28px}.end-shelf>.soft-button{justify-self:center}.blank-note{grid-column:1/-1;width:min(440px,90%);justify-self:center;text-align:center}.viewer-info{padding-inline:60px}.photo-note-panel{width:calc(100% - 120px)}}
@media(max-width:600px){.page-width{width:calc(100% - 32px)}.site-header{width:calc(100% - 32px);padding:15px 0;gap:10px;align-items:center}.brand{font-size:1rem;gap:7px;flex-shrink:0}.brand-paw{width:32px;height:32px;border-radius:12px}.brand-paw svg{width:20px;height:20px}.brand small{font-size:.6875rem;letter-spacing:.04em}.site-header nav{gap:0 13px;font-size:.8125rem;justify-content:flex-end;flex-wrap:wrap;max-width:180px}.site-header nav a{min-height:30px;padding:4px 0}.nav-random{background:none;border:0;padding:2px 0;min-height:31px;color:#a58543;font-size:.8125rem}.nav-random span{margin-left:2px}.fridge{width:calc(100% - 20px);border-radius:22px;padding:20px 13px 15px}.fridge-heading{margin:0 5px 21px;display:block}.small-label{font-size:.6875rem;margin-bottom:6px}h1{font-size:1.6rem;line-height:1.65}.heading-scribble{display:none}.fridge-wall{grid-template-columns:1fr 1fr;grid-template-areas:"d x" "r h";gap:23px 18px;padding:0 7px;align-items:start}.hero-dazhuang{grid-area:d;transform:rotate(-3deg);margin-top:0}.hero-xiaohui{grid-area:x;transform:rotate(3deg);margin-top:16px}.hero-huahua{grid-area:h;transform:rotate(2deg);margin-top:-2px}.pet-snapshot{padding:7px 7px 5px}.hero-photo figcaption{font-size:.875rem;line-height:1.6;padding-top:7px}.pet-door{display:flex;flex-wrap:nowrap;padding:7px 0 3px;gap:4px;min-height:40px}.pet-door strong{font-size:1.15rem;letter-spacing:.03em}.pet-door>span{font-size:.6875rem;white-space:nowrap}.pet-door b{margin-left:1px;font-size:.875rem}.magnet{width:21px;height:21px;border-width:2px;top:-10px}.tape{height:20px;top:-10px}.lucky-corner{grid-area:r;display:block;padding:16px 4px 0 3px}.lucky-note{display:block;width:100%;padding:12px 10px 14px;transform:rotate(-4deg);text-align:center}.lucky-note .tiny-stamp{font-size:.6875rem;border:1px dashed #ac8b4666;padding:4px 5px}.note-paw{width:24px;margin:10px auto 5px}.lucky-note strong{font-size:1.35rem;line-height:1.5;text-align:center}.lucky-note strong br{display:block}.lucky-action{position:static;border-top:1px dashed #b3965263;margin:9px 0 0;padding-top:8px;font-size:.75rem}.lucky-action b{font-size:1.1rem}.lucky-corner>p{font-size:.8125rem;line-height:1.6;margin:13px 1px 0}.lucky-corner>p br{display:none}.fridge-bottom{margin:22px 5px 0;padding-top:13px;gap:10px;font-size:.6875rem;line-height:1.7}.fridge-bottom i{padding:0 4px}.fridge-bottom>span:last-child{max-width:132px;text-align:right}.fridge-bottom span span{padding-left:2px}.section-heading{margin-bottom:27px}.section-tab{font-size:.75rem;padding:6px 10px}.section-heading h2{font-size:1.8rem;line-height:1.6;margin-top:13px}.section-heading>p{font-size:.875rem;line-height:1.85;margin-top:5px}.home-section{padding-block:44px 36px}.home-collection{grid-template-columns:1fr 1fr;gap:25px 22px;padding:0 9px}.memory-stack{display:contents}.home-collection .photo,.home-collection .little-note{margin:0;width:100%;align-self:start}.home-collection .photo:nth-child(2){margin-top:20px}.home-collection .stack-b .photo:first-child{margin-top:10px}.home-collection .stack-c .photo:first-child{margin-top:16px}.home-collection .little-note{grid-column:1/-1;width:83%;justify-self:center;font-size:1.1rem;text-align:center;padding:16px 19px}.little-note{font-size:1.1rem;padding:16px 17px}.little-note>span{font-size:.75rem;margin-bottom:7px}.paper{padding:7px 7px 10px}.photo figcaption{font-size:.875rem;line-height:1.65;padding-top:9px;gap:5px}.photo-number{display:none}.taped::before{height:20px;top:-10px}.cat-section{padding:35px 0}.cat-collection{grid-template-columns:1fr 1fr;gap:30px 23px;padding:0 8px}.cat-left{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:0}.cat-left>.small-cat{width:86%;align-self:start;justify-self:end;margin-top:33px}.cat-screen{grid-column:1/-1;justify-self:center;width:min(285px,92%);margin-top:2px}.cat-screen>.little-note{margin:22px 10px 0;font-size:1.1rem;padding:13px 16px;text-align:center}.movie-wrap{padding:10px 10px 16px;border-radius:9px 9px 4px 4px}.movie-label{font-size:.75rem;padding-bottom:9px;gap:5px}.movie-label span:first-child{padding:4px 7px}.movie-wrap h3{font-size:1.17rem;margin-top:12px}.movie-wrap>p{font-size:.875rem;line-height:1.7}.play-disc{width:56px;height:56px}.cat-right{grid-template-columns:1.2fr .8fr;gap:21px;padding:0;align-items:center}.cat-pair{grid-template-columns:1fr;gap:22px}.cat-pair .photo:nth-child(2){margin-top:0}.cat-right>.paper{align-self:center}.outside-section{padding-block:40px}.outside-trip{grid-template-columns:1fr 1fr;gap:28px 22px;padding:0 8px}.ride-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:0}.ride-side>.small-ride{width:86%;justify-self:end;align-self:start;margin-top:37px}.walk-screen{grid-column:1/-1;width:min(280px,92%);justify-self:center}.hand-note{font-size:1.125rem;margin-top:24px;line-height:1.75}.outside-side{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:26px;padding:0;align-items:center}.flower-photo{width:88%;margin-top:0;justify-self:end}.garden-collection{grid-template-columns:1fr 1fr;gap:30px 22px;padding:26px 8px 0;margin-top:36px}.garden-side{padding:0;gap:26px}.garden-path{width:82%;margin:0;align-self:center}.garden-middle{gap:22px;padding-top:12px}.garden-middle>.little-note{width:100%;padding:13px 12px;font-size:1.125rem}.garden-middle>.little-note>span{font-size:.6875rem}.garden-right{grid-column:1/-1;display:grid;grid-template-columns:1.12fr .88fr;gap:24px 22px;padding:0;align-items:center}.garden-right>.photo{width:100%;margin:0}.garden-right .small-scribble{grid-column:2;font-size:.875rem;margin-top:-18px;line-height:1.8}.autumn-section{padding:35px 0}.autumn-collection{grid-template-columns:1fr 1fr;gap:29px 23px;padding:0 8px}.autumn-left{grid-column:1;gap:27px;padding-top:8px}.autumn-left>.photo:last-child{width:100%}.autumn-main{grid-column:1/-1;grid-row:1;width:87%;justify-self:center;margin:0;transform:rotate(-2deg)}.autumn-right{grid-column:2;padding-top:28px;gap:24px}.autumn-right>.little-note{font-size:1rem;line-height:1.8;padding:13px 14px;margin:0}.end-shelf{padding:37px 6px 32px;gap:26px 15px;grid-template-columns:1fr 1fr}.shelf-label{font-size:.75rem}.end-shelf h2{font-size:1.4rem;line-height:1.75}.soft-button{font-size:.875rem;line-height:1.7;padding:10px 12px;min-height:48px;border-radius:14px}.soft-button span{font-size:1.1rem;margin-left:2px}.blank-note{width:91%;padding:23px 16px 15px;transform:rotate(2deg)}.blank-note>p{font-size:1.125rem}.blank-note>small{font-size:.75rem;line-height:1.8}.blank-note>button{font-size:.875rem}footer{gap:18px;padding:22px 0 28px}.footer-home{font-size:.8125rem}footer>p{font-size:1rem;line-height:1.8}footer>p span{font-size:.6875rem}.secret-paw{width:36px;height:36px;padding:7px;border-radius:12px}.viewer-header{padding:10px 14px;gap:12px;min-height:63px}.viewer-header>div{display:block;line-height:1.5}#viewer-scope{display:block;font-size:1rem}#viewer-count{font-size:.75rem}.close-viewer{font-size:.8125rem;padding:5px 12px;min-height:39px}.viewer-stage{padding:0 5px;gap:3px}.arrow-button{width:29px;height:43px;border-radius:12px;font-size:1.7rem;background:#efe5c978}.viewer-image-wrap img{border-width:4px}.viewer-info{padding:10px 18px 11px;gap:11px;display:block;min-height:0}.viewer-caption>span{font-size:.75rem}.viewer-caption>p{font-size:1rem;line-height:1.55;margin-top:2px}.viewer-actions{justify-content:space-between;margin-top:9px;gap:15px}.viewer-actions button{font-size:.8125rem;min-height:38px;padding:7px 14px}.viewer-bottom{padding:0 14px 8px}.viewer-bottom>span{font-size:.6875rem;margin-bottom:6px}.viewer-thumbs{gap:6px;width:100%;margin:0}.viewer-thumbs button{width:38px;height:45px;padding:2px}.photo-note-panel{width:calc(100% - 36px);padding:10px 12px;margin-bottom:10px}.photo-note-panel label{font-size:.8125rem;margin-bottom:6px}.photo-note-panel textarea{font-size:1rem;min-height:52px;max-height:90px;padding:8px;resize:none}.photo-note-panel>div{font-size:.6875rem;gap:10px}.photo-note-panel #note-length{white-space:nowrap}.note-badge{font-size:.6875rem;top:5px;right:5px;padding:3px 5px}.enlarge-icon{width:24px;height:24px;bottom:6px;right:6px}}
@media(max-width:360px){.page-width{width:calc(100% - 28px)}.site-header{width:calc(100% - 28px)}.brand{font-size:.9375rem;gap:5px}.brand small{font-size:.625rem}.brand-paw{width:28px;height:28px}.site-header nav{font-size:.75rem;gap:0 9px;max-width:150px}.nav-random{font-size:.75rem}.fridge{width:calc(100% - 16px);padding:17px 10px 13px}.fridge-heading{margin-bottom:20px}h1{font-size:1.45rem}.fridge-wall{gap:23px 14px;padding:0 6px}.hero-photo figcaption{font-size:.8125rem}.pet-door strong{font-size:1.06rem}.pet-door>span{font-size:.625rem}.lucky-note{padding:11px 8px}.lucky-note strong{font-size:1.2rem}.tiny-stamp{font-size:.625rem!important}.lucky-action{font-size:.6875rem}.lucky-corner>p{font-size:.75rem}.fridge-bottom{font-size:.625rem}.section-heading h2{font-size:1.6rem}.photo figcaption{font-size:.8125rem}.end-shelf h2{font-size:1.2rem}.soft-button{font-size:.8125rem}.viewer-caption>p{font-size:.9375rem}.viewer-info{padding-inline:15px}.photo-note-panel{width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.note-badge{position:static;display:inline-block;margin-left:5px;font-family:var(--sans);font-size:.6875rem;vertical-align:middle}.viewer-caption{position:relative}.paw-pop svg{width:100%;height:100%}button,a{touch-action:manipulation}@media(max-width:600px){dialog.note-open .viewer-bottom{display:none}.arrow-button{width:44px;height:48px}.viewer-stage{padding-inline:2px;gap:2px}.close-viewer,.viewer-actions button{min-height:44px}.viewer-thumbs button{width:44px;height:49px}}

.music-dock{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 15px 9px 10px;border:1px solid #d9c996;border-radius:18px 18px 6px 18px;background:#fff7de;box-shadow:0 4px 22px #5148381a;text-align:left;max-width:calc(100vw - 28px)}
.music-dock strong{display:block;font-family:var(--hand);font-size:1rem;font-weight:normal;line-height:1.4}.music-dock small{display:block;color:#8a7957;font-size:.6875rem;line-height:1.7;margin-top:2px}.music-disc{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle,#61757b 0 2px,#71858b 3px 4px);box-shadow:0 1px 3px #51483824;position:relative}.music-disc::before{content:"";width:13px;height:13px;border:4px solid #efd58d;background:#fff7de;border-radius:50%}.music-disc i{position:absolute;top:5px;left:12px;width:4px;height:4px;border-radius:50%;background:#d9e0da}.music-dock[data-playing="true"] .music-disc,.viewer-music[data-playing="true"] .music-disc{animation:music-turn 8s linear infinite}@keyframes music-turn{to{transform:rotate(360deg)}}
.viewer-header>.viewer-header-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.viewer-music{display:grid;place-items:center;min-width:44px;height:44px;padding:4px;border:1px solid #daceb5;border-radius:50%;background:#f7edcf}.viewer-music .music-disc{width:29px;height:29px}.viewer-music .music-disc i{top:4px;left:10px}footer.page-width{padding-bottom:95px}
@media(max-width:600px){.music-dock{right:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:52px;padding:7px 12px 7px 8px;gap:8px;border-radius:15px 15px 5px 15px}.music-dock strong{font-size:.875rem}.music-dock small{font-size:.625rem}.music-disc{width:30px;height:30px}.viewer-header{gap:8px}.viewer-header>div:first-child{min-width:0}#viewer-scope{font-size:.875rem}.viewer-header>.viewer-header-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.music-disc{animation:none!important}}