.little-doors{display:flex;align-items:stretch;gap:12px;margin-top:30px}
.little-doors button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:70px;padding:14px 19px;margin:0;border:1px solid #c6c6ef52;border-radius:15px;background:linear-gradient(135deg,#b5b5e51c,#738ca40c);box-shadow:inset 0 1px 0 #eceaff0d,0 5px 25px #090d191a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#e1e5f6;font-size:14px;letter-spacing:.04em;text-align:left;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}
.little-doors button[data-open=guestbook]{background:linear-gradient(135deg,#b7afe533,#839ebd1a);border-color:#d0c9f380;box-shadow:inset 0 1px 0 #efeaff17,0 0 26px #b5acf20b}
.little-doors button[data-open=bottles]{border-color:#d7c2a347;background:linear-gradient(135deg,#d9c09e14,#8994b80c)}
.little-doors button:hover{transform:translateY(-3px);border-color:#ded8ffb3;background:linear-gradient(135deg,#b6b1e535,#8099bc20);box-shadow:0 8px 28px #080e2533,0 0 25px #b5acf21a}
.little-doors button:active{transform:translateY(-1px)}
.little-doors button:focus-visible{outline:2px solid #e3defa;outline-offset:4px}
.little-doors svg{width:23px;height:23px;flex-shrink:0;stroke-width:1.3;color:#d2cdeb}
.little-doors [data-open=bottles] svg{color:#e2ccac}
.little-doors .meteor-symbol{font-size:27px}
.door-copy{display:flex;flex-direction:column;gap:7px;white-space:nowrap;line-height:1.3}
.door-copy small{font-size:10px;letter-spacing:.05em;color:#9daec8;font-weight:400}
.sky-keepsake{font-size:10px;letter-spacing:.05em;color:#96a6bf;line-height:1.9;margin:15px 0 0}
.sky-keepsake>span:last-child{white-space:nowrap}
.sky-keepsake>span[aria-hidden]{margin:0 5px;color:#b6b4d3}
@media(max-width:760px){.little-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:22px}.little-doors button{flex-direction:column;gap:9px;min-height:78px;padding:12px 4px;border-radius:13px;font-size:13px;letter-spacing:.02em;text-align:center}.little-doors svg{width:22px;height:22px}.little-doors .meteor-symbol{font-size:25px;height:22px}.door-copy small{display:none}.sky-keepsake{font-size:10px;letter-spacing:0;margin-top:12px;max-width:100%}.sky-keepsake>span[aria-hidden]{margin:0 3px}}
@media(max-width:370px){.little-doors{gap:7px}.sky-keepsake{max-width:245px;line-height:1.8}.sky-keepsake>span[aria-hidden]{display:none}.sky-keepsake>span:last-child{display:block}}
.dialog-open{overflow:hidden}.story-dialog{position:fixed;padding:29px 32px 25px;margin:auto;border:1px solid #b2c2e337;border-radius:21px;width:min(510px,calc(100% - 32px));max-height:calc(100svh - 48px);overflow-y:auto;background:linear-gradient(155deg,#1b2945f5,#17213afc);color:#dbe3f3;box-shadow:0 30px 100px #0006;scrollbar-width:thin;scrollbar-color:#536078 transparent}.story-dialog::backdrop{background:#070d1d88;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.story-dialog[open]{animation:dialog-arrive .3s ease both}@keyframes dialog-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.dialog-eyebrow{font:8px/1.5 system-ui,sans-serif;letter-spacing:.18em;color:#8f9fbc}.dialog-close{border:0;background:none;font:300 26px/1 system-ui;color:#aab7ce;width:35px;height:35px;margin-right:-10px;border-radius:50%}.dialog-close:hover{background:#abbcdd0c;color:#fff}.story-dialog h2{font:400 22px/1.6 'Songti SC','SimSun',serif;letter-spacing:.06em;margin:0 0 8px}.dialog-description{font-size:11px;line-height:1.9;color:#93a3bd;margin:0 0 24px}.guestbook-list{max-height:245px;min-height:75px;overflow-y:auto;padding-right:7px;margin-bottom:24px;scrollbar-width:thin;scrollbar-color:#536078 transparent}.guest-message{border-bottom:1px solid #c0cde515;padding:15px 0}.guest-message:first-child{padding-top:2px}.guest-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#aebbd3}.guest-heading time{font-size:9px;color:#7f90ad;flex-shrink:0}.guest-message p{font-size:12px;line-height:1.9;color:#d4ddef;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0}.empty-note{font-size:12px;line-height:2.1;letter-spacing:.03em;color:#91a2bf;text-align:center;padding:15px 10px;margin:0}.message-form input,.message-form textarea{width:100%;display:block;border:1px solid #b5c5e525;background:#0d16274a;border-radius:10px;color:#e1e6f3;font:12px/1.9 'Microsoft YaHei','PingFang SC',sans-serif;padding:12px 14px;margin:0 0 12px;resize:vertical;min-width:0}.message-form input::placeholder,.message-form textarea::placeholder{color:#7e90ae}.message-form textarea{min-height:90px;max-height:240px}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.form-bottom small,.public-note{font-size:9px;color:#8c9cb7;line-height:1.8}.send-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #c9c8e573;border-radius:9px;background:#c7c8e7;color:#242a44;font:11px/1.6 'Microsoft YaHei','PingFang SC',sans-serif;padding:11px 16px;min-height:40px;transition:background .2s,opacity .2s}.send-button:hover{background:#dbd9ed}.send-button:disabled{opacity:.5;cursor:wait}.form-status{font-size:10px;line-height:1.9;color:#b9c9dd;margin:12px 0 0;min-height:19px;overflow-wrap:anywhere}.form-status.is-error{color:#edb9bc}.bottle-tabs{display:flex;border-bottom:1px solid #b4c3e126;gap:25px;margin-bottom:20px}.bottle-tabs button{border:0;border-bottom:1px solid transparent;background:none;color:#879bb9;padding:10px 0;font-size:11px;min-height:40px}.bottle-tabs button[aria-pressed=true]{color:#d7dff0;border-color:#d0c5e7}.bottle-paper{border:1px solid #b5c1dd22;background:radial-gradient(ellipse at 50% 25%,#8a97b40e,transparent 70%);border-radius:13px;padding:24px 22px;min-height:225px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.bottle-art{width:48px;height:68px;stroke:#a9bad596;stroke-width:1;fill:#b7c7ee0a;margin:0 0 17px;rotate:9deg}.bottle-paper p{font-family:'Songti SC','SimSun',serif;font-size:15px;letter-spacing:.06em;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#cfd9ed}.bottle-paper small{font-size:9px;color:#8c9fbc;margin-top:14px}.bottle-paper.has-letter .bottle-art{width:29px;height:40px;opacity:.7}.bottle-pick{display:flex;margin:18px auto 0;min-width:175px}.public-note{margin-top:14px}.message-form[hidden],#bottle-read-view[hidden]{display:none!important}
@media(max-width:760px){.story-dialog{padding:21px 23px 22px;max-height:calc(100svh - 24px);width:calc(100% - 26px);border-radius:17px}.story-dialog h2{font-size:19px}.dialog-description{font-size:10px}.guestbook-list{max-height:210px}.send-button{font-size:10px;padding:10px 13px;gap:14px}.guest-message p{font-size:11px}.bottle-paper{padding:20px 17px;min-height:210px}}
@media(max-width:370px){.story-dialog h2{font-size:17px}.form-bottom{gap:8px}.form-bottom small{font-size:8px}}