.music-dock{position:fixed;left:28px;bottom:28px;z-index:4200;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:316px;padding:10px 12px;color:#f6f1e5db;border:1px solid rgba(215,195,154,.16);border-radius:999px;background:#070f1b94;box-shadow:0 18px 52px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.music-dock__disc{position:relative;width:42px;height:42px;display:grid;place-items:center;padding:0;color:#172131;border:1px solid rgba(255,239,198,.48);border-radius:50%;background:radial-gradient(circle at 50% 50%,#f8e9bd 0 18%,transparent 19%),conic-gradient(from 20deg,#d7c39a,#f7ecd0,#a88955,#ead7a7,#d7c39a);cursor:pointer}.music-dock__disc-ring{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(23,33,49,.18);border-radius:50%}.music-dock__disc-core{position:relative;z-index:1;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700}.music-dock--playing .music-dock__disc{animation:musicDiscSpin 8s linear infinite}@keyframes musicDiscSpin{to{transform:rotate(360deg)}}.music-dock__meta{min-width:0;display:flex;flex-direction:column;gap:2px}.music-dock__meta span{overflow:hidden;font-family:"Noto Serif SC",serif;font-size:13px;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.music-dock__meta small{overflow:hidden;color:#f6f1e56b;font-size:10px;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.music-dock__mute{padding:7px 10px;color:#f6f1e59e;border:1px solid rgba(246,241,229,.13);border-radius:999px;background:#ffffff0a;font-size:10px;cursor:pointer}.music-dock__mute:hover{color:#f6f1e5eb;border-color:#d7c39a57}@font-face{font-family:Lion Archive;src:url(/fonts/custom-font.ttf) format("truetype");font-display:swap}html,body{margin:0;padding:0;height:100vh;height:100svh;width:100vw;overflow:hidden}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background:#f0f4fa;color:#222}#root{width:100%;height:100%;margin:0;padding:0}button:active{opacity:.8}.fixed-navbar{position:fixed;top:0;left:0;width:100%;height:60px;z-index:1000;display:flex;justify-content:center;align-items:center;background:transparent!important;pointer-events:none}@media (max-width: 768px){.fixed-navbar{height:auto;top:auto;bottom:20px}}.navbar-container{display:flex;gap:40px;pointer-events:none}@media (max-width: 768px){.navbar-container{gap:15px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.1);pointer-events:auto}}.nav-tab{pointer-events:auto;background:transparent;border:none;color:#ffffffb3;font-size:16px;font-weight:500;padding:8px 16px;cursor:pointer;position:relative;transition:all .3s ease;font-family:PingFang SC,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.5)}.nav-tab:hover{color:#fff}.nav-tab.active{color:#fff;font-weight:700}.fixed-navbar.dark-mode .nav-tab{color:#3e2723b3;text-shadow:none}.fixed-navbar.dark-mode .nav-tab:hover,.fixed-navbar.dark-mode .nav-tab.active{color:#3e2723}.fixed-navbar.dark-mode .nav-tab.active:after{background-color:#3e2723;box-shadow:0 0 8px #3e27234d}.nav-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background-color:#fff;border-radius:2px;box-shadow:0 0 8px #fffc}.page-content{width:100vw;height:100%;position:relative;overflow:hidden}.tab-view{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;z-index:1}.tab-view.active{opacity:1;visibility:visible;z-index:10}.custom-date-picker{color-scheme:dark;accent-color:#ff69b4}.custom-date-picker::-webkit-calendar-picker-indicator{filter:invert(53%) sepia(33%) saturate(3048%) hue-rotate(300deg) brightness(102%) contrast(97%);cursor:pointer}.letters-icon-wrapper{position:fixed;top:15px;right:30px;z-index:1001;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#ffffffb3;transition:all .3s ease;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;border:1px solid rgba(255,255,255,.2)}.letters-icon-wrapper:hover{color:#fff;background:#fff3;border-color:#ffffff80}.letters-icon-wrapper.active{color:#fff;background:#f6bec84d;border-color:#f6bec880;box-shadow:0 0 15px #f6bec866}.letters-icon-wrapper.dark-mode{color:#3e2723b3;background:#3e27230d;border-color:#3e27231a}.letters-icon-wrapper.dark-mode:hover,.letters-icon-wrapper.dark-mode.active{color:#3e2723;background:#3e27231a;border-color:#3e27234d}.envelope-svg{width:20px;height:20px}.active-dot{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:12px;height:2px;background-color:currentColor;border-radius:1px}:root{--ltw-night: #07101d;--ltw-ink: #102238;--ltw-cream: #f5f0e7;--ltw-gold: #d7c39a;--ltw-muted: #93a0ae}*{box-sizing:border-box}button,input,textarea{font:inherit}button:focus-visible{outline:2px solid rgba(226,207,169,.95);outline-offset:4px}.star-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.star-field--far{opacity:.55;background-image:radial-gradient(circle at 14% 24%,rgba(255,255,255,.9) 0 1px,transparent 1.4px),radial-gradient(circle at 74% 16%,rgba(255,244,218,.8) 0 1px,transparent 1.4px),radial-gradient(circle at 82% 68%,rgba(207,226,255,.8) 0 1px,transparent 1.4px),radial-gradient(circle at 32% 82%,rgba(255,255,255,.75) 0 1px,transparent 1.4px);background-size:220px 220px,310px 310px,270px 270px,180px 180px}.star-field--near{opacity:.38;background-image:radial-gradient(circle at 18% 38%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 64% 28%,#ffeec9 0 1.5px,transparent 2px),radial-gradient(circle at 92% 78%,#d9e8ff 0 1.5px,transparent 2px);background-size:480px 480px,620px 620px,540px 540px;animation:starDrift 32s linear infinite}@keyframes starDrift{to{transform:translate3d(-40px,24px,0)}}.identity-gate,.opening-sequence,.desktop-notice{position:relative;width:100vw;height:100vh;overflow:hidden;color:var(--ltw-cream);background:radial-gradient(circle at 50% 115%,rgba(40,72,106,.55),transparent 47%),radial-gradient(circle at 12% 12%,rgba(38,54,83,.42),transparent 32%),linear-gradient(145deg,#050910,#091421 52%,#060b12)}.identity-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 7vw 44px}.identity-gate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.identity-orbit{position:absolute;border:1px solid rgba(217,203,173,.13);border-radius:50%;pointer-events:none}.identity-orbit--one{width:720px;height:720px;left:-420px;top:9%}.identity-orbit--two{width:520px;height:520px;right:-290px;bottom:-220px}.identity-heading{position:relative;z-index:2;text-align:center;margin-bottom:38px}.identity-eyebrow{display:block;margin-bottom:14px;color:#dbccafb8;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;letter-spacing:.26em}.identity-heading h1{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(32px,3vw,48px);font-weight:400;letter-spacing:.06em}.identity-heading p{margin:15px 0 0;color:#e2e7ed94;font-size:14px;letter-spacing:.08em}.identity-options{position:relative;z-index:2;width:min(900px,82vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.identity-card{position:relative;min-height:350px;overflow:hidden;display:grid;grid-template-columns:1fr;justify-items:center;padding:28px 30px 24px;color:var(--ltw-cream);text-align:left;border:1px solid rgba(255,255,255,.13);border-radius:3px;background:linear-gradient(145deg,#ffffff16,#ffffff06),#070e18ad;box-shadow:0 25px 80px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer}.identity-card:before{content:"";position:absolute;inset:auto 8% 0;height:1px;background:linear-gradient(90deg,transparent,var(--identity-accent),transparent);box-shadow:0 0 26px var(--identity-accent);opacity:.7;transition:opacity .3s ease,inset .3s ease}.identity-card:hover{border-color:color-mix(in srgb,var(--identity-accent) 48%,transparent);box-shadow:0 28px 90px #00000061,0 0 50px color-mix(in srgb,var(--identity-accent) 12%,transparent)}.identity-card:hover:before{inset-inline:1%;opacity:1}.identity-card__number{position:absolute;top:19px;left:21px;color:#ffffff4d;font-family:Rajdhani,sans-serif;font-size:11px;letter-spacing:.16em}.identity-card__portrait{width:205px;height:205px;margin-top:3px;overflow:hidden;display:grid;place-items:center;border-radius:50%;background:#fff;border:5px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px color-mix(in srgb,var(--identity-accent) 55%,transparent),0 16px 45px #0000004d;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}.identity-card:hover .identity-card__portrait{transform:scale(1.035) rotate(-1deg);box-shadow:0 0 0 1px var(--identity-accent),0 0 42px color-mix(in srgb,var(--identity-accent) 25%,transparent)}.identity-card__portrait img{width:100%;height:100%;object-fit:contain}.identity-card__copy{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:18px}.identity-card__copy strong{font-family:"Noto Serif SC",serif;font-size:27px;font-weight:500;letter-spacing:.12em}.identity-card__copy small{color:#dee5eb7a;font-size:11px;letter-spacing:.04em}.identity-card__enter{position:absolute;right:22px;top:20px;color:#ffffff80;font-size:11px;letter-spacing:.12em}.identity-card__enter span{display:inline-block;margin-left:4px;transition:transform .25s ease}.identity-card:hover .identity-card__enter span{transform:translate(3px,-3px)}.identity-footer{position:relative;z-index:2;margin:28px 0 0;color:#ffffff52;font-family:"Noto Serif SC",serif;font-size:12px;letter-spacing:.12em}.opening-sequence{display:grid;place-items:center;isolation:isolate}.opening-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;box-shadow:inset 0 0 180px 70px #000000bf}.opening-earth-wrap{position:absolute;left:50%;bottom:-55vh;z-index:2;width:min(1050px,76vw);aspect-ratio:1;transform:translate(-50%)}.opening-earth-wrap img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;animation:openingEarthRotate 40s linear infinite}@keyframes openingEarthRotate{to{transform:rotate(360deg)}}.opening-earth-glow{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;background:#76a4d51f;box-shadow:0 0 95px 32px #689eda42,0 -30px 120px #ebd4a81a}.opening-message{position:relative;z-index:7;max-width:760px;margin-top:-12vh;text-align:center}.opening-message span,.opening-kicker{color:#ddcdabb3;font-family:Rajdhani,sans-serif;font-size:11px;letter-spacing:.34em}.opening-message h1{margin:18px 0 16px;font-family:"Noto Serif SC",serif;font-size:clamp(40px,5vw,72px);font-weight:400;letter-spacing:.08em;text-shadow:0 5px 30px rgba(0,0,0,.65)}.opening-message p{color:#e9eef394;font-family:"Noto Serif SC",serif;font-size:14px;letter-spacing:.1em}.opening-kicker{position:absolute;left:42px;top:36px;z-index:7}.opening-skip{position:absolute;right:36px;bottom:30px;z-index:8;padding:9px 3px;color:#ffffff6b;border:0;border-bottom:1px solid rgba(255,255,255,.22);background:transparent;font-size:11px;letter-spacing:.08em;cursor:pointer;animation:openingSkipIn .9s ease 4.8s both}@keyframes openingSkipIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lion-app{width:100vw;height:100vh;overflow:hidden;background:var(--ltw-night)}.lion-app__content{width:100%;height:100%}.lion-app__city{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;overflow:auto;background:var(--ltw-night)}.app-loading{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:18px;color:#ffffff85;background:var(--ltw-night)}.app-loading__planet{width:42px;height:42px;border:1px solid rgba(255,255,255,.42);border-radius:50%;box-shadow:inset -10px -6px 18px #000c,0 0 20px #80acda38;animation:loadingPlanet 1.5s ease-in-out infinite alternate}.app-loading p{margin:0;font-family:"Noto Serif SC",serif;font-size:12px;letter-spacing:.1em}@keyframes loadingPlanet{to{transform:translateY(-7px);filter:brightness(1.35)}}.app-header{position:fixed;top:0;left:0;right:0;z-index:4000;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;color:#ffffffd1;background:linear-gradient(180deg,rgba(4,9,16,.78),transparent);pointer-events:none}.app-header>*{pointer-events:auto}.app-header--paper{color:#55463f;background:linear-gradient(180deg,#f6eee2f0,#f6eee200)}.app-brand{justify-self:start;display:flex;align-items:center;gap:12px;padding:0;color:inherit;text-align:left;border:0;background:transparent;cursor:pointer}.app-brand__mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:Rajdhani,sans-serif;font-size:10px;letter-spacing:.08em;opacity:.72}.app-brand>span:last-child{display:flex;flex-direction:column;gap:2px}.app-brand strong{font-family:"Noto Serif SC",serif;font-size:15px;font-weight:500;letter-spacing:.04em}.app-brand small{font-size:9px;letter-spacing:.08em;opacity:.45}.app-tabs{justify-self:center;display:flex;align-items:center;gap:34px}.app-tabs button{position:relative;padding:14px 2px 10px;color:inherit;border:0;background:transparent;font-family:"Noto Serif SC",serif;font-size:13px;letter-spacing:.12em;opacity:.48;cursor:pointer;transition:opacity .2s ease}.app-tabs button:hover,.app-tabs button.active{opacity:1}.app-tabs button.active:after{content:"";position:absolute;left:50%;bottom:1px;width:18px;height:1px;transform:translate(-50%);background:currentColor;box-shadow:0 0 8px currentColor}.identity-menu{position:relative;justify-self:end}.identity-menu__trigger{display:flex;align-items:center;gap:9px;padding:5px 8px 5px 5px;color:inherit;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#080f1861;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.app-header--paper .identity-menu__trigger{border-color:#533f3524;background:#fffaf194}.identity-menu__trigger img{width:32px;height:32px;object-fit:cover;border-radius:50%;background:#fff}.identity-menu__trigger>span:not(.identity-menu__chevron){font-size:12px;letter-spacing:.08em}.identity-menu__chevron{margin:-3px 1px 0 0;font-size:13px;opacity:.45}.identity-menu__popover{position:absolute;right:0;top:calc(100% + 10px);width:194px;display:flex;flex-direction:column;padding:16px;color:#e9edf1;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#080f18f0;box-shadow:0 20px 55px #00000061;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.identity-menu__label{color:#ffffff5c;font-size:9px;letter-spacing:.12em}.identity-menu__popover strong{margin:5px 0 13px;font-family:"Noto Serif SC",serif;font-size:18px;font-weight:500}.identity-menu__popover button{padding:10px 0;color:#ffffffb3;text-align:left;border:0;border-top:1px solid rgba(255,255,255,.08);background:transparent;font-size:11px;cursor:pointer}.identity-menu__popover button:hover{color:#fff}.version-record{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4100;display:grid;place-items:center;pointer-events:auto}.version-record__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#03070c6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default}.version-record__panel{position:relative;width:min(380px,calc(100vw - 80px));min-height:190px;padding:26px 30px 28px;overflow:hidden;color:#f4efe3;border:1px solid rgba(235,218,170,.18);border-radius:18px;background:radial-gradient(circle at 18% 28%,rgba(221,190,112,.18),transparent 22%),radial-gradient(circle at 74% 20%,rgba(119,169,213,.12),transparent 24%),linear-gradient(145deg,#080e18f5,#02070df5);box-shadow:0 34px 90px #00000075,inset 0 0 0 1px #ffffff09;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.version-record__panel:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;pointer-events:none;border:1px solid rgba(255,255,255,.055);border-radius:12px}.version-record__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6;background-image:radial-gradient(circle,rgba(255,255,255,.52) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(226,199,136,.5) 0 1px,transparent 1.4px);background-position:42px 34px,128px 98px;background-size:132px 96px,184px 128px}.version-record__close{position:absolute;top:18px;right:18px;z-index:2;width:30px;height:30px;color:#f4efe39e;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff09;font-size:20px;line-height:1;cursor:pointer}.version-record__close:hover{color:#fff9ec;border-color:#ebdaaa57}.version-record__eyebrow{position:relative;z-index:1;display:block;margin-bottom:14px;color:#d7bd78;font-family:Rajdhani,sans-serif;font-size:10px;letter-spacing:.24em}.version-record__panel h2{position:relative;z-index:1;margin:0;font-family:"Noto Serif SC",serif;font-size:22px;font-weight:500;letter-spacing:.05em}.version-record__entry{position:relative;z-index:1;margin-top:22px;padding-top:18px;display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(235,218,170,.16)}.version-record__entry strong{color:#f4d98d;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:600;letter-spacing:.08em}.version-record__entry time,.version-record__entry p{margin:0;color:#f4efe3b8;font-size:12px;letter-spacing:.06em}.version-record__entry p{color:#f4efe3db}.desktop-notice{display:grid;place-items:center;padding:30px}.desktop-notice__orbit{position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.desktop-notice__card{position:relative;z-index:2;max-width:430px;padding:44px;text-align:center;border:1px solid rgba(255,255,255,.12);background:#ffffff0b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.desktop-notice__card span{color:var(--ltw-gold);font-family:Rajdhani,sans-serif;font-size:10px;letter-spacing:.25em}.desktop-notice__card h1{margin:18px 0 12px;font-family:"Noto Serif SC",serif;font-weight:400}.desktop-notice__card p{margin:0;color:#ffffff80;font-size:13px;line-height:1.8}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.memory-earth,.city-timeline{position:relative;width:100%;height:100%;color:#f5f0e7;background:#07101d;overflow:hidden}.memory-earth>div:first-child{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.memory-earth:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,14,.72),transparent 29%),linear-gradient(0deg,rgba(3,8,14,.72),transparent 32%)}.memory-earth__intro{position:absolute;z-index:4;top:118px;left:54px;pointer-events:none}.memory-earth__intro span,.city-timeline__header>div>span,.memory-form__header span{color:#d7c39a;font-family:Rajdhani,sans-serif;font-size:10px;letter-spacing:.22em}.memory-earth__intro h1{margin:12px 0 9px;font-family:"Noto Serif SC",serif;font-size:38px;font-weight:400;letter-spacing:.08em}.memory-earth__intro p,.memory-earth__empty,.memory-earth__hint{color:#eef1f47a;font-size:12px;letter-spacing:.06em}.memory-earth__empty{position:absolute;z-index:4;left:54px;bottom:78px;padding-left:20px;pointer-events:none}.memory-earth__empty i{position:absolute;left:0;top:4px;width:6px;height:6px;border-radius:50%;background:#d7c39a;box-shadow:0 0 15px #d7c39a}.memory-earth__empty p{margin:0 0 7px;color:#ffffffb8}.memory-earth__empty span{font-size:10px}.memory-earth__hint{position:absolute;z-index:4;bottom:30px;left:50%;transform:translate(-50%);pointer-events:none}.memory-earth__record{position:absolute;z-index:6;right:44px;bottom:38px;display:flex;align-items:center;gap:12px;padding:13px 21px;color:#172131;border:0;border-radius:999px;background:#f0e5ce;box-shadow:0 12px 35px #00000059;font-size:13px;cursor:pointer;transition:transform .18s ease,background .18s ease}.memory-earth__record:hover{transform:translateY(-2px);background:#fff5df}.memory-earth__record span{font-size:18px;line-height:1}.memory-earth__notice{position:absolute;z-index:20;left:50%;bottom:86px;padding:11px 18px;transform:translate(-50%);color:#ffffffd1;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080f18d6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:11px}.photo-archive{position:fixed;z-index:2100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:34px}.photo-archive__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:radial-gradient(circle at 70% 28%,rgba(239,216,146,.12),transparent 28%),#01060cc7;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:zoom-out}.photo-archive__panel{position:relative;width:min(1160px,calc(100vw - 88px));max-height:calc(100vh - 78px);padding:30px;color:#f4eee2;border:1px solid rgba(232,213,164,.26);background:linear-gradient(135deg,#0b131feb,#040a12f0),radial-gradient(circle at 20% 0%,rgba(232,213,164,.12),transparent 34%);box-shadow:0 34px 110px #0000008f;overflow:hidden}.photo-archive__panel:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;pointer-events:none;border:1px solid rgba(232,213,164,.08)}.photo-archive__header{position:relative;z-index:1;display:flex;justify-content:space-between;gap:26px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid rgba(232,213,164,.14)}.photo-archive__header span{color:#d7c39a;font-family:Rajdhani,sans-serif;font-size:10px;letter-spacing:.24em}.photo-archive__header h2{margin:10px 0 8px;font-family:"Noto Serif SC",serif;font-size:34px;font-weight:400;letter-spacing:.12em}.photo-archive__header p{margin:0;color:#f4eee27a;font-size:12px;letter-spacing:.05em}.photo-archive__close{width:42px;height:42px;color:#f4eee2b8;border:1px solid rgba(244,238,226,.16);border-radius:50%;background:#ffffff08;font-size:26px;line-height:1;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease}.photo-archive__close:hover{transform:rotate(8deg);color:#fff7e5;border-color:#e8d5a480}.photo-archive__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-height:calc(100vh - 260px);padding:2px 4px 8px;overflow-y:auto}.photo-archive__card{position:relative;aspect-ratio:4 / 3;min-height:0;padding:0;border:1px solid rgba(244,238,226,.12);background:#ffffff09;box-shadow:0 16px 38px #00000047;cursor:zoom-in;overflow:hidden;transform:translateZ(0)}.photo-archive__card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04);transition:transform .36s ease,filter .36s ease}.photo-archive__card:after{content:"";position:absolute;inset:auto 0 0;height:46%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(2,6,12,.54));opacity:0;transition:opacity .22s ease}.photo-archive__card:hover img{transform:scale(1.045);filter:saturate(1.05) contrast(1.06)}.photo-archive__card:hover:after,.photo-archive__card:focus-visible:after{opacity:1}.photo-archive__meta{position:absolute;z-index:1;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;color:#fff9ea;background:linear-gradient(135deg,#050910c7,#05091075);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;text-align:left;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.photo-archive__card:hover .photo-archive__meta,.photo-archive__card:focus-visible .photo-archive__meta{opacity:1;transform:translateY(0)}.photo-archive__meta strong{font-family:"Noto Serif SC",serif;font-size:14px;font-weight:500;letter-spacing:.08em}.photo-archive__meta small{color:#fff9ea94;font-size:10px;letter-spacing:.04em}.photo-archive__empty{position:relative;z-index:1;display:grid;place-items:center;min-height:310px;color:#f4eee280;text-align:center}.photo-archive__empty i{width:54px;height:54px;margin-bottom:18px;border-radius:50%;background:radial-gradient(circle,rgba(232,213,164,.92),rgba(232,213,164,.08) 54%,transparent 68%);box-shadow:0 0 42px #e8d5a42e}.photo-archive__empty p{margin:0 0 8px;color:#f4eee2c7;font-family:"Noto Serif SC",serif;font-size:18px}.photo-archive__empty span{font-size:12px}.photo-archive__preview{position:fixed;z-index:2200;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:48px}.photo-archive__preview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#010408e6;cursor:zoom-out}.photo-archive__preview figure{position:relative;margin:0;max-width:min(980px,88vw);max-height:88vh}.photo-archive__preview img{max-width:100%;max-height:78vh;object-fit:contain;box-shadow:0 28px 90px #0000009e}.photo-archive__preview figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:12px;color:#f4eee2b8;font-size:12px;letter-spacing:.06em}.photo-archive__preview figcaption strong{color:#f4eee2;font-family:"Noto Serif SC",serif;font-weight:500}.memory-modal{position:fixed;z-index:2000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:40px}.memory-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#02060cc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.memory-form{position:relative;width:min(660px,calc(100vw - 80px));max-height:calc(100vh - 86px);padding:30px 34px 28px;color:#243043;border:1px solid rgba(215,195,154,.45);background:#f5f0e7;box-shadow:0 30px 90px #0000007a;overflow-y:auto}.memory-form:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(92,77,57,.1);pointer-events:none}.memory-form__header,.memory-form__footer,.memory-card__body>header,.memory-card__body>footer{display:flex;align-items:flex-start;justify-content:space-between}.memory-form__header{margin-bottom:24px}.memory-form__header span{color:#9b7c49}.memory-form__header h2{margin:7px 0 0;font-family:"Noto Serif SC",serif;font-size:26px;font-weight:500}.memory-form__header>button{color:#2430437a;border:0;background:transparent;font-family:serif;font-size:26px;cursor:pointer}.memory-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.memory-form label{display:block;margin-bottom:18px}.memory-form label>span:first-child{display:block;margin-bottom:8px;color:#5c6170;font-size:11px;letter-spacing:.09em}.memory-form label small{color:#a4a5a9;font-size:9px}.memory-form input,.memory-form textarea{box-sizing:border-box;width:100%;padding:11px 12px;color:#263244;border:1px solid rgba(36,48,67,.16);border-radius:2px;outline:0;background:#ffffff6b;font:inherit;font-size:13px}.memory-form input:focus,.memory-form textarea:focus{border-color:#9b7c49a6;box-shadow:0 0 0 3px #9b7c4914}.memory-form textarea{resize:vertical;line-height:1.8}.memory-form__upload>input{position:absolute;width:1px;height:1px;opacity:0}.memory-form__upload-box{display:flex;align-items:center;justify-content:center;gap:12px;min-height:86px;margin:0!important;border:1px dashed rgba(36,48,67,.23);background:#ffffff47;cursor:pointer;overflow:hidden;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.memory-form__upload:hover .memory-form__upload-box,.memory-form__upload--dragging .memory-form__upload-box{border-color:#a78b5eb8;background:#fffaefad;box-shadow:0 12px 28px #795b331a}.memory-form__upload--dragging .memory-form__upload-box{transform:translateY(-1px)}.memory-form__upload-box b{color:#a78b5e;font-family:serif;font-size:25px;font-weight:400}.memory-form__upload-box em{color:#777d87;font-size:11px;font-style:normal}.memory-form__photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:-4px 0 18px}.memory-form__photos figure{position:relative;min-width:0;margin:0;border:1px solid rgba(36,48,67,.12);background:#ffffff57;overflow:hidden}.memory-form__photos img{display:block;width:100%;aspect-ratio:1 / .78;object-fit:cover}.memory-form__photos figcaption{overflow:hidden;padding:7px 8px;color:#24304385;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.memory-form__photos button{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:22px;height:22px;padding:0;color:#f9f2e7;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#101620b8;cursor:pointer}.memory-form__error{margin:-4px 0 14px;color:#a34b43;font-size:11px}.memory-form__footer{align-items:center;padding-top:18px;border-top:1px solid rgba(36,48,67,.1)}.memory-form__footer>span{color:#9b9da2;font-size:10px}.memory-form__footer div{display:flex;gap:10px}.memory-form__footer button{padding:10px 18px;color:#5f6570;border:1px solid rgba(36,48,67,.14);background:transparent;font-size:11px;cursor:pointer}.memory-form__footer .memory-form__save{color:#f7f1e7;border-color:#172131;background:#172131}.city-timeline{overflow-y:auto;background:radial-gradient(circle at 72% 12%,rgba(51,81,112,.2),transparent 28%),#07101d}.city-timeline__stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle,#fff 0 1px,transparent 1px),radial-gradient(circle,#fff 0 1px,transparent 1px);background-position:30px 40px,90px 110px;background-size:150px 150px,220px 220px}.city-timeline__header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:126px 54px 64px;text-align:center}.city-timeline__back{position:fixed;left:46px;top:108px;z-index:8;padding:10px 16px;color:#ffffff85;border:1px solid rgba(215,195,154,.18);border-radius:999px;background:#07101db8;box-shadow:0 18px 50px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:11px;letter-spacing:.08em;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.city-timeline__back:hover{color:#f3ead5;border-color:#d7c39a6b;background:#0c1828db}.city-timeline__header button{color:#ffffff85;border:0;background:transparent;font-size:11px;cursor:pointer}.city-timeline__header>div{grid-column:2}.city-timeline__header h1{margin:12px 0 8px;font-family:"Noto Serif SC",serif;font-size:50px;font-weight:400;letter-spacing:.12em}.city-timeline__header p{margin:0;color:#ffffff6b;font-size:12px}.city-timeline__header .city-timeline__sort{justify-self:end;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.18)}.city-timeline__rail{position:relative;width:min(760px,calc(100% - 160px));margin:0 auto;padding:0 0 120px 80px}.city-timeline__rail:before{content:"";position:absolute;top:6px;bottom:80px;left:28px;width:1px;background:linear-gradient(#d7c39a,#d7c39a14)}.memory-card{position:relative;margin-bottom:58px}.memory-card__index{position:absolute;top:2px;left:-80px;color:#d7c39a75;font-family:Rajdhani,sans-serif;font-size:10px}.memory-card__dot{position:absolute;top:5px;left:-57px;width:7px;height:7px;border:1px solid #d7c39a;border-radius:50%;background:#07101d;box-shadow:0 0 12px #d7c39a73}.memory-card__body{padding:0 0 30px;border-bottom:1px solid rgba(255,255,255,.1)}.memory-card time{color:#d7c39a;font-family:"Noto Serif SC",serif;font-size:13px}.memory-card h2{margin:10px 0 0;color:#ffffffc7;font-size:15px;font-weight:400}.memory-card__author{color:#ffffff45;font-size:10px;letter-spacing:.08em}.memory-card__body>p{max-width:620px;margin:22px 0;color:#f2f0ebbd;font-family:"Noto Serif SC",serif;font-size:14px;line-height:2;white-space:pre-wrap}.memory-card__photos{display:grid;width:min(520px,100%);gap:9px}.memory-card__photos--1{grid-template-columns:1fr}.memory-card__photos--2,.memory-card__photos--3,.memory-card__photos--4{grid-template-columns:repeat(2,1fr)}.memory-card__photo{min-height:0;width:min(440px,100%);height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}.memory-card__photo img{display:block;width:100%;height:100%;max-height:310px;aspect-ratio:4 / 3;object-fit:cover;filter:saturate(.85) contrast(.96);transition:transform .3s ease}.memory-card__photos--1 .memory-card__photo img{aspect-ratio:16 / 10}.memory-card__photo:hover img{transform:scale(1.018)}.memory-card__comments{width:min(620px,100%);margin-top:24px;padding:18px 18px 16px;border:1px solid rgba(215,195,154,.13);background:#ffffff09}.memory-card__comments-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#d7c39ab8;font-size:11px;letter-spacing:.12em}.memory-card__comments-head small{color:#ffffff47;font-size:10px;letter-spacing:.06em}.memory-card__comment-list{display:grid;gap:12px;margin-bottom:14px}.memory-card__comment{padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.08)}.memory-card__comment header{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}.memory-card__comment header span{color:#ffffff61;font-size:10px;letter-spacing:.08em}.memory-card__comment header time{color:#ffffff3d;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:10px}.memory-card__comment p,.memory-card__comment-empty{margin:0;color:#f2f0eb94;font-family:"Noto Serif SC",serif;font-size:12px;line-height:1.9;white-space:pre-wrap}.memory-card__comment-empty{margin-bottom:14px;color:#ffffff47}.memory-card__comment-actions,.memory-card__comment-edit footer{display:flex;justify-content:flex-end;gap:12px;margin-top:9px}.memory-card__comment-actions button,.memory-card__comment-edit footer button{padding:0;color:#ffffff42;border:0;background:transparent;font-size:10px;cursor:pointer}.memory-card__comment-actions button:hover,.memory-card__comment-edit footer button:hover{color:#ffffffad}.memory-card__comment-edit textarea{box-sizing:border-box;width:100%;min-height:78px;resize:vertical;padding:10px 12px;color:#f6f1e5d1;border:1px solid rgba(255,255,255,.12);background:#040a126b;outline:0;font-size:12px;line-height:1.7}.memory-card__comment-edit textarea:focus{border-color:#d7c39a61;box-shadow:0 0 0 3px #d7c39a0f}.memory-card__comment-edit footer button:disabled{opacity:.36;cursor:not-allowed}.memory-card__comment-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.memory-card__comment-form textarea{min-height:58px;resize:vertical;padding:10px 12px;color:#f6f1e5d1;border:1px solid rgba(255,255,255,.12);background:#040a126b;outline:0;font-size:12px;line-height:1.7}.memory-card__comment-form textarea:focus{border-color:#d7c39a61;box-shadow:0 0 0 3px #d7c39a0f}.memory-card__comment-form button{padding:11px 14px;color:#172131;border:0;background:#d7c39a;font-size:11px;cursor:pointer}.memory-card__comment-form button:disabled{opacity:.36;cursor:not-allowed}.memory-card__body>footer{justify-content:flex-end;gap:14px;margin-top:18px}.memory-card__body>footer button{padding:0;color:#ffffff45;border:0;background:transparent;font-size:10px;cursor:pointer}.memory-card__body>footer button:hover{color:#ffffffb8}.memory-card__body>footer .memory-card__reply{margin-right:auto;padding:7px 12px;color:#d7c39ab8;border:1px solid rgba(215,195,154,.2);border-radius:999px;background:#d7c39a0d}.memory-card__body>footer .memory-card__reply:hover{color:#f0e3c2;border-color:#d7c39a6b;background:#d7c39a1a}.memory-comment-modal{position:fixed;z-index:2600;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:40px}.memory-comment-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:radial-gradient(circle at 50% 35%,rgba(32,52,76,.28),transparent 42%),#01050ac7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.memory-comment-panel{position:relative;z-index:1;width:min(620px,calc(100vw - 96px));max-height:min(760px,calc(100vh - 90px));overflow-y:auto;padding:28px;color:#f5f0e7;border:1px solid rgba(215,195,154,.18);background:linear-gradient(145deg,#ffffff0e,#ffffff05),#07101df5;box-shadow:0 28px 90px #00000085}.memory-comment-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.memory-comment-panel__header span{color:#d7c39ab8;font-family:Rajdhani,sans-serif;font-size:10px;letter-spacing:.24em}.memory-comment-panel__header h2{margin:8px 0;font-family:"Noto Serif SC",serif;font-size:28px;font-weight:400;letter-spacing:.08em}.memory-comment-panel__header p{margin:0;color:#ffffff5c;font-size:11px}.memory-comment-panel__header>button{padding:0;color:#ffffff6b;border:0;background:transparent;font-family:serif;font-size:28px;cursor:pointer}.memory-comment-panel__origin{margin-bottom:18px;padding:15px 17px;border-left:1px solid rgba(215,195,154,.28);background:#ffffff09}.memory-comment-panel__origin span{color:#ffffff52;font-size:10px;letter-spacing:.08em}.memory-comment-panel__origin p{display:-webkit-box;margin:8px 0 0;overflow:hidden;color:#f2f0eb9e;font-family:"Noto Serif SC",serif;font-size:12px;line-height:1.9;-webkit-box-orient:vertical;-webkit-line-clamp:3}.photo-viewer{position:fixed;z-index:2500;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:50px}.photo-viewer button{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#010408eb;cursor:zoom-out}.photo-viewer img{position:relative;max-width:90vw;max-height:86vh;box-shadow:0 25px 80px #0009}