:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-synthesis:none;--canvas: #f6f8f7;--surface: #ffffff;--surface-soft: #eef3f1;--ink: #25282b;--muted: #70767a;--line: #dfe5e2;--rose: #d8536b;--rose-dark: #ad3f55;--rose-soft: #fbe8ec;--green: #39766c;--green-dark: #285c54;--green-soft: #e2f0ec;--gold: #c58d24;--shadow: 0 10px 35px rgba(27, 42, 37, .12);color:var(--ink);background:var(--canvas);letter-spacing:0}*{box-sizing:border-box;letter-spacing:0}html{min-width:320px;background:var(--canvas);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:var(--canvas)}button,input,textarea{font:inherit;letter-spacing:0}button{color:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(57,118,108,.24);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.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}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,transform .16s ease;gap:8px}.button:not(:disabled):active{transform:translateY(1px)}.button--primary{color:#fff;background:var(--rose);border-color:var(--rose)}.button--primary:not(:disabled):hover{background:var(--rose-dark);border-color:var(--rose-dark)}.button--secondary{color:var(--green-dark);background:var(--surface);border-color:#b9cbc5}.button--secondary:not(:disabled):hover{background:var(--green-soft);border-color:var(--green)}.button--light{color:var(--ink);background:#fffffff0;border-color:#fffffff0}.button--light:hover{background:#fff}.button--full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface);cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.icon-button:hover{color:var(--ink);background:var(--surface-soft);border-color:#c8d3ce}.icon-button--quiet{border-color:transparent;background:transparent}.icon-button--quiet:hover{color:var(--rose-dark);background:var(--rose-soft);border-color:transparent}.icon-button--send{flex-basis:42px;width:42px;height:42px;color:#fff;background:var(--green);border-color:var(--green)}.icon-button--send:hover{color:#fff;background:var(--green-dark);border-color:var(--green-dark)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--avatar-color, var(--green));font-size:14px;font-weight:800;line-height:1;box-shadow:inset 0 0 0 2px #ffffff47}.avatar--small{flex-basis:34px;width:34px;height:34px;font-size:12px}.avatar--tiny{flex-basis:28px;width:28px;height:28px;font-size:10px}.field{display:grid;gap:8px;color:var(--ink);font-size:13px;font-weight:700}.field__control{display:flex;align-items:center;min-height:46px;padding:0 12px;border:1px solid #cfd8d4;border-radius:6px;color:var(--muted);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease;gap:9px}.field__control:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #39766c1f}.field__control input{min-width:0;width:100%;height:42px;padding:0;border:0;outline:0;color:var(--ink);background:transparent}.field__action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:0;color:var(--muted);background:transparent;cursor:pointer}.field textarea,.guestbook-composer textarea,.chat-composer textarea{width:100%;resize:vertical;border:1px solid #cfd8d4;border-radius:6px;outline:0;color:var(--ink);background:var(--surface);line-height:1.7;transition:border-color .16s ease,box-shadow .16s ease}.field textarea{min-height:122px;padding:12px 14px}.field textarea:focus,.guestbook-composer textarea:focus,.chat-composer textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #39766c1f}.splash{display:flex;align-items:center;justify-content:center;min-height:100dvh;color:var(--rose);background:var(--canvas);gap:14px}.login-shell{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:100dvh;padding:88px max(6vw,28px) 58px;overflow:hidden;background-image:url(/hero-v2.jpg);background-position:center;background-size:cover}.login-shell__overlay{position:absolute;inset:0;background:#18231f7a}.login-brand{position:absolute;top:30px;left:max(5vw,24px);z-index:1;display:flex;align-items:center;color:#fff;font-size:17px;font-weight:800;text-shadow:0 1px 10px rgba(0,0,0,.28);gap:10px}.login-brand__mark,.brand__mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--rose)}.login-panel{position:relative;z-index:1;width:min(100%,410px);padding:32px;border:1px solid rgba(255,255,255,.48);border-radius:8px;background:#fffffff5;box-shadow:0 22px 70px #0c181447;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-panel__heading{display:flex;align-items:center;margin-bottom:27px;gap:13px}.login-panel__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;color:var(--green-dark);background:var(--green-soft)}.login-panel h1{margin:0 0 4px;font-size:24px;line-height:1.2}.login-panel__heading p{margin:0;color:var(--muted);font-size:13px}.login-panel form{display:grid;gap:17px}.form-error{min-height:20px;color:var(--rose-dark);font-size:13px;line-height:20px}.login-footnote{position:absolute;right:max(6vw,28px);bottom:24px;z-index:1;margin:0;color:#ffffffd6;font-size:12px;font-weight:700}.app-shell{min-height:100dvh}.topbar{position:sticky;top:0;z-index:30;height:64px;border-bottom:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__inner{display:flex;align-items:center;width:min(1120px,calc(100% - 40px));height:100%;margin:0 auto}.brand{display:inline-flex;align-items:center;min-width:190px;padding:0;border:0;color:var(--ink);background:transparent;cursor:pointer;font-size:15px;font-weight:800;gap:10px}.brand__mark{flex-basis:30px;width:30px;height:30px}.desktop-nav{display:flex;align-self:stretch;margin:0 auto;gap:3px}.desktop-nav button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:0 14px;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:13px;font-weight:700;gap:7px}.desktop-nav button:after{position:absolute;right:15px;bottom:0;left:15px;height:3px;border-radius:3px 3px 0 0;background:transparent;content:""}.desktop-nav button:hover{color:var(--ink);background:var(--surface-soft)}.desktop-nav button.is-active{color:var(--rose-dark)}.desktop-nav button.is-active:after{background:var(--rose)}.desktop-nav b,.mobile-nav b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;color:#fff;background:var(--rose);font-size:10px;line-height:1}.topbar__account{display:flex;align-items:center;min-width:150px;justify-content:flex-end;font-size:13px;font-weight:700;gap:9px}.topbar__account .icon-button{margin-left:3px}.memory-hero{position:relative;min-height:350px;overflow:hidden;color:#fff;background-image:url(/hero-v2.jpg);background-position:center 58%;background-size:cover}.memory-hero__overlay{position:absolute;inset:0;background:#16231e80}.memory-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:min(1080px,calc(100% - 48px));min-height:350px;margin:0 auto;padding:34px 0;text-shadow:0 2px 18px rgba(0,0,0,.32)}.memory-hero__names{display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:800;gap:7px}.memory-hero h1{display:flex;align-items:baseline;margin:0;line-height:1;gap:8px}.memory-hero h1 strong{font-size:78px;font-weight:800}.memory-hero h1 span{font-size:22px;font-weight:700}.memory-hero h1.memory-hero__unset{display:block;max-width:520px;margin:8px 0 22px;font-size:38px;line-height:1.3}.memory-hero p{margin:12px 0 16px;font-size:16px;font-weight:600}.memory-hero__meta{display:flex;align-items:center;width:fit-content;padding-top:13px;border-top:1px solid rgba(255,255,255,.48);color:#ffffffeb;font-size:13px;gap:8px}.memory-hero .button{align-self:flex-start;text-shadow:none}.main-content{width:min(1080px,calc(100% - 48px));min-height:340px;margin:0 auto;padding:34px 0 76px;animation:content-in .18s ease-out}@keyframes content-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content-section{width:100%}.section-heading{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:24px;gap:20px}.section-heading>div:first-child{min-width:0}.section-heading h2{margin:0 0 4px;font-size:22px;line-height:1.25}.section-heading span{color:var(--muted);font-size:12px}.section-actions{display:flex;align-items:center;flex:0 0 auto;gap:10px}.month-filter{position:relative;display:flex;align-items:center}.month-filter input{width:154px;height:42px;padding:0 35px 0 11px;border:1px solid #cfd8d4;border-radius:6px;color:var(--ink);background:var(--surface)}.month-filter button{position:absolute;right:5px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:5px;color:var(--muted);background:var(--surface);cursor:pointer}.section-loading{display:flex;align-items:center;justify-content:center;min-height:220px;color:var(--green)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);text-align:center;gap:8px}.empty-state h3{margin:0;color:var(--ink);font-size:15px}.timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}.post-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 5px 18px #2739320f}.post-card__header{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:13px 15px;gap:12px}.post-card__author{display:flex;align-items:center;min-width:0;gap:10px}.post-card__author>div{display:grid;min-width:0;gap:3px}.post-card__author strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.post-card__author time{color:var(--muted);font-size:11px}.post-card__content{margin:0;padding:2px 16px 16px;overflow-wrap:anywhere;color:#34383b;font-size:14px;line-height:1.75;white-space:pre-wrap}.media-grid{display:grid;height:310px;overflow:hidden;border-top:1px solid var(--line);background:var(--surface-soft);gap:2px}.media-grid--1{grid-template-columns:1fr}.media-grid--2{grid-template-columns:repeat(2,1fr)}.media-grid--3,.media-grid--4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.media-grid--3 button:first-child{grid-row:1 / 3}.media-grid button{position:relative;min-width:0;min-height:0;padding:0;overflow:hidden;border:0;background:#dfe5e2;cursor:zoom-in}.media-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease,filter .22s ease}.media-grid button:hover img{transform:scale(1.025);filter:brightness(.94)}.media-grid button>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#171f1c7a;font-size:25px;font-weight:800}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;background:#131b18a6}.modal{width:min(620px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.modal__header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:15px 20px;border-bottom:1px solid var(--line);background:#fffffff7}.modal__header h2{margin:0 0 3px;font-size:19px}.modal__header p{margin:0;color:var(--muted);font-size:11px}.modal form{display:grid;padding:20px;gap:18px}.modal__footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px;gap:10px}.upload-previews{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.upload-preview{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft)}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-preview button{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;padding:0;border:0;border-radius:50%;color:#fff;background:#141b18b3;cursor:pointer}.lightbox{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:56px 24px;background:#0c100feb;cursor:zoom-out}.lightbox>button{position:absolute;top:18px;right:20px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;color:#fff;background:#ffffff1f;cursor:pointer}.lightbox img{display:block;max-width:min(1200px,100%);max-height:calc(100dvh - 112px);object-fit:contain;cursor:default}.lightbox>span{position:absolute;bottom:22px;color:#ffffffc7;font-size:12px}.guestbook-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;margin-bottom:28px;padding:20px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:13px}.guestbook-composer textarea{min-height:86px;padding:11px 13px}.guestbook-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.guestbook-note{position:relative;min-width:0;padding:17px 18px 20px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.guestbook-note:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--note-color, var(--rose));content:""}.guestbook-note header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.guestbook-note header>div{display:flex;align-items:center;min-width:0;gap:8px}.guestbook-note strong{font-size:13px}.guestbook-note time{color:var(--muted);font-size:11px;white-space:nowrap}.guestbook-note p{margin:0;overflow-wrap:anywhere;font-size:14px;line-height:1.75;white-space:pre-wrap}.chat-surface{display:grid;grid-template-rows:66px minmax(320px,58vh) auto;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 5px 18px #2739320f}.chat-surface__header{display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);gap:11px}.chat-surface__header>div{display:grid;gap:3px}.chat-surface__header strong{font-size:14px}.chat-surface__header span{display:flex;align-items:center;color:var(--muted);font-size:11px;gap:5px}.chat-surface__header i{width:7px;height:7px;border-radius:50%;background:#a9afac}.chat-surface__header i.is-online{background:#36a56b}.chat-messages{padding:18px;overflow-y:auto;overscroll-behavior:contain;background:#f7f9f8}.chat-row-wrap{width:100%}.chat-day{margin:16px 0;color:var(--muted);font-size:11px;text-align:center}.chat-day:first-child{margin-top:0}.chat-row{display:flex;align-items:flex-end;margin:7px 0;gap:8px}.chat-row>div:last-child{display:grid;max-width:min(72%,620px);gap:4px}.chat-row p{margin:0;padding:10px 13px;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:7px 7px 7px 2px;background:var(--surface);font-size:14px;line-height:1.55;white-space:pre-wrap}.chat-row span{color:var(--muted);font-size:10px}.chat-row--mine{justify-content:flex-end}.chat-row--mine>div:last-child{justify-items:end}.chat-row--mine p{color:#fff;border-color:var(--green);border-radius:7px 7px 2px;background:var(--green)}.typing-indicator{display:flex;align-items:center;width:48px;height:32px;margin:7px 0 7px 36px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:var(--surface);gap:4px}.typing-indicator i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:typing 1s ease-in-out infinite}.typing-indicator i:nth-child(2){animation-delay:.12s}.typing-indicator i:nth-child(3){animation-delay:.24s}@keyframes typing{50%{opacity:.35;transform:translateY(-2px)}}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;color:var(--muted);font-size:12px;gap:7px}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:12px;border-top:1px solid var(--line);gap:9px}.chat-composer textarea{min-height:42px;max-height:130px;padding:9px 12px;resize:none;line-height:22px}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-block{align-self:start;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.settings-block>header{display:flex;align-items:center;margin-bottom:23px;gap:12px}.settings-block__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%}.settings-block__icon--rose{color:var(--rose-dark);background:var(--rose-soft)}.settings-block__icon--green{color:var(--green-dark);background:var(--green-soft)}.settings-block h3{margin:0 0 4px;font-size:16px}.settings-block header p{margin:0;color:var(--muted);font-size:11px}.settings-block form,form.settings-block{display:block}.settings-block .field{margin-bottom:16px}.account-list{display:grid;gap:12px}.account-list>div{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);gap:11px}.account-list>div:last-child{border-bottom:0}.account-list>div>span:last-child{display:grid;gap:3px}.account-list strong{font-size:14px}.account-list small{color:var(--muted);font-size:11px}.toast{position:fixed;right:22px;bottom:24px;z-index:150;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:min(360px,calc(100% - 32px));min-height:52px;padding:10px 10px 10px 14px;border:1px solid #c7d7d1;border-radius:7px;color:var(--green-dark);background:#f4fbf8;box-shadow:var(--shadow);font-size:13px;font-weight:700;animation:toast-in .18s ease-out;gap:9px}.toast--error{color:var(--rose-dark);background:#fff4f6;border-color:#efc5ce}.toast button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;color:inherit;background:transparent;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{display:none}@media(max-width:800px){.topbar__inner{width:calc(100% - 28px)}.brand{min-width:auto}.desktop-nav{display:none}.topbar__account{min-width:auto;margin-left:auto}.topbar__account>span:not(.avatar){display:none}.memory-hero,.memory-hero__inner{min-height:300px}.memory-hero__inner,.main-content{width:calc(100% - 32px)}.memory-hero h1 strong{font-size:62px}.memory-hero h1.memory-hero__unset{max-width:360px;font-size:31px}.main-content{padding-top:27px;padding-bottom:96px}.timeline-grid,.guestbook-list,.settings-layout{grid-template-columns:1fr}.media-grid{height:min(65vw,390px)}.chat-surface{grid-template-rows:62px minmax(340px,calc(100dvh - 300px)) auto}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0;border:0;color:var(--muted);background:transparent;font-size:10px;font-weight:700;gap:3px}.mobile-nav button.is-active{color:var(--rose-dark)}.mobile-nav__icon{position:relative;display:inline-flex}.mobile-nav b{position:absolute;top:-8px;right:-13px}.toast{right:16px;bottom:calc(78px + env(safe-area-inset-bottom))}}@media(max-width:560px){.topbar{height:58px}.brand{font-size:14px}.brand__mark{flex-basis:28px;width:28px;height:28px}.topbar__account .avatar{display:none}.memory-hero,.memory-hero__inner{min-height:278px}.memory-hero{background-position:54% center}.memory-hero__inner{width:calc(100% - 28px)}.memory-hero h1 strong{font-size:54px}.memory-hero h1 span{font-size:18px}.memory-hero h1.memory-hero__unset{font-size:27px}.memory-hero p{max-width:300px;font-size:14px;line-height:1.6}.main-content{width:calc(100% - 28px);padding-top:23px}.section-heading{align-items:flex-start;margin-bottom:18px}.section-heading h2{font-size:20px}.section-actions{gap:7px}.month-filter input{width:43px;padding:0;color:transparent}.month-filter{width:76px}.month-filter input::-webkit-calendar-picker-indicator{width:18px;height:18px;margin:0;padding:0;cursor:pointer}.month-filter button{right:0;width:26px;pointer-events:auto}.section-actions .button{padding:0 13px}.post-card__header{min-height:64px}.post-card__content{font-size:14px}.media-grid{height:calc(100vw - 30px);max-height:420px}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:calc(100dvh - 24px);border-radius:8px 8px 0 0}.modal form,.modal__header{padding-right:16px;padding-left:16px}.upload-previews{grid-template-columns:repeat(3,minmax(0,1fr))}.guestbook-composer{grid-template-columns:auto minmax(0,1fr)}.guestbook-composer .button{grid-column:2;justify-self:end}.guestbook-note{padding-right:14px;padding-left:15px}.guestbook-note header{align-items:flex-start}.guestbook-note header>div:last-child{gap:2px}.chat-surface{margin-right:-14px;margin-left:-14px;border-right:0;border-left:0;border-radius:0;grid-template-rows:60px minmax(360px,calc(100dvh - 275px)) auto}.chat-messages{padding:14px 12px}.chat-row>div:last-child{max-width:82%}.settings-block{padding:18px}.login-shell{justify-content:center;padding:78px 16px 48px;background-position:48% center}.login-brand{top:22px;left:18px}.login-panel{padding:24px 20px}.login-footnote{right:18px;bottom:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}