:root{color:#392f32;background:#f7efed;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #fff9f7;--surface: #ffffff;--surface-soft: #fff3f1;--primary: #d86f79;--primary-dark: #b9505c;--primary-light: #f8d9dc;--peach: #f4b49e;--text: #392f32;--muted: #8d7c80;--line: #f0e5e3;--shadow: 0 12px 32px rgba(116, 76, 78, .08)}*{box-sizing:border-box}html{min-width:320px;background:#f7efed}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 10% 0%,rgba(250,219,218,.55),transparent 28rem),#f7efed}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(216,111,121,.2);outline-offset:2px}.app-shell{width:100%;min-height:100vh;min-height:100dvh;margin:0 auto;background:var(--bg)}.app-content{width:100%;max-width:540px;min-height:100vh;margin:0 auto;padding:24px 18px calc(112px + env(safe-area-inset-bottom))}.page-header{padding:10px 2px 24px}.page-header__top{display:flex;align-items:center;gap:12px}.page-header__copy{min-width:0;flex:1}.page-header h1{margin:4px 0 0;color:var(--text);font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(30px,9vw,40px);font-weight:600;line-height:1.08;letter-spacing:-.03em}.page-header p{max-width:430px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.eyebrow{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.icon-button{display:inline-grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--surface);cursor:pointer}.icon-button--soft{color:var(--primary-dark);background:#fff0ef;border-color:transparent}.card{position:relative;margin-bottom:14px;padding:18px;overflow:hidden;border:1px solid rgba(239,227,224,.86);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.hero-card{min-height:284px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:110px 22px 24px;text-align:left;background:#d97773;color:#fff;border:none;box-shadow:0 18px 38px #c75e693b}.hero-card:after{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(180deg,#3a221e05 22%,#361c1bd1),linear-gradient(90deg,rgba(72,39,30,.18),transparent 64%)}.hero-card__image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}.hero-card>:not(.hero-card__image){position:relative;z-index:2}.hero-card__decor{position:absolute;z-index:1;border-radius:50%;background:#ffffff1f}.hero-card__decor--one{width:150px;height:150px;top:-70px;right:-35px}.hero-card__decor--two{width:100px;height:100px;left:-34px;bottom:-47px}.hero-card__mini-heart{display:grid;width:36px;height:36px;margin-bottom:12px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#ffffff24;font-size:17px}.hero-card__label{margin:0 0 6px;font-size:12px;letter-spacing:.12em;opacity:.9}.hero-card h2{margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(28px,8vw,38px);font-weight:600;letter-spacing:.02em}.hero-card__subline{margin:12px 0 0;font-size:13px;opacity:.92}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{display:flex;min-height:148px;flex-direction:column;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.stat-card__icon{display:grid;width:38px;height:38px;place-items:center;border-radius:13px}.stat-card__icon--pink{color:#c85f6a;background:#fde8ea}.stat-card__icon--peach{color:#bd765e;background:#feebe2}.stat-card strong{margin-top:16px;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:600;line-height:1}.stat-card>span:last-child{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.45}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-heading h3{margin:4px 0 0;font-size:17px}.round-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#ba6870;background:#fff0ed}.tip-card__quote{margin:18px 0 2px;color:#5f4d51;font-family:Georgia,Songti SC,serif;font-size:16px;line-height:1.8}.home-mood-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff,#fff7f3)}.home-mood-card>div{min-width:0}.home-mood-card h3{display:flex;align-items:center;gap:8px;margin:7px 0 5px;font-size:17px}.home-mood-card p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.text-button{min-width:64px;min-height:42px;padding:0 14px;border:0;border-radius:14px;color:var(--primary-dark);background:#fee8e7;font-size:13px;font-weight:700;cursor:pointer}.section-title,.list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.section-title{margin-bottom:16px;font-size:16px;font-weight:700}.section-title small,.list-heading span{color:var(--muted);font-size:12px;font-weight:500}.mood-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mood-option{display:flex;min-height:74px;align-items:center;gap:10px;padding:11px 13px;border:1px solid transparent;border-radius:17px;color:var(--text);background:#faf7f6;cursor:pointer;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.mood-option:active{transform:scale(.98)}.mood-option span{font-size:27px}.mood-option strong{font-size:14px}.mood-option--peach{background:#fff4eb}.mood-option--pink,.mood-option--rose{background:#fff0f2}.mood-option--blue{background:#eff6fb}.mood-option--lavender{background:#f4f0fa}.mood-option--orange{background:#fff1e7}.mood-option--gray{background:#f2f2f4}.mood-option.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px #d86f791a}.field-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;color:var(--text);font-size:14px;font-weight:700}.field-label span{color:var(--muted);font-size:11px;font-weight:500}input,textarea{width:100%;border:1px solid var(--line);border-radius:15px;color:var(--text);background:#fcfaf9;transition:border-color .12s ease,box-shadow .12s ease}input{height:50px;padding:0 14px}textarea{min-height:112px;padding:13px 14px;line-height:1.6;resize:vertical}input::placeholder,textarea::placeholder{color:#b5a7aa}input:focus,textarea:focus{border-color:#dfa0a6;outline:none;box-shadow:0 0 0 3px #d86f7917}.field-meta{margin:7px 2px 0;color:var(--muted);font-size:11px;text-align:right}.primary-button{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:0 18px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#e4868f,#ce626e);box-shadow:0 10px 22px #cd616c2e;font-size:14px;font-weight:700;cursor:pointer}.primary-button:disabled,.square-button:disabled{color:#aa9da0;background:#ece8e7;box-shadow:none;cursor:not-allowed}.latest-card{background:linear-gradient(140deg,#fff,#fff6f5)}.latest-mood{display:flex;align-items:center;gap:14px}.latest-mood__emoji{display:grid;width:56px;height:56px;flex:0 0 56px;place-items:center;border-radius:18px;background:#fff;box-shadow:0 8px 24px #714d4f14;font-size:30px}.latest-mood strong{font-size:16px}.latest-mood p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.list-heading{padding:12px 3px 10px}.list-heading h2{margin:0;font-size:17px}.message-list,.anniversary-list,.wish-list{display:grid;gap:11px}.message-card{margin-bottom:0;padding-top:23px}.message-card__pin{position:absolute;top:0;left:22px;display:grid;width:24px;height:18px;place-items:center;border-radius:0 0 8px 8px;color:#fff;background:#dd7b85;font-size:10px}.message-card>p{margin:0;color:#534347;font-family:Georgia,Songti SC,serif;font-size:15px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}.item-footer time{color:var(--muted);font-size:11px}.delete-button{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:0;border-radius:12px;color:#b0a1a4;background:transparent;cursor:pointer}.delete-button:hover{color:var(--primary-dark);background:#fff0ef}.empty-state{display:flex;min-height:178px;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;text-align:center}.empty-state__icon{display:grid;width:48px;height:48px;margin-bottom:13px;place-items:center;border-radius:17px;color:var(--primary);background:#fff0ef}.empty-state strong{font-size:15px}.empty-state p{max-width:250px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.form-stack{display:grid;gap:9px}.form-stack .field-label:not(:first-child){margin-top:7px}.anniversary-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:0;padding:15px 16px}.anniversary-card__date{display:grid;width:44px;height:44px;place-items:center;border-radius:15px;color:var(--primary-dark);background:#fff0ef}.anniversary-card__content{min-width:0}.anniversary-card__content strong,.anniversary-card__content time{display:block}.anniversary-card__content strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.anniversary-card__content time{margin-top:5px;color:var(--muted);font-size:11px}.anniversary-card__count{min-width:52px;text-align:right}.anniversary-card__count strong,.anniversary-card__count span{display:block}.anniversary-card__count strong{color:var(--primary-dark);font-family:Georgia,Times New Roman,serif;font-size:21px}.anniversary-card__count span{margin-top:2px;color:var(--muted);font-size:10px}.anniversary-card__delete{position:absolute;top:-2px;right:-2px;width:30px;height:30px;color:#c5b4b7;background:#ffffffd1}.inline-form{display:flex;align-items:center;gap:10px}.inline-form input{flex:1}.square-button{display:grid;width:50px;height:50px;flex:0 0 50px;place-items:center;border:0;border-radius:15px;color:#fff;background:var(--primary);cursor:pointer}.wish-item{display:flex;min-height:66px;align-items:center;gap:12px;margin-bottom:0;padding:13px 14px}.wish-item>span{min-width:0;flex:1;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.wish-checkbox{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1.5px solid #e1b4b8;border-radius:9px;color:#fff;background:#fff;cursor:pointer}.wish-item.is-completed{background:#faf8f7;box-shadow:none}.wish-item.is-completed .wish-checkbox{border-color:var(--primary);background:var(--primary)}.wish-item.is-completed>span{color:#a39598;text-decoration:line-through}.done-things-card{background:linear-gradient(145deg,#fff,#fff5f2)}.done-things-grid{display:flex;flex-wrap:wrap;gap:9px}.done-thing-tag{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:8px 12px;border:1px solid #f4dcda;border-radius:999px;color:#664f54;background:#ffffffe0;font-size:12px;line-height:1.3}.done-thing-tag span{color:var(--primary);font-size:10px}.list-heading--completed{margin-top:12px}.travel-map-card{padding:14px;border-color:#f3ded7;background:linear-gradient(135deg,rgba(255,255,255,.8),transparent 42%),#fff4ea;box-shadow:0 15px 36px #a5655b1f}.map-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 5px 13px}.map-card-heading>div{display:grid;gap:3px}.map-card-heading__eyebrow{color:#d77a70;font-size:9px;font-weight:800;letter-spacing:.17em}.map-card-heading strong{color:#5c4442;font-family:Georgia,Songti SC,serif;font-size:17px}.map-card-heading__stamp{display:grid;width:48px;height:48px;place-items:center;border:2px dashed rgba(215,122,112,.55);border-radius:50%;color:#bd635f;background:#ffffffb8;font-size:11px;font-weight:800;transform:rotate(6deg)}.map-canvas{position:relative;width:100%;padding:4px 0 0;overflow:hidden;border:3px solid white;border-radius:22px;background:radial-gradient(circle at 23% 20%,rgba(255,255,255,.8),transparent 16%),linear-gradient(180deg,#cfeaf1,#e7f3ef 70%,#f6e8cf);box-shadow:inset 0 0 0 1px #b98e7f1a,0 8px 20px #77645b17}.map-canvas:after{position:absolute;right:12px;bottom:10px;content:"岛外生存记 · 旅行地图";color:#664b486e;font-size:8px;font-weight:700;letter-spacing:.08em;pointer-events:none}.china-map{display:block;width:100%;height:auto;min-height:270px}.china-map__outline,.china-map__island{fill:url(#map-land);stroke:#fff8f0;stroke-linejoin:round;stroke-width:4}.china-map__texture{fill:url(#map-dots);stroke:#dc8f86;stroke-dasharray:3 7;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.map-sun{fill:#ffd469;stroke:#fffc;stroke-width:5}.map-cloud{fill:#ffffffc7}.map-cloud--small{opacity:.7}.map-route{fill:none;stroke:#ffffffd1;stroke-dasharray:3 7;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}.map-decoration{fill:#fff8ebb8;stroke:#b569647a;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.map-decoration--tree{fill:#aece9fbf;stroke:#55855f7a}.map-sparkle{fill:#ffffffe6;font-size:17px}.map-sparkle--two{font-size:13px}.map-marker{cursor:pointer;outline:none}.map-marker__pin{filter:drop-shadow(0 3px 3px rgba(143,73,77,.28));transform-origin:center;transition:transform .15s ease}.map-marker__halo{fill:#fff3}.map-marker__shape{fill:#df737c;stroke:#fff;stroke-width:1.7}.map-marker__heart{fill:#fff}.map-marker--future .map-marker__shape{fill:#aaa7a3}.map-marker.is-selected .map-marker__halo,.map-marker:focus .map-marker__halo{fill:#ffffffa3}.map-marker.is-selected .map-marker__pin,.map-marker:focus .map-marker__pin{transform:translateY(-3px) scale(1.22)}.map-marker.is-selected .map-marker__shape,.map-marker:focus .map-marker__shape{fill:#bd4f5c}.map-label{pointer-events:none}.map-label path{fill:#5b4545;stroke:#ffffffb8;stroke-width:1.2}.map-label text{fill:#fff;font-size:10px;font-weight:700;text-anchor:middle}.selected-place{display:flex;align-items:center;gap:11px;margin-top:12px;padding:12px 14px;border:1px dashed #e8aaa2;border-radius:17px;background:linear-gradient(135deg,#ffffffe6,#fff6efe6),#fff}.selected-place__icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#efa49a,#d96c76);font-size:18px;transform:rotate(-10deg)}.selected-place small,.selected-place strong{display:block}.selected-place small{margin-bottom:3px;color:var(--muted);font-size:10px}.selected-place strong{font-size:14px}.selected-place__heart{margin-left:auto;color:#e37a7f;font-size:16px;transform:rotate(10deg)}.travel-place-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.travel-place-chip{position:relative;display:flex;min-height:74px;align-items:center;gap:10px;padding:11px 12px;overflow:hidden;border:1px solid #f0ddd5;border-radius:18px 18px 22px 16px;color:var(--text);background:linear-gradient(145deg,#fffffff5,#fff6edf5);text-align:left;box-shadow:0 8px 22px #89564e12;cursor:pointer}.travel-place-chip:nth-child(3n+2){transform:rotate(.7deg)}.travel-place-chip:nth-child(3n){transform:rotate(-.7deg)}.travel-place-chip__number{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px dashed #e7a79f;border-radius:50%;color:#bd625f;background:#fff5ed;font-family:Georgia,Times New Roman,serif;font-size:12px}.travel-place-chip__copy{display:grid;min-width:0;gap:3px}.travel-place-chip__copy strong{font-size:14px}.travel-place-chip__copy small{color:var(--muted);font-size:10px}.travel-place-chip__mark{position:absolute;right:8px;bottom:5px;color:#e0737c33;font-size:24px;transform:rotate(-13deg)}.travel-place-chip.is-selected{border-color:#e49a94;background:linear-gradient(145deg,#fff8f2,#ffe9e5);box-shadow:0 0 0 3px #d86f7914,0 10px 24px #a156541a}.reference-map-page{margin:-8px -5px 0}.reference-map-shell{overflow:hidden;border:9px solid #fcece8;border-radius:38px 38px 24px 24px;background:#fff;box-shadow:0 12px 34px #895c5214}.reference-map-image-wrap{position:relative;width:100%;aspect-ratio:612 / 590;overflow:hidden;background:#fff}.reference-map-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.reference-map-hotspot{position:absolute;width:38px;height:52px;padding:0;border:0;border-radius:50%;color:transparent;background:transparent;cursor:pointer;transform:translate(-50%,-50%)}.reference-map-hotspot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.reference-map-section{position:relative;margin:0 20px 18px;padding:14px 14px 16px;border:1px solid #f4ded6;border-radius:20px;background:radial-gradient(circle at 95% 10%,rgba(255,214,203,.32),transparent 24%),linear-gradient(135deg,#fffaf6,#fff)}.reference-map-section:before,.reference-map-section:after{position:absolute;color:#f3a195;content:"✧";font-size:14px}.reference-map-section:before{top:8px;right:40px}.reference-map-section:after{top:22px;right:34px;font-size:8px}.reference-map-section__heading{display:flex;align-items:center;gap:11px;padding-bottom:13px}.reference-map-section__heart{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;color:#ed8b91;font-family:Arial,sans-serif;font-size:28px;line-height:1;transform:rotate(-8deg)}.reference-map-section__heading>div{min-width:0;flex:1}.reference-map-section__heading h1{margin:0;color:#4d3835;font-family:Georgia,Songti SC,serif;font-size:18px;font-weight:700}.reference-map-section__heading p{margin:4px 0 0;color:#aa8c86;font-size:10px}.reference-map-section__camera{position:relative;z-index:1;display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;font-size:29px;filter:saturate(.8);transform:rotate(8deg)}.reference-place-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reference-place-item{display:flex;min-width:0;min-height:54px;align-items:center;gap:7px;padding:8px;border:1px solid #f1e2dc;border-radius:14px;color:#5b4541;background:#ffffffe0;text-align:left;cursor:pointer}.reference-place-item__pin{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:50% 50% 50% 4px;color:#fff;background:#ef818a;font-size:10px;box-shadow:0 3px 8px #e1677133;transform:rotate(-45deg)}.reference-place-item__pin:first-letter{transform:rotate(45deg)}.reference-place-item>span:last-child{display:grid;min-width:0;gap:2px}.reference-place-item strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.reference-place-item small{color:#b49a94;font-size:9px}.reference-place-item.is-selected{border-color:#ef9aa0;background:#fff3f1;box-shadow:0 0 0 3px #ef818a17}.names-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-dates{margin-top:18px}.privacy-note{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;color:var(--muted)}.privacy-note span{color:var(--primary);font-size:18px}.privacy-note p{margin:0;font-size:12px;line-height:1.65}.bottom-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(234,220,218,.9);background:#ffffffeb;box-shadow:0 -10px 30px #5d44460f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.bottom-nav__inner{display:grid;width:100%;max-width:540px;height:74px;margin:0 auto;grid-template-columns:repeat(6,1fr);padding:7px 5px 5px}.bottom-nav__item{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:15px;color:#a8989b;background:transparent;font-size:9px;cursor:pointer}.bottom-nav__icon{display:grid;width:34px;height:30px;place-items:center;border-radius:13px}.bottom-nav__item.is-active{color:var(--primary-dark);font-weight:700}.bottom-nav__item.is-active .bottom-nav__icon{background:#fee9e9}@media(min-width:560px){.app-shell{max-width:560px;box-shadow:0 0 60px #5f44471a}.bottom-nav{right:50%;left:auto;width:560px;transform:translate(50%)}}@media(max-width:360px){.app-content{padding-right:14px;padding-left:14px}.card{padding:16px;border-radius:19px}.mood-option{padding:10px}.mood-option span{font-size:24px}.mood-option strong{font-size:13px}.names-grid,.travel-place-list{grid-template-columns:1fr}.reference-place-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav__inner{padding-right:2px;padding-left:2px}.bottom-nav__icon{width:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}