:root{--paper:#f8f7f2;--card:#fffefa;--ink:#282e25;--grey:#64695e;--quiet:#797d71;--line:#dedfd4;--green:#394f3e;--orange:#ae5132;--night:#0b1114;--night-2:#0f171a;--cream:#e8dfc8;--gold:#d7bf8c;--gold-dim:#9c8f6f;--serif:Georgia,"Noto Serif CJK SC","Songti SC","STSong","SimSun",serif;--sans:"Segoe UI","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
body:has(dialog[open]){overflow:hidden}
body.intro-playing{overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
h1,h2,h3,h4,p{margin:0}
svg{display:block}
.star-glyph{display:block}
.star-glyph path{fill:currentColor}
[hidden]{display:none!important}
.frame{width:calc(100% - clamp(40px,7vw,120px));max-width:1440px;margin-inline:auto}
.muted{color:var(--quiet);font-size:12px}

/* ---------- 顶栏 ---------- */
.topbar{background:var(--card);border-bottom:1px solid var(--line);transition:background .4s,border-color .4s}
.topinner{display:flex;align-items:center;height:66px;gap:0}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
.brand-art{width:34px;height:34px;color:var(--orange);transition:color .4s}
.brand-name{font:700 26px/1 var(--serif);letter-spacing:.06em;color:#2c3d2e;transition:color .4s}
.brand-en{font:600 9px/1.2 var(--sans);letter-spacing:.22em;color:var(--quiet);margin-left:2px;padding-top:5px}
.mainnav{align-self:stretch;margin-left:clamp(24px,4.4vw,72px);display:flex;gap:26px}
.navbtn{display:flex;align-items:center;gap:7px;position:relative;color:var(--grey);font-size:14px;transition:color .3s}
.navbtn[aria-current="page"]{color:var(--orange);font-weight:650}
.navbtn[aria-current="page"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--orange);border-radius:3px 3px 0 0}
.navbtn:hover{color:var(--orange)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}
.gear-link{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--grey);flex:none}
.gear-link:hover{background:#eef1e6;color:var(--orange)}
.gear-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.view-stars .gear-link{color:#9fae9f}
body.view-stars .gear-link:hover{background:#d2ead112;color:#ead4a1}
.today{color:var(--grey);font-size:12px;white-space:nowrap}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--green);color:white;font-weight:550;font-size:13px;border-radius:7px;padding:9px 16px;line-height:1.35}
.primary:hover{background:#283e2d}
.primary .ico{width:15px;height:15px}

/* 星空视图下的顶栏 */
body.view-stars .topbar{background:rgba(10,16,18,.92);border-color:#d7c9a31a;backdrop-filter:blur(10px)}
body.view-stars .brand-name{color:#e4e5d7}
body.view-stars .brand-art{color:var(--gold)}
body.view-stars .brand-en{color:#8f9c8c}
body.view-stars .navbtn{color:#9fae9f}
body.view-stars .navbtn[aria-current="page"]{color:#ead4a1}
body.view-stars .navbtn[aria-current="page"]:after{background:var(--gold)}
body.view-stars .navbtn:hover{color:#ead4a1}
body.view-stars .today{color:#8f9c8c}
body.view-stars .primary{background:#d3bd8c;color:#172923}
body.view-stars .primary:hover{background:#e6ce9b}

/* ---------- 封面 ---------- */
.opening{position:fixed;inset:0;z-index:100;background:#050c13;overflow:hidden;color:#f1e4c6;isolation:isolate}
.opening-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.85;filter:saturate(.9);animation:cover-tide 19s ease-in-out infinite alternate}
@keyframes cover-tide{from{transform:scale(1.035) rotate(-.8deg)}to{transform:translate(1%,.6%) scale(1.115) rotate(1.6deg)}}
.opening-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.opening:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#040b131c 30%,transparent 48%,#030b1533 72%,#030b1599 100%)}
.cover-wordmark{position:absolute;z-index:1;top:clamp(24px,4.5vh,52px);left:clamp(24px,4.2vw,76px);display:flex;align-items:center;gap:10px}
.cover-wordmark .brand-art{width:33px;height:33px;color:var(--gold)}
.cover-wordmark .brand-name{font-size:25px;color:#e7e5ce}
.cover-wordmark .brand-en{font-size:9px;color:#b3ba9f;padding-top:5px}
.opening-copy{position:absolute;z-index:2;left:18px;right:18px;top:60%;text-align:center}
.opening-copy h1{font:normal clamp(30px,3.6vw,62px)/1.6 var(--serif);letter-spacing:.15em;color:#f6eace;text-shadow:0 2px 28px #041018;white-space:nowrap}
.opening-copy p{margin-top:8px;color:#a8b5a0;font-size:13px;letter-spacing:.28em}
.cover-enter{display:inline-flex;align-items:center;justify-content:center;gap:16px;margin-top:34px;padding:13px 26px;min-width:170px;border:1px solid #d7c39973;border-radius:30px;background:#15252b75;color:#e4d6af;font-size:13px;letter-spacing:.14em;backdrop-filter:blur(12px);transition:background .2s,border-color .2s,color .2s}
.cover-enter:hover{background:#d1bc8622;border-color:#ead6a4;color:#fff1ce;box-shadow:0 0 26px #d4bf7e15}
.cover-motion{position:absolute;z-index:2;right:clamp(18px,4vw,64px);bottom:clamp(18px,4vh,48px);padding:9px 12px;color:#c9bb92;background:#0c1920a0;border:1px solid #dbc79845;border-radius:20px;font-size:11px;letter-spacing:.04em}
.cover-motion:hover{border-color:#dbc798}
.opening.is-paused .opening-art{animation-play-state:paused}

/* ---------- 星空页 ---------- */
.sky-page{padding:clamp(20px,3vh,34px) 0 28px;background:
 radial-gradient(ellipse 70% 46% at 46% 30%,#16303a55,transparent 65%),
 radial-gradient(ellipse 46% 40% at 78% 72%,#1e342b45,transparent 60%),
 #0b1114;color:#dbe3d3;min-height:calc(100dvh - 66px)}
.sky-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.sky-filter{display:flex;gap:6px;flex-wrap:wrap}
.sky-filter button{color:#93a596;font-size:12px;padding:6px 13px;border:1px solid transparent;border-radius:18px;letter-spacing:.04em}
.sky-filter button[aria-pressed="true"]{color:#e7d7b1;border-color:#adbfaa45;background:#bdc9a810}
.sky-filter button:hover{color:#edddb6}
.sky-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:stretch}
.starfield{position:relative;min-width:0;height:clamp(470px,60vh,660px);border-radius:18px;overflow:hidden;isolation:isolate;background:#0a1113;mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.galaxy-art{position:absolute;inset:-14% -4%;width:108%;height:128%;object-fit:cover;object-position:50% 44%;opacity:.5;pointer-events:none;mix-blend-mode:screen;filter:saturate(.8) brightness(1.05);mask-image:radial-gradient(ellipse 66% 65% at 50% 47%,#000 30%,transparent 90%);animation:galaxyDrift 46s ease-in-out infinite alternate}
@keyframes galaxyDrift{from{transform:translate(-.4%,.6%) scale(1)}to{transform:translate(.6%,-.6%) scale(1.05)}}
.galaxy-haze{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 20% 14% at 49% 44%,#eedcb01f,transparent 85%),radial-gradient(ellipse 46% 30% at 45% 48%,#aac6bc12,transparent 82%)}
.constellation-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:translateY(-10px);z-index:0;opacity:.26}
.constellation-art polyline{fill:none;stroke-width:.7;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.constellation-art.for-mobile{display:none}
.dust{position:absolute;width:2px;height:2px;border-radius:50%;background:#dce6d6;box-shadow:0 0 5px #c5dcd6;animation:twinkle var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);z-index:0}
@keyframes twinkle{from{opacity:.08}to{opacity:.6}}
.meteor{position:absolute;pointer-events:none;width:120px;height:1px;background:linear-gradient(90deg,transparent,#d3e2d6);opacity:0;transform:rotate(28deg);transform-origin:right center;border-radius:100%;filter:drop-shadow(0 0 3px #c5ddd7);animation:meteorPass 18s linear infinite;z-index:1}
.meteor:after{content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#f0eed8;box-shadow:0 0 7px #c9e1db}
.meteor-one{left:20%;top:9%;animation-delay:3s}
.meteor-two{left:62%;top:13%;animation-delay:10s;animation-duration:24s;width:78px}
@keyframes meteorPass{0%,2%{opacity:0;transform:translate(-160px,-85px) rotate(28deg)}3%{opacity:.75}8%{opacity:0;transform:translate(300px,155px) rotate(28deg)}100%{opacity:0;transform:translate(300px,155px) rotate(28deg)}}
.wish-star{position:absolute;left:var(--x);top:var(--y);transform:translate(calc(-50% + var(--pointer-x,0px)*var(--depth,.6)),calc(-50% + var(--pointer-y,0px)*var(--depth,.6)));display:flex;align-items:center;flex-direction:column;justify-content:center;width:150px;min-height:92px;border-radius:14px;z-index:2;color:var(--star);transition:transform .9s ease-out,background .3s,opacity .3s;outline-offset:1px}
.wish-star:hover{background:#d2ead109}
.wish-star .star-glyph{width:var(--size,40px);height:var(--size,40px);filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 20px currentColor);animation:starFloat var(--duration,12s) ease-in-out infinite;animation-delay:var(--delay,0s);transition:scale .35s,filter .35s}
.wish-star:nth-of-type(3n) .star-glyph{--size:30px}
.wish-star strong{font-weight:400;font-size:11px;color:#dae5d1;letter-spacing:.045em;margin-top:8px;padding:3px 8px;border-radius:12px;background:#10202799;box-shadow:0 0 18px #10202745;text-shadow:0 1px 7px #06151c;line-height:1.5;white-space:nowrap}
.wish-star:hover strong,.wish-star:focus-visible strong{color:#fff0c7;background:#273c39db}
.wish-star:hover .star-glyph,.wish-star[aria-pressed="true"] .star-glyph{filter:drop-shadow(0 0 16px currentColor);scale:1.22}
.wish-star[aria-pressed="true"]:before{content:"";position:absolute;top:2px;width:60px;height:60px;border:1px solid currentColor;border-radius:50%;opacity:.4}
.wish-star.gathered{opacity:.32}
.wish-star.gathered:hover{opacity:.85}
.wish-star:after{content:"";position:absolute;left:50%;top:34%;width:74px;height:74px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--star) 15%,transparent),transparent 70%);z-index:-1;pointer-events:none}
@keyframes starFloat{0%,100%{transform:translateY(-5px) rotate(-6deg)}50%{transform:translateY(6px) rotate(7deg)}}
.empty-sky{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:13px;color:#a2b699;border:1px dashed #b8c6a840;border-radius:10px;padding:14px 18px}

/* 愿望面板 */
.wish-panel{position:relative;min-height:0;background:rgba(17,25,25,.72);border:1px solid #bdcfb52f;border-radius:14px;padding:24px 22px 20px;backdrop-filter:blur(16px);display:flex;flex-direction:column;align-self:stretch;max-height:clamp(470px,60vh,660px);overflow:auto}
.wish-idle{margin:auto 0;text-align:center;width:100%}
.wish-idle .star-glyph{color:#bdb694;margin:0 auto 22px;width:56px;height:56px;animation:starFloat 9s ease-in-out infinite}
.wish-idle h2{font:normal 22px/1.7 var(--serif);color:#d6d8c5}
.wish-idle p{color:#8fa59d;font-size:12px;line-height:1.9;margin-top:12px}
.wish-caption{color:#b6c3aa;font-size:10px;letter-spacing:.17em;margin-bottom:12px}
.wish-panel h2{font:normal 25px/1.5 var(--serif);color:#e3dfc8;overflow-wrap:anywhere}
.wish-story{color:#a8b9b0;font-size:12px;line-height:1.9;margin:11px 0 18px;min-height:40px}
.wish-date-label{color:#cfceb7;font-size:11px;margin-bottom:9px}
.date-chips{display:flex;flex-wrap:wrap;gap:6px}
.date-chip{padding:7px 10px;font-size:11px;border-radius:6px;border:1px solid #a9bca930;color:#a8baae}
.date-chip.selected{background:#bfccad17;color:#eddbac;border-color:#d2bf8666}
.date-chip:hover{border-color:#d2bf86}
.collect-button{width:100%;margin-top:20px;background:#d7bf8c;color:#24352f;border-radius:8px;padding:13px 12px;font-size:14px;font-weight:600;letter-spacing:.08em}
.collect-button:hover{background:#ead3a2;box-shadow:0 0 23px #d9bf8720}
.collect-button:disabled{opacity:.45;cursor:default}
.sky-calendar{width:100%;margin-top:10px;background:#c7d8c008;border:1px solid #bfcebc23;border-radius:8px;padding:11px}
.sky-month-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d4d5bc;margin-bottom:8px}
.sky-month-head button{padding:2px 8px}
.sky-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.sky-calendar-grid span{font-size:9px;color:#92a79b;text-align:center;padding:4px 0}
.sky-calendar-grid button{font-size:10px;color:#cbd7c5;border-radius:5px;min-height:26px;display:grid;place-content:center;gap:1px}
.sky-calendar-grid button:hover{background:#c6d5ae26}
.sky-calendar-grid button.chosen{background:#d7bf8c;color:#24352f}
.sky-calendar-grid .lunar-day{font-size:8px;opacity:.7;pointer-events:none}
.sky-calendar-grid .lunar-start{color:#ecd4a1;opacity:1}
.custom-wish{width:100%;background:transparent;border:0;border-bottom:1px solid #b8ccb354;padding:9px 0 12px;color:#e5dfc7;font:normal 21px/1.5 var(--serif);outline:none;margin:4px 0 14px;border-radius:0}
.custom-wish:focus{border-color:#dfc58d}
.custom-wish::placeholder{color:#8c9b90;font-size:19px}
.custom-cats{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}
.custom-cats button{font-size:10px;padding:5px 8px;border-radius:20px;color:#a8b8ac;border:1px solid #b8ccb32b}
.custom-cats button.selected{color:#ecd5a2;border-color:#d0b77e}
.collected-box{display:flex;flex-direction:column;gap:4px;margin:2px 0 14px}
.collected-box .star-glyph{width:44px;height:44px;color:#e5ca8f;margin-bottom:8px}
.collected-box p{color:#a9bdac;font-size:12px;line-height:1.9}
.date-chip.ghost{margin-top:8px;align-self:flex-start}

/* 口袋 */
.pocket{margin-top:20px;display:flex;align-items:center;gap:14px;border-top:1px solid #c6d6c528;padding-top:16px;flex-wrap:wrap}
.pocket-symbol{color:#d3bd86;width:22px;height:22px;flex:none}
.pocket-count{font:400 27px/1 Georgia,serif;color:#e8cf9a;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.pocket-symbol .star-glyph{width:22px;height:22px;animation:none}
.pocket-go{color:#decc9f;font-size:12px;border-bottom:1px solid #d1b87969;padding-bottom:4px;margin-left:14px}

/* ---------- 年历页 ---------- */
.year-page{padding:clamp(22px,3.4vh,38px) 0 44px}
.year-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.year-title{display:flex;align-items:baseline;gap:12px}
.year-title h1{font:700 clamp(26px,2.6vw,36px)/1.3 var(--serif);letter-spacing:.05em;color:#2c3d2e}
.year-title .small-en{color:#808576;font:550 10px/1.4 var(--sans);letter-spacing:.16em}
.stepper{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:2px;height:34px}
.stepper button{width:28px;height:28px;display:grid;place-items:center;border-radius:5px;color:var(--grey)}
.stepper button:hover{background:#eef1e6}
.stepper output{min-width:56px;text-align:center;font:600 13px/1.2 var(--sans);font-variant-numeric:tabular-nums}
.next-line{margin-bottom:16px;color:#6f7566;font-size:12.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.next-line .tag{color:#8b6b43;background:#f1e7cf;border-radius:5px;padding:3px 7px;font-size:10px;letter-spacing:.1em}
.filterbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0 0 16px}
.filter{display:flex;align-items:center;gap:7px;font-size:12px;color:#596052;line-height:1.4;padding:6px 12px;border:1px solid #d9dccf;border-radius:20px;background:#fcfbf6;white-space:nowrap}
.filter:hover{border-color:#a2ad99}
.filter[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color);flex:none}
.months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.month-card{min-width:0;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:15px 14px 13px;scroll-margin-top:19px}
.month-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:26px}
.month-head h3{font:700 21px/1.2 var(--serif);letter-spacing:.02em;color:#3a4534}
.month-head .month-en{font:550 10px/1.2 var(--sans);letter-spacing:.12em;color:#7a8073}
.month-dots{margin-left:auto;display:flex;gap:3px}
.month-dots .dot{width:5px;height:5px}
.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:20px;grid-auto-rows:40px;row-gap:1px;align-items:center;justify-items:center}
.weekday{font-size:10px;line-height:1;color:#767d70}
.weekend-label{color:#ab7056}
.date{width:min(100%,40px);height:38px;display:grid;align-content:center;justify-items:center;gap:2px;position:relative;line-height:1;font-family:"Segoe UI",Arial,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;border-radius:50%;color:#343d32}
.date.weekend{color:#858877}
.date.has-plan{background:var(--tint);color:var(--tone);font-weight:650;border-radius:47% 54% 43% 51% / 51% 44% 55% 46%}
.date.has-plan:before{content:"";position:absolute;inset:1px -1px 0 0;border:1.1px solid var(--color);border-radius:50% 45% 56% 42%;transform:rotate(-10deg);opacity:.82}
.date.today-date:after{content:"";width:4px;height:4px;background:var(--green);position:absolute;bottom:0;left:calc(50% - 2px);border-radius:50%}
.date:hover{background:#e8ecdf;color:#283a2b;box-shadow:inset 0 0 0 1px #899a7f}
.date.has-plan:hover{background:var(--tint);transform:translateY(-1px);box-shadow:0 2px 6px #243a2521}
.date .day-complete-mark{position:absolute;right:1px;top:0;font-size:9px;font-weight:700;color:#4e7a52;pointer-events:none}
.date .lunar-day{padding:0;color:inherit;opacity:.72;font:400 8.5px/1 var(--sans);white-space:nowrap;pointer-events:none}
.date .lunar-start{color:#96713d;opacity:1}
.agenda-section{margin-top:26px}
.agenda-title{display:flex;align-items:baseline;gap:10px;margin-bottom:4px;font:700 20px/1.4 var(--serif);color:#3a4534}
.agenda-title .small-en{color:#808576;font:550 9px/1 var(--sans);letter-spacing:.16em}
.agenda-group h3{font:700 16px/1.5 var(--serif);margin:16px 0 4px;color:var(--green)}
.agenda-group h3 span{font:500 9.5px var(--sans);color:var(--quiet);letter-spacing:.12em;margin-left:8px}
.event-row{width:100%;display:flex;align-items:center;gap:12px;padding:11px 4px;text-align:left;border-bottom:1px solid #e6e7de}
.event-row:hover{background:#edf0e5}
.event-day{font:600 12px/1.3 var(--sans);color:#64735d;min-width:46px;text-align:center}
.event-name{font-weight:600;overflow-wrap:anywhere}
.completed-tag{font-size:10.5px;color:#4e7a52;white-space:nowrap}
.event-row .category-name{font-size:11px;color:var(--grey);margin-left:auto;white-space:nowrap}
.category-name{display:inline-flex;gap:6px;align-items:center}
.empty-note{padding:26px 4px;color:var(--quiet);font-size:13px}

/* ---------- 对话框 ---------- */
dialog{border:1px solid #d9dbce;background:var(--card);color:var(--ink);padding:0;width:min(470px,calc(100vw - 28px));max-height:88dvh;border-radius:14px;box-shadow:0 24px 90px #212d2633}
dialog::backdrop{background:rgba(33,42,35,.34);backdrop-filter:blur(3px)}
.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 23px 12px;gap:16px}
.dialog-head h2{font:700 23px/1.4 var(--serif)}
.icon-button{height:32px;width:32px;display:grid;place-items:center;border-radius:50%;color:#7d857a}
.icon-button:hover{background:#eef1e6}
.dialog-body{padding:0 24px 24px;overflow:auto;max-height:calc(88dvh - 72px)}
.dialog-body form{display:grid;gap:14px}
.dialog-body label,.dialog-body legend{font-size:12px;color:#54604c;font-weight:600}
.dialog-body label{display:grid;gap:5px}
.dialog-body fieldset{margin:0;padding:0;border:0;min-width:0}
.dialog-body legend{margin:0 0 6px;padding:0}
.dialog-body input,.dialog-body select,.dialog-body textarea{background:#fffefa;border:1px solid #d1d5c7;border-radius:6px;padding:9px 10px;outline:none;font-weight:400;width:100%;min-width:0;font-size:14px}
.dialog-body textarea{resize:vertical;min-height:66px}
.dialog-body input:focus,.dialog-body select:focus,.dialog-body textarea:focus{border-color:#6c8062;box-shadow:0 0 0 2px #dbe3d5}
.form-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}
.choices{display:flex;gap:6px;flex-wrap:wrap}
.choices label{position:relative;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400;border:1px solid var(--line);border-radius:15px;padding:5px 9px;cursor:pointer}
.choices input{position:absolute;opacity:0;width:1px;height:1px;padding:0}
.choices label:has(:checked){background:var(--tint);border-color:var(--tone);color:var(--tone)}
.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px;flex-wrap:wrap}
.secondary{border:1px solid #d1d6c7;background:var(--card);border-radius:7px;font-size:13px;padding:8px 14px}
.secondary:hover{background:#eff1e7}
.danger{color:#a14d37}
.full{width:100%}
.badge{font-size:12px;padding:4px 10px;border-radius:18px}
.detail-title{font:700 24px/1.45 var(--serif);margin:9px 0 12px;overflow-wrap:anywhere}
.detail-date{display:flex;align-items:center;gap:7px;color:var(--grey);font-size:12.5px}
.detail-note{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0;padding:12px 14px;border-radius:7px;background:#f3f3eb;color:#505a49;line-height:1.75}
.detail-bottom{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.day-plans{display:grid;gap:5px;margin-bottom:14px}
.day-entry{padding:11px 12px;display:flex;align-items:center;gap:9px;text-align:left;background:#f2f3eb;border-radius:7px;width:100%}
.day-entry:hover{background:#eaeee0}
.day-entry .ico{width:14px;height:14px;margin-left:auto;color:#8a9080}

/* 完成区块 */
.completion{margin:16px 0;padding:14px;border:1px solid #cfbb7845;border-radius:10px;background:#cfbb7808}
.completion-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.completion-label{color:#7d7355;font-size:13px;font-weight:600}
.completion-label.is-done{color:#4e7a52}
.completion .hint{color:#8d886d;font-size:12px;line-height:1.7;margin-top:10px}
.scene-photos{margin-top:12px;padding:12px;border:1px solid #e0dcc4;border-radius:9px;background:#fbf9ef}
.scene-photos-head{display:flex;justify-content:space-between;align-items:center;color:#6a6146;font-size:12px;margin-bottom:9px}
.scene-photos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.scene-photos-grid figure{position:relative;margin:0;min-width:0}
.scene-photos-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:#e9e7da}
.scene-photo-remove{position:absolute;right:4px;top:4px;width:22px;height:22px;display:grid;place-content:center;border-radius:50%;background:#0a131bd9;color:#fff1d6;font-size:12px;border:1px solid #fff5}
.scene-photos-actions{display:grid;justify-items:start;gap:6px;margin-top:10px}
.scene-photos-actions .primary{padding:8px 13px}
.photos-status{font-size:11px;color:#6f8a6a;min-height:14px}
.feeling-box{margin-top:12px;display:grid;gap:7px}
.feeling-box textarea{width:100%;min-height:70px;padding:9px 10px;border:1px solid #d5d2bd;border-radius:7px;background:#fffefa;font:inherit;font-size:13.5px;line-height:1.5;resize:vertical}
.feeling-status{font-size:11px;color:#6f8a6a;min-height:14px}
.completion .secondary{padding:7px 12px;font-size:12px}

/* ---------- 点亮飞行 ---------- */
.wish-flight{position:fixed;z-index:96;width:54px;height:54px;pointer-events:none;color:#f4dfae;filter:drop-shadow(0 0 12px #f2ddad) drop-shadow(0 0 38px #e8cf9a88)}
.wish-flight .star-glyph{width:100%;height:100%}
.star-flash{position:fixed;z-index:95;width:220px;height:220px;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;background:radial-gradient(circle,#fff6d8 0%,#f4dc9c66 26%,transparent 62%);animation:starFlash 1.1s ease-out forwards}
.star-flash:after{content:"";position:absolute;inset:42%;border-radius:50%;background:#fff8e2;box-shadow:0 0 30px 12px #f4dea6aa;animation:starFlashCore 1.1s ease-out forwards}
@keyframes starFlash{0%{opacity:0;scale:.25}18%{opacity:1;scale:1}100%{opacity:0;scale:1.9}}
@keyframes starFlashCore{0%{opacity:0;scale:.4}16%{opacity:1;scale:1.4}100%{opacity:0;scale:.6}}
.wish-star.lit .star-glyph{animation:starLit 1.4s ease-out!important;filter:drop-shadow(0 0 10px currentColor) drop-shadow(0 0 32px currentColor)}
@keyframes starLit{0%{scale:.4;opacity:.2}30%{scale:1.7;opacity:1}100%{scale:1;opacity:1}}

/* ---------- 提示 ---------- */
.toast{pointer-events:none;position:fixed;z-index:120;bottom:24px;left:50%;transform:translate(-50%,10px);background:#354a38;color:#fff;border-radius:8px;padding:9px 15px;font-size:13px;opacity:0;transition:.18s}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1000px){.sky-body{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.months{grid-template-columns:repeat(2,minmax(0,1fr))}.mainnav{margin-left:24px;gap:16px}.today{display:none}}
@media(max-width:760px){
 .frame{width:calc(100% - 32px)}
 .topinner{height:auto;min-height:60px;flex-wrap:wrap;padding:8px 0}
 .mainnav{order:3;width:100%;margin:0;height:38px;gap:22px;overflow:auto}
 .header-actions{height:44px}
 .sky-body{display:flex;flex-direction:column}
 .starfield{height:520px;border-radius:0;margin:0 calc(50% - 50vw);width:100vw;mask-image:none}
 .wish-star{width:96px;min-height:66px;left:var(--mobile-x);top:var(--mobile-y)}
 .wish-star .star-glyph{width:26px;height:26px}
 .wish-star strong{font-size:10px;white-space:normal;max-width:100px;line-height:1.6}
 .wish-panel{max-height:none}
 .constellation-art.for-desktop{display:none}.constellation-art.for-mobile{display:block}
 .months{grid-template-columns:minmax(0,1fr)}
 .pocket{gap:10px}
 .own-star{margin-left:0}
 .opening-copy h1{font-size:clamp(22px,6vw,32px);letter-spacing:.08em;white-space:normal}
 .opening-copy p{font-size:11px;letter-spacing:.16em}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.opening-flow{display:none}}

/* ===== 夜空 v2：一整片会呼吸的星空 ===== */
body{background:#050b10}
.sky-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:#050b10}
.sky-backdrop img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;opacity:.55;filter:saturate(.85) brightness(1.05);animation:galaxyDrift 52s ease-in-out infinite alternate;mask-image:radial-gradient(ellipse 82% 74% at 50% 45%,#000 30%,transparent 92%)}
.sky-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 52% at 50% 42%,transparent 28%,#040a0eee 100%)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:40}
body.view-stars .topbar{background:linear-gradient(180deg,#040b10d9 0%,#040b1052 62%,transparent);border-color:transparent;backdrop-filter:none}
.sky-view{position:relative;z-index:2;height:100dvh;min-height:660px;overflow:hidden}
.sky-stage{position:absolute;inset:0;overflow:hidden}
.sky-stage .galaxy-haze{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 22% 15% at 49% 44%,#eedcb024,transparent 85%),radial-gradient(ellipse 50% 32% at 45% 48%,#aac6bc14,transparent 82%)}
.sky-topline{position:absolute;top:calc(66px + 8px);left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(24px,5.4vw,88px);z-index:6;pointer-events:none}
.sky-topline>*{pointer-events:auto}
.sky-filter{display:flex;gap:18px;flex-wrap:wrap}
.sky-filter button{color:#a7b6a4;font-size:12px;padding:4px 2px;border:0;border-radius:0;background:none;opacity:.5;letter-spacing:.14em;border-bottom:1px solid transparent;transition:opacity .3s,color .3s,border-color .3s}
.sky-filter button[aria-pressed="true"]{color:#efdba9;opacity:.95;border-bottom:1px solid #d7bf8c80;background:none}
.sky-filter button:hover{color:#eeddb2;opacity:.9}
.sky-hint{position:absolute;left:0;right:0;bottom:92px;text-align:center;font:400 12px/1.6 var(--sans);letter-spacing:.28em;color:#9db0a0;opacity:.5;z-index:4;transition:opacity .6s;pointer-events:none}
.sky-view .pocket{position:absolute;left:0;right:0;bottom:0;margin:0;border:0;padding:18px clamp(24px,5.4vw,88px) 18px;background:linear-gradient(0deg,#040b10e6,transparent);display:flex;align-items:center;gap:14px;flex-wrap:wrap;z-index:6}
.pocket .own-star{margin-left:auto}
.wish-figure{position:relative;margin-left:auto;width:126px;height:135px;margin-bottom:-10px;display:block;padding:0;background:none;border:0;cursor:pointer;flex:none}
.wf-art{width:100%;height:100%;overflow:visible;display:block}
.wf-halo{animation:wfHalo 5.5s ease-in-out infinite alternate}
@keyframes wfHalo{from{opacity:.72}to{opacity:1}}
.wf-figure{animation:wfBreath 6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
@keyframes wfBreath{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.4px)}}
.wf-star{animation:wfStar 5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}
@keyframes wfStar{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.07)}}
.wf-sparks circle{opacity:0;animation:wfSpark 4.8s ease-out infinite;transform-box:fill-box}
.wf-sparks .s1{animation-delay:.4s}
.wf-sparks .s2{animation-delay:1.9s}
.wf-sparks .s3{animation-delay:3.2s}
@keyframes wfSpark{0%{opacity:0;transform:translateY(6px)}18%{opacity:.9}55%,100%{opacity:0;transform:translateY(-16px)}}
.wish-figure:hover .wf-star{filter:drop-shadow(0 0 6px #f2dfae)}
.wish-figure:hover .wf-halo{opacity:1}
.sky-stage .wish-star strong{background:none;box-shadow:none;padding:0;margin-top:9px;font-size:11px;color:#ccd8c6;opacity:.45;text-shadow:0 1px 8px #02080c;transition:opacity .35s,color .35s;letter-spacing:.06em}
.sky-stage .wish-star{transition:transform .45s ease-out,background .3s,opacity .3s}
.view-stars .toast{bottom:84px}
.sky-stage .wish-star:hover strong,.sky-stage .wish-star:focus-visible strong,.sky-stage .wish-star[aria-pressed="true"] strong{opacity:1;color:#ffefc4;background:none;box-shadow:none}
.sky-stage .wish-star[aria-pressed="true"]{transform:translate(-50%,calc(-50% - 12px)) scale(1.05);z-index:3}
.sky-stage.focused .wish-star:not([aria-pressed="true"]){opacity:.22}
.sky-stage.focused .constellation-art{opacity:.1}
@keyframes starPulse{0%{scale:1}45%{scale:1.5;filter:drop-shadow(0 0 26px currentColor)}100%{scale:1.15}}
@keyframes starRipple{0%{opacity:.9;width:12px;height:12px}100%{opacity:0;width:150px;height:150px}}
.wish-card{position:fixed;z-index:45;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 170px);overflow:auto;background:rgba(13,21,22,.92);border:1px solid #bdcfb536;border-radius:18px;padding:26px 28px 22px;backdrop-filter:blur(20px);box-shadow:0 26px 80px #00000080,0 0 0 7px #0a0f121f;color:#dbe3d3;scrollbar-width:thin;animation:cardIn .34s cubic-bezier(.2,.7,.3,1)}
@keyframes cardIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.wish-card h2{font:normal 27px/1.5 var(--serif);color:#e3dfc8;overflow-wrap:anywhere}
.wish-card .wish-story{font-size:13px;line-height:1.9;margin:12px 0 18px}
.wish-card .collect-button{margin-top:22px}
.year-page,.album-page{position:relative;z-index:2;background:var(--paper);min-height:100dvh;padding-top:calc(66px + clamp(22px,3.4vh,38px))}
.year-page{height:100dvh;min-height:0;overflow:hidden}
.year-page>.frame{height:100%;display:flex;flex-direction:column;padding-bottom:16px;min-height:0}
.year-controls{display:flex;align-items:center;gap:10px}
.seg.year-mode{display:flex;border:1px solid var(--line);border-radius:8px;padding:2px;background:#f6f7ef}
.seg.year-mode button{font:600 12px/1 var(--sans);color:var(--quiet);padding:7px 13px;border-radius:6px;letter-spacing:.04em}
.seg.year-mode button.on{background:var(--green);color:#fff}
.year-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,25vw,372px);gap:22px;align-items:stretch}
.cal-pane{position:relative;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 4px 18px}
.cal-deck{position:relative;height:100%;min-height:480px}
.deck-card{position:absolute;left:50%;top:50%;width:min(540px,92%);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 26px 18px;box-shadow:0 28px 60px #3a463326,0 6px 16px #3a463318;transform-origin:50% 60%;transition:transform .5s cubic-bezier(.2,.7,.3,1),opacity .4s;will-change:transform}
.deck-card.pos-current{transform:translate(-50%,-50%) rotate(-1.4deg);z-index:3;animation:deckBob 7.5s ease-in-out infinite}
.deck-card.pos-prev{transform:translate(calc(-50% - 44%),calc(-50% + 10px)) rotate(-7deg) scale(.87);z-index:1;opacity:.3;pointer-events:none}
.deck-card.pos-next{transform:translate(calc(-50% + 44%),calc(-50% + 10px)) rotate(7deg) scale(.87);z-index:1;opacity:.3;pointer-events:none}
@keyframes deckBob{0%,100%{transform:translate(-50%,-52%) rotate(-1.9deg)}50%{transform:translate(-50%,-48%) rotate(-.9deg)}}
.deck-card.settle-left{animation:settleLeft .42s ease-out}
@keyframes settleLeft{from{transform:translate(calc(-50% + 72px),-50%) rotate(2deg);opacity:.4}to{transform:translate(-50%,-50%) rotate(-1.4deg);opacity:1}}
.deck-card.settle-right{animation:settleRight .42s ease-out}
@keyframes settleRight{from{transform:translate(calc(-50% - 72px),-50%) rotate(-5deg);opacity:.4}to{transform:translate(-50%,-50%) rotate(-1.4deg);opacity:1}}
.deck-card .month-head{margin-bottom:14px}
.deck-card .month-head h3{font-size:27px}
.deck-card .days{grid-template-rows:22px;grid-auto-rows:46px}
.deck-card .date{width:min(100%,46px);height:44px}
.deck-card .date .lunar-day{font-size:9px}
.deck-year{position:absolute;right:26px;bottom:14px;font:400 10px/1 var(--sans);color:var(--quiet);letter-spacing:.22em}
.deck-nav{position:absolute;inset:0;pointer-events:none;z-index:4}
.deck-nav button{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#fffefa;border:1px solid var(--line);box-shadow:0 6px 18px #3a463321;color:#5b6653;font-size:19px;line-height:1;pointer-events:auto}
.deck-nav button:hover{background:#f3f4ea;color:var(--orange)}
.deck-nav button:first-child{left:4%}
.deck-nav button:last-child{right:4%}
.deck-nav button:disabled{opacity:.28;cursor:default}
.cal-pane .months{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.agenda-pane{min-height:0;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px 12px;box-shadow:0 12px 32px #3a463310;scroll-behavior:smooth}
.agenda-pane .agenda-title{margin-bottom:6px}
.agenda-group.is-current h3{color:var(--orange)}
.agenda-group.is-current h3:before{content:"✦ ";font-size:10px;vertical-align:2px}
@media(max-width:1000px){.year-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:900px){
 .year-page{height:auto;overflow:visible}
 .year-page>.frame{height:auto}
 .year-layout{display:block}
 .cal-pane{overflow:visible;padding-bottom:0}
 .cal-deck{min-height:520px}
 .agenda-pane{margin-top:18px;max-height:none}
}
.day-wash{position:fixed;inset:0;z-index:90;background:#f8f7f2;opacity:0;pointer-events:none}
.day-wash.dark{background:#050b10}

/* ===== 回忆 · 胶片 ===== */
.album-page>.frame{min-height:calc(100dvh - 66px - clamp(22px,3.4vh,38px));display:flex;flex-direction:column}
.album-page #albumBody{flex:1;display:flex;align-items:center}
.film-wrap{width:100%}
/* 胶片 */
.film-wrap{position:relative;display:flex;align-items:center;margin-top:2px}
.film-scroll{overflow-x:auto;overflow-y:hidden;width:100%;padding:24px 34px;border-radius:16px;background:radial-gradient(ellipse at 50% 0%,#1c2521,#111714 72%);scrollbar-width:none}
.film-scroll::-webkit-scrollbar{display:none}
.film-track{display:flex;gap:30px;width:max-content;align-items:flex-start}
.film-day{display:flex;flex-direction:column;gap:9px}
.film-date{font-size:10.5px;color:#c9bd9c;letter-spacing:.18em}
.film-frames{display:flex;gap:9px;padding:6px;background:#0a100d;border-radius:6px;box-shadow:inset 0 1px 0 #ffffff0a}
.film-frame{width:186px;flex:none;padding:0;background:none;border:0;border-radius:6px;overflow:hidden;box-shadow:0 12px 26px #0006;transition:transform .25s}
.film-frame img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:6px}
.film-frame:hover{transform:translateY(-5px)}
.film-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fffefa;border:1px solid var(--line);box-shadow:0 6px 16px #3a463326;color:#5b6653;z-index:3;display:grid;place-items:center;font-size:17px}
.film-nav:hover{color:var(--orange)}
.film-nav.prev{left:8px}
.film-nav.next{right:8px}

/* 期待日选择与感受 */
.album-page #albumBody{flex:1;display:flex;flex-direction:column;align-items:stretch;min-height:0}
.day-picker{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:2px 0 0}
.picker-label{font:600 11px/1 var(--sans);color:#8d8a76;letter-spacing:.18em;white-space:nowrap}
.picker-label small{color:#a9a48e;margin-left:5px;letter-spacing:.06em}
.day-chips{display:flex;gap:8px;flex-wrap:wrap}
.day-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #d9dccf;background:#fcfbf6;border-radius:99px;padding:6px 12px;font-size:12px;color:#596052;line-height:1.3}
.day-chip:hover{border-color:#a2ad99}
.day-chip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.day-chip .dot{width:6px;height:6px}
.day-chip .dc-date{font:600 11px/1 var(--sans);letter-spacing:.04em}
.day-chip .dc-title{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}
.film-date{background:none;border:0;padding:0;cursor:pointer;text-align:left}
.film-date:hover{color:#f0e2b8}
.film-date[aria-pressed="true"]{color:#f6e2ae}
.album-page .film-wrap{margin:auto 0 10px;width:100%}
.feeling-strip{display:flex;justify-content:center;margin:0 0 auto;padding-bottom:6px}
.feeling-card{max-width:640px;text-align:center}
.fc-kicker{font-size:10.5px;color:#98927c;letter-spacing:.14em}
.fc-title{font:700 16px/1.5 var(--serif);color:#48523f;margin-top:5px}
.fc-feel{font:400 14px/1.8 var(--serif);color:#6a7260;margin-top:4px;white-space:pre-wrap}
.fc-empty{font:400 12px/1.7 var(--sans);color:#9a9480;margin-top:4px}

/* 全屏：这一天的回忆 */
body.viewer-open{overflow:hidden}
.day-viewer{position:fixed;inset:0;z-index:95;background:#0b1411;color:#f4ecd8}
.dv-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(30px) saturate(.85) brightness(.48);transform:scale(1.15)}
.dv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;cursor:pointer;transition:opacity .35s}
.dv-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#08110ee0 0%,#08110e5c 36%,transparent 62%)}
.dv-close{position:absolute;right:26px;top:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0a131b8f;border:1px solid #fff2;color:#f0e6c8;z-index:3}
.dv-close:hover{background:#1c2a24cc}
.dv-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0a131b8f;border:1px solid #fff2;color:#f0e6c8;z-index:3;font-size:18px}
.dv-nav:hover{background:#1c2a24cc}
.dv-nav.prev{left:22px}
.dv-nav.next{right:22px}
.dv-caption{position:absolute;left:42px;right:42px;bottom:36px;z-index:2;pointer-events:none;max-width:840px}
.dv-kicker{font-size:11px;letter-spacing:.22em;color:#d8c9a5}
.dv-title{font:700 32px/1.4 var(--serif);margin-top:8px}
.dv-meta{font-size:12px;color:#c9c2a8;margin-top:6px;letter-spacing:.06em}
.dv-feel{font-size:14px;font-family:var(--serif);color:#e9e2cd;margin-top:10px;line-height:1.8;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dv-count{position:absolute;right:34px;bottom:38px;font-size:12px;color:#cfc6ab;letter-spacing:.1em;z-index:2}
@media(max-width:900px){
 .album-page>.frame{min-height:0}
 .album-page #albumBody{display:block}
 .day-picker{margin-bottom:12px}
 .feeling-card{max-width:none}
 .album-page #albumBody{display:block}
 .film-frame{width:150px}
 .film-scroll{padding:18px}
 .dv-caption{left:20px;right:20px;bottom:28px}
 .dv-title{font-size:24px}
 .dv-count{right:22px;bottom:30px}
}
@media(max-width:1000px){.mem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mem-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
 .sky-topline{top:64px;padding:0 20px;gap:6px;flex-wrap:wrap}
 .sky-filter{gap:12px}
 .sky-hint{bottom:104px;letter-spacing:.18em}
 .wish-card{left:12px!important;right:12px;top:auto!important;bottom:88px;width:auto;max-height:56dvh;padding:18px 18px 16px}
 .sky-view .pocket{padding:14px 20px;gap:10px}
 .wish-figure{width:92px;height:99px;margin-bottom:-6px}
}

/* 有记录的日子：一个很小的照片点，不是完成勾 */
.date .day-record-mark{position:absolute;right:3px;top:2px;width:5px;height:5px;border-radius:50%;background:#7f9a70;pointer-events:none}