:root{--ink:#17352c;--green:#145b4a;--jade:#e7f3ec;--paper:#fffdf8;--cream:#f6f0e6;--line:#e5e1d8;--muted:#7a827b;--coral:#e36e58;--shadow:0 30px 75px rgba(27,53,43,.18);--r:18px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 8%,#d9eee4,transparent 26%),radial-gradient(circle at 91% 86%,#f9e8d6,transparent 26%),#f5f5ef;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.board{min-height:100vh;display:grid;grid-template-columns:330px 390px 220px;gap:54px;align-items:center;justify-content:center;padding:34px}.intro{max-width:330px}.brand{display:flex;align-items:center;gap:10px;font-size:20px}.brand i{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;color:#fff;background:var(--green);font-style:normal;font-weight:900}.intro h1{margin:24px 0 16px;font-size:43px;line-height:1.14;letter-spacing:-2px}.intro>p{font-size:14px;line-height:1.8;color:#637168}.logic-list{display:grid;gap:15px;margin:30px 0;padding:0;list-style:none}.logic-list li{display:grid;grid-template-columns:31px 1fr;gap:11px;color:#68766e;font-size:12px;line-height:1.65}.logic-list b{color:#b2b9b2;font-size:11px}.logic-list strong{display:block;color:var(--ink);font-size:13px}.screen-index{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.screen-index button{min-height:36px;border:1px solid var(--line);border-radius:9px;background:#ffffff99;color:var(--ink);font-size:12px;cursor:pointer}.screen-index button.active{color:#fff;background:var(--green);border-color:var(--green)}button{font:inherit;border:0;cursor:pointer}.phone{position:relative;overflow:hidden;width:390px;height:844px;background:var(--paper);border:1px solid #d8d5cb;border-radius:35px;box-shadow:var(--shadow)}.status{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;font-size:12px;font-weight:800;position:absolute;z-index:10;top:0;left:0;right:0;background:linear-gradient(to bottom,var(--paper) 70%,transparent)}.page{display:none;overflow:auto;height:100%;padding:52px 16px 86px;background:radial-gradient(circle at 75% 8%,#f1f5e9,transparent 23%),var(--paper);scrollbar-width:none}.page::-webkit-scrollbar{display:none}.page.active{display:block}.home-head,.page-head{display:flex;justify-content:space-between;align-items:center;min-height:39px}.wordmark{font-family:serif;font-size:25px;font-weight:900;letter-spacing:2px}.bell,.icon-btn{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);font-size:18px}.section-kicker{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px;font-size:14px}.text-btn{color:var(--green);background:transparent;font-size:11px}.class-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.class-tab{flex:0 0 103px;display:flex;flex-direction:column;gap:4px;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;color:#717b74}.class-tab small{font-size:10px}.class-tab b{font-size:12px;color:var(--ink)}.class-tab em{font-size:9px;font-style:normal}.class-tab.selected{color:#fff;background:var(--green);border-color:var(--green)}.class-tab.selected b{color:#fff}.add-class{flex:0 0 38px;border:1px dashed #b4c6bb;border-radius:11px;background:transparent;color:var(--green);font-size:22px}.memory-hero{height:253px;margin-top:14px;position:relative;overflow:hidden;border-radius:var(--r);color:#fff;background:#1d473a}.memory-hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(105deg,rgba(9,47,36,.92),rgba(14,66,48,.3) 70%,rgba(0,0,0,.05))}.hero-copy{position:absolute;top:23px;left:19px}.hero-copy span{font-size:11px;opacity:.85}.hero-copy h2{margin:10px 0 4px;font-size:19px;line-height:1.2;font-weight:500}.hero-copy h2 b{font:500 47px/1 Georgia,serif}.hero-copy p{margin:3px 0;font-size:10px}.round-progress{position:absolute;right:18px;bottom:61px;display:grid;place-items:center;align-content:center;width:72px;height:72px;border:4px solid #dce7bb;border-left-color:#fff;border-bottom-color:#fff;border-radius:50%;background:#164536b8}.round-progress strong{font-size:16px}.round-progress small{font-size:8px}.hero-link{position:absolute;bottom:0;left:0;right:0;padding:13px 18px;background:#fffdf8e8;color:var(--ink);text-align:left;font-size:11px}.upload-card{display:flex;justify-content:space-between;align-items:center;min-height:126px;margin-top:12px;padding:16px 13px 15px 16px;border:1px solid var(--line);border-radius:var(--r);background:#fffaf2}.upload-card span{font-size:10px;color:var(--green)}.upload-card h3{margin:5px 0;font-size:16px}.upload-card p{margin:0 0 9px;color:var(--muted);font-size:10px}.primary{border-radius:9px;background:var(--green);color:#fff;padding:12px 17px;font-size:13px;font-weight:700}.primary.small{padding:8px 12px;font-size:10px}.polaroids{position:relative;width:103px;height:86px}.polaroids img{position:absolute;width:67px;height:78px;object-fit:cover;padding:4px 4px 13px;background:#fff;box-shadow:0 5px 12px #71695c31}.polaroids img:first-child{right:5px;top:4px;transform:rotate(8deg)}.polaroids img:last-child{left:5px;top:7px;transform:rotate(-8deg)}.activity{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;font-size:11px}.a1{background:#a47755}.a2{background:#446e62}.activity p{flex:1;margin:0;font-size:11px}.activity small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.mini-photo{width:45px;height:31px;overflow:hidden;border-radius:4px}.mini-photo img{width:100%;height:100%;object-fit:cover}.page-head h2{margin:0;font-family:serif;font-size:25px;letter-spacing:1px}.filters{display:flex;gap:7px;overflow:auto;margin:14px -1px 8px}.filters button,.filter-row button{white-space:nowrap;border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 10px;color:#5e6c65;font-size:10px}.filters button.active{background:var(--green);color:#fff;border-color:var(--green)}.filter-row{display:flex;gap:6px}.filter-row button{flex:1;padding:7px 4px}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.photo-grid button{position:relative;overflow:hidden;padding:0 0 8px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left}.photo-grid img{display:block;width:100%;height:112px;object-fit:cover;filter:saturate(.8) sepia(.1)}.photo-grid span,.photo-grid small{display:block;padding:0 8px}.photo-grid span{margin-top:7px;font-size:11px;font-weight:700}.photo-grid small{margin-top:3px;color:var(--muted);font-size:9px}.filmstrip{display:flex;gap:9px;overflow:auto}.filmstrip button{flex:0 0 57px;background:transparent;color:var(--muted);font-size:9px}.filmstrip img{width:57px;height:48px;object-fit:cover;padding:2px;border:1px solid var(--line);border-radius:7px}.filmstrip button.selected img{border:2px solid var(--green)}.topic-row{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.topic-row span{flex:none;color:var(--muted);font-size:10px}.ai-hero{position:relative;overflow:hidden;display:flex;align-items:center;height:116px;margin-top:14px;border-radius:15px;background:#e8eddd}.ai-hero img{width:100%;height:100%;object-fit:cover;filter:sepia(.45) grayscale(.45);opacity:.6}.ai-hero div{position:absolute;left:16px}.ai-hero h2{margin:0 0 6px;font-family:serif;font-size:19px}.ai-hero p{margin:0;color:#5d695e;font-size:10px}.tool-list{display:grid;gap:8px;margin-top:15px}.tool-list button{display:flex;align-items:center;gap:10px;min-height:70px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left}.tool-list .tool-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;font-size:19px}.green{background:#dceee4;color:#28715c}.ochre{background:#f6ebc8;color:#b17b1e}.coral{background:#fae3dc;color:#c85e4c}.plum{background:#eee3f3;color:#7c5b8f}.blue{background:#e1ecf3;color:#477891}.tool-list span:nth-child(2){flex:1}.tool-list b,.tool-list small{display:block}.tool-list b{font-size:12px}.tool-list small{margin-top:4px;color:var(--muted);font-size:10px}.tool-list img{width:46px;height:42px;object-fit:cover;border-radius:6px;filter:sepia(.1)}.tool-list i{font-style:normal;color:#99a29a}.event-hero{position:relative;overflow:hidden;height:136px;margin-top:13px;border-radius:15px;background:#e3e9d6}.event-hero img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:sepia(.4)}.event-hero div{position:absolute;inset:0;padding:17px}.event-hero span{font-size:10px;color:#78846b}.event-hero h2{margin:8px 0 5px;font-family:serif;font-size:24px}.event-hero p{margin:0;font-size:10px;color:#536058}.event-list{display:grid;gap:8px;margin-top:14px}.event-item{display:flex;align-items:center;gap:11px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;text-align:left}.event-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;font-size:21px}.flower{color:#ce6c5c;background:#fae9e3}.clap{color:#bd8c27;background:#faefcf}.wave{color:#557e89;background:#e1eef0}.spot{color:#796998;background:#eee7f5}.note{color:#a47b56;background:#f8eddf}.event-item span:nth-child(2){flex:1}.event-item b,.event-item small{display:block}.event-item b{font-size:12px}.event-item small{margin-top:4px;font-size:10px;color:var(--muted)}.event-item em,.service-list em{padding:7px 9px;border:1px solid var(--green);border-radius:7px;color:var(--green);font-size:10px;font-style:normal}.scene-row,.pose-grid{display:flex;gap:8px;overflow:auto}.scene-row button{flex:0 0 70px}.scene-row img{width:70px;height:60px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.scene-row span,.pose-grid span{display:block;margin-top:4px;font-size:9px;color:#5c6760}.scene-row button.selected img,.pose-grid button.selected img{border:2px solid var(--green)}.pose-grid{display:grid;grid-template-columns:repeat(4,1fr)}.pose-grid button{min-width:0;background:transparent}.pose-grid img{width:100%;height:68px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.memorial{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:13px;border:1px solid #ebded0;border-radius:11px;background:#fbf5ed}.memorial b,.memorial small{display:block}.memorial b{font-size:12px}.memorial small{margin-top:4px;color:var(--muted);font-size:10px}.switch{position:relative;width:38px;height:22px;border-radius:15px;background:#bbc4bd}.switch:after{position:absolute;content:"";top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--green)}.switch.on:after{left:19px}.memorial-details{margin-top:10px;padding:1px 13px;border:1px solid var(--line);border-radius:11px;background:#fff}.memorial-details>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.memorial-details>div:last-child{border:0}.memorial-details i{font-style:normal;color:#966f4f}.memorial-details b,.memorial-details small{display:block;font-size:11px}.memorial-details small{margin-top:3px;color:var(--muted);font-size:9px}.generate{width:100%;margin-top:14px}.profile-card{display:flex;align-items:center;gap:11px;padding:13px;margin-top:12px;border:1px solid var(--line);border-radius:13px;background:#f8f1e7}.profile-card img{width:47px;height:47px;border-radius:50%;object-fit:cover}.profile-card div{flex:1}.profile-card b,.profile-card small{display:block}.profile-card b{font-size:14px}.profile-card small{margin-top:4px;color:var(--muted);font-size:10px}.profile-card button{padding:7px;border:1px solid var(--green);border-radius:7px;background:transparent;color:var(--green);font-size:9px}.group-title{margin:18px 0 7px;font-size:12px}.setting-group,.service-list{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff}.setting-group button{display:flex;justify-content:space-between;width:100%;padding:13px;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);font-size:11px;text-align:left}.setting-group button:last-child{border:0}.setting-group small{color:var(--muted);font-size:9px}.service-list button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border-bottom:1px solid var(--line);background:#fff;text-align:left}.service-list button:last-child{border:0}.service-list i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#edf1e7;color:#a77726;font-style:normal}.service-list span{flex:1}.service-list b,.service-list small{display:block}.service-list b{font-size:11px}.service-list small{margin-top:2px;font-size:9px;color:var(--muted)}.bottom-nav{position:absolute;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:9px 5px 14px;background:#fffdf8ed;border-top:1px solid var(--line);backdrop-filter:blur(15px)}.bottom-nav button{display:grid;gap:3px;place-items:center;background:transparent;color:#768078;font-size:9px}.bottom-nav i{font-size:18px;font-style:normal}.bottom-nav button.active{color:var(--green);font-weight:800}.sheet{position:absolute;z-index:30;left:0;right:0;bottom:0;display:none;padding:11px 18px 21px;border-radius:22px 22px 0 0;background:#fffdf8;box-shadow:0 -15px 45px #233c3226}.sheet.show{display:block;animation:rise .25s ease-out}.handle{width:32px;height:3px;margin:0 auto 15px;border-radius:4px;background:#d4d5cc}.sheet h2{margin:5px 0;font-family:serif;font-size:20px}.sheet p{margin:5px 0 14px;color:var(--muted);font-size:11px;line-height:1.6}.upload-drop{display:grid;place-items:center;width:100%;height:88px;margin-bottom:12px;border:1px dashed #aab8af;border-radius:12px;background:#f4f8f4;color:var(--green);font-size:25px}.upload-drop small{font-size:11px}.sheet .primary{width:100%}.sheet-photo{width:100%;max-height:180px;object-fit:cover;border-radius:12px}.toast{position:absolute;z-index:50;right:30px;bottom:80px;left:30px;opacity:0;transform:translateY(7px);padding:11px;border-radius:9px;background:#203c33;color:#fff;font-size:11px;text-align:center;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.screen-list{display:grid;gap:8px}.screen-list button{padding:12px 10px;border-left:2px solid transparent;background:transparent;color:#7d8982;text-align:left;font-size:13px}.screen-list button b{margin-right:10px;color:#b6beb8;font-size:10px}.screen-list button.active{border-color:var(--green);color:var(--green);font-weight:800}@keyframes rise{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:1000px){.board{grid-template-columns:390px;gap:18px;padding:24px}.intro{max-width:390px}.intro h1{font-size:32px}.screen-list{display:flex;overflow:auto;width:390px}.screen-list button{white-space:nowrap}.logic-list{display:none}}@media(max-width:430px){.board{padding:0}.intro,.screen-list{display:none}.phone{width:100vw;height:100vh;border:0;border-radius:0}}