:root{--bg:#1f3d2b;--bg-2:#183023;--ink:#f2e6c9;--muted:#a8b3a3;--rule:#2f5039;--beige:#f2e6c9;--past:#f2e6c9;--future:#2b4a36;--now:#f0523d;--cell:10px;--gap:3px;--font:"Inter Tight", "PingFang TC", "Heiti TC", "Microsoft JhengHei", "Noto Sans CJK TC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-weight:480;line-height:1.3}a{color:inherit;text-decoration:none}.top{background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;gap:16px;padding:28px 40px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;text-transform:uppercase;font-size:20px;font-weight:900}.meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:22px;font-size:14px;display:flex}.meta .clock{font-variant-numeric:tabular-nums;color:var(--ink)}.switch{color:var(--ink);border-bottom:1px solid var(--muted);padding-bottom:1px}[hidden]{display:none!important}.pill{background:var(--beige);color:var(--bg);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:10px 18px 10px 12px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.pill i{background:var(--bg);width:22px;height:22px;color:var(--beige);border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:800;display:inline-grid}.hero{min-height:min(92vh,820px);padding:48px 40px 120px;position:relative}.hero h1{text-transform:uppercase;letter-spacing:-.05em;text-align:center;color:var(--beige);margin:0;font-size:clamp(64px,15vw,212px);font-weight:900;line-height:.86}.hero h1 .zh{letter-spacing:-.02em;text-transform:none;margin-top:.08em;font-family:Noto Sans TC,sans-serif;font-size:.62em;font-weight:900;display:block}.hero .lede{max-width:420px;color:var(--ink);margin:56px 0 0 60px}.hero .lede p{margin:0 0 22px;font-size:20px}.birth-form{flex-direction:column;gap:22px;margin-top:10px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field .lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.field input{background:color-mix(in srgb, var(--beige) 9%, transparent);border:1px solid color-mix(in srgb, var(--beige) 40%, transparent);color:var(--ink);font:inherit;color-scheme:dark;cursor:text;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:22px;font-weight:600;transition:border-color .15s,background-color .15s}.field input:hover{border-color:color-mix(in srgb, var(--beige) 75%, transparent);background:color-mix(in srgb, var(--beige) 13%, transparent)}.field input:focus{border-color:var(--now);box-shadow:0 0 0 3px color-mix(in srgb, var(--now) 30%, transparent);background:color-mix(in srgb, var(--beige) 13%, transparent)}.field input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}.field small{color:var(--muted);font-size:13px}.birth-form .pill{align-self:flex-start;margin-top:6px}section{padding:0 40px}.sec-head,.article h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:14px 0;font-size:11px;display:flex}.article h2{justify-content:flex-start;font-weight:700}.sec-head b:before,.article h2:before{content:"";background:var(--now);vertical-align:middle;width:8px;height:8px;margin-right:10px;display:inline-block}.hero.compact{min-height:0;padding-bottom:60px}.hero.compact h1{font-size:clamp(48px,9vw,128px)}.lede .mini{grid-template-columns:repeat(40,1fr);gap:2px;width:280px;display:grid}.lede .mini b{aspect-ratio:1;background:var(--beige);display:block}.lede .mini b.f{opacity:.18}.error{max-width:640px;padding:120px 40px 160px}.error p{letter-spacing:-.02em;margin:0 0 32px;font-size:clamp(24px,3.5vw,40px);font-weight:600;line-height:1.2}.stats{background:var(--bg-2);padding:80px 40px 110px}.stat{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;align-items:baseline;padding:26px 0;display:grid}.stats .sec-head{margin-bottom:56px}.stat b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(56px,9vw,128px);font-weight:800;line-height:1}.stat.past b{color:var(--now)}.stat span{text-align:right;justify-self:end;max-width:420px;font-size:20px}.stat small{color:var(--muted);margin-top:6px;font-size:14px;display:block}.poster{padding:80px 40px 120px}.poster-notes{color:var(--muted);grid-template-columns:1fr 1fr;gap:40px;margin:56px 0 40px;font-size:14px;display:grid}.poster-notes .side{max-width:320px}.poster-notes .side.r{text-align:right;justify-self:end}.poster-notes .side h3{color:var(--ink);letter-spacing:-.03em;margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.1}.room{justify-content:center;display:flex;position:relative}.zoom{z-index:4;display:none;position:absolute;bottom:16px;right:16px}.axis-top{grid-template-columns:repeat(52, var(--cell));gap:var(--gap);color:var(--muted);margin-bottom:8px;margin-left:36px;font-size:10px;display:grid}.rows{gap:var(--gap);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap);opacity:0;transition:opacity .5s,transform .5s;display:flex;transform:translateY(8px)}.row.in{opacity:1;transform:none}.row.decade{margin-top:8px}.row .y{text-align:right;width:30px;color:var(--muted);visibility:hidden;margin-right:6px;font-size:10px}.row.decade .y{visibility:visible}.cell{width:var(--cell);height:var(--cell);background:var(--future)}.cell.past{background:var(--past)}.cell.together{background:color-mix(in srgb, var(--now) 45%, var(--future))}.cell.now{background:var(--now)}.cell:hover{outline:2px solid var(--now);outline-offset:1px;z-index:2}.tip{pointer-events:none;background:var(--beige);color:var(--bg);opacity:0;white-space:nowrap;z-index:20;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:600;transition:opacity .12s;position:fixed;transform:translate(-50%,-140%)}.tip.on{opacity:1}.legend{color:var(--muted);gap:22px;margin-top:22px;font-size:12px;display:flex}.legend i{vertical-align:-1px;background:var(--future);width:10px;height:10px;margin-right:6px;display:inline-block}.legend i.past{background:var(--past)}.legend i.now{background:var(--now)}.legend i.together{background:color-mix(in srgb, var(--now) 45%, var(--future))}.legend span b{font-weight:inherit}.day-link{padding:0 40px 90px}@media screen and (width>=641px){.zoom{display:inline-flex}.poster.scene .room{aspect-ratio:1448/1086;isolation:isolate;--cell:4px;--gap:1px;--past:#1c1c1c;--future:#cfcdc8;background:url(/room.jpg) 50%/cover no-repeat;align-items:center;margin-top:8px}.poster.scene .frame{z-index:1;background:#fff;border:2px solid #111;margin:40px 0 170px;padding:16px;position:relative;box-shadow:3px 4px 6px #00000038,8px 12px 26px -4px #00000038}.poster.scene .frame:after{content:"";pointer-events:none;background:url(/room.jpg) no-repeat;background-size:var(--room-w) auto;background-position:var(--off-x) var(--off-y);mix-blend-mode:multiply;opacity:.5;filter:saturate(.15)contrast(1.2)brightness(1.12);position:absolute;inset:-2px}.poster.scene .paper{background:#fff;padding:22px 24px 16px}.poster.scene .paper-title{text-align:center;letter-spacing:-.01em;color:#1f1f1f;margin:0 0 14px;font-family:Georgia,Times New Roman,Noto Serif TC,serif;font-size:20px;font-weight:700;display:block}.poster.scene .paper-brand{text-align:right;letter-spacing:.12em;text-transform:uppercase;color:#777;margin-top:14px;font-size:8px;display:block}.poster.scene .axis-top{color:#999;margin-bottom:6px;margin-left:26px;font-size:7px}.poster.scene .row{height:var(--cell);line-height:1}.poster.scene .row.decade{margin-top:6px}.poster.scene .row .y{color:#999;width:22px;margin-right:4px;font-size:6px;line-height:1}.poster.scene .cell:hover{outline-offset:0;outline-width:1px}}.paper-title,.paper-brand{display:none}.closing{background:var(--beige);color:var(--bg);padding:90px 40px 140px}.closing .sec-head{color:#6b6a5a;border-color:#d6c9a6;margin-bottom:70px}.closing p{letter-spacing:-.03em;text-align:right;max-width:900px;margin:0 0 0 auto;font-size:clamp(28px,4.2vw,56px);font-weight:600;line-height:1.12}.closing p em{color:var(--now);font-style:normal}.day-sec{padding:80px 40px 110px}.day-sec:nth-of-type(2n){background:var(--bg-2)}.day-sec .sec-head{margin-bottom:56px}.day-sec .big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--beige);margin:0;font-size:clamp(36px,6vw,96px);font-weight:800;line-height:1.05}.elapsed .big{color:var(--now)}.day-sec .sub{margin:18px 0 0;font-size:20px}.day-sec .note{color:var(--muted);margin:10px 0 0;font-size:14px}.day-sec .two{grid-template-columns:auto 1fr;align-items:center;gap:48px;display:grid}.zodiac .symbol{color:var(--beige);font-family:Noto Sans TC,Apple Symbols,Segoe UI Symbol,sans-serif;font-size:clamp(96px,14vw,200px);line-height:1}.city-form{flex-direction:column;gap:18px;max-width:480px;display:flex}.city-form[hidden]{display:none}.city-form .pill{align-self:flex-start}.weather .symbol{font-size:clamp(72px,10vw,140px);line-height:1}.weather .two{margin-top:24px}.event-list{max-width:720px;margin:0;padding:0;list-style:none}.event-list li{border-bottom:1px solid var(--rule);padding:22px 0}.event-list li:first-child{padding-top:0}.event-list p{margin:0 0 8px;font-size:20px;line-height:1.4}.event-list a{color:var(--muted);border-color:var(--muted);font-size:13px}.people{max-width:720px;margin:0;padding:0;list-style:none}.people li{border-bottom:1px solid var(--rule);align-items:flex-start;gap:16px;padding:16px 0;display:flex}.people li:first-child{padding-top:0}.people img{object-fit:cover;background:var(--bg-2);border-radius:50%;flex:none;width:48px;height:48px}.people p{margin:0 0 4px;font-size:18px;line-height:1.35}.people small{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.people li.same small{color:var(--now)}.people a{color:var(--muted);border-color:var(--muted);font-size:13px}.music-block{margin-bottom:40px}.music-block h3{margin:0 0 16px}.songs{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:980px;margin:0;padding:0;list-style:none;display:grid}.songs li{flex-direction:column;gap:10px;display:flex}.songs .yt{aspect-ratio:16/9;background:var(--bg-2);cursor:pointer;border:0;border-radius:10px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.songs .yt img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .2s;display:block}.songs .yt:hover img{opacity:1}.songs .yt:after{content:"";background:var(--now) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23f2e6c9%22 d=%22M8 5v14l11-7z%22/%3E%3C/svg%3E") center / 24px no-repeat;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000059}.songs .yt.on:after{display:none}.songs .yt iframe{border:0;width:100%;height:100%;display:block}.songs p{margin:0 0 2px;font-size:18px;font-weight:600}.songs small{color:var(--muted);font-size:13px;display:block}.songs .tag{letter-spacing:.12em;text-transform:uppercase;color:var(--now);margin-top:6px;margin-right:12px;font-size:11px;display:inline-block}.songs a{color:var(--muted);border-color:var(--muted);align-self:flex-start;margin-top:6px;font-size:13px}.moon-disc{--w:100%;aspect-ratio:1;background:var(--future);border-radius:50%;width:clamp(120px,16vw,200px);position:relative;overflow:hidden}.moon-disc:before{content:"";background:var(--beige);width:50%;position:absolute;top:0;bottom:0;left:50%}.moon-disc.waning:before{left:0}.moon-disc.south{transform:scaleX(-1)}.moon-disc:after{content:"";width:var(--w);background:var(--future);border-radius:50%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.moon-disc.gibbous:after{background:var(--beige)}.hero.home{min-height:0;padding-bottom:72px}.hero.home h1{font-size:clamp(44px,11vw,160px)}.hero.home .lede{max-width:480px}details.life summary{cursor:pointer;color:var(--muted);text-underline-offset:3px;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--muted) 50%, transparent);font-size:14px;list-style:none}details.life summary::-webkit-details-marker{display:none}details.life summary:hover{color:var(--ink)}details.life[open] summary{margin-bottom:14px}.birth-form .actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.birth-form .actions .pill{margin-top:0}.pill.ghost{color:var(--beige);border:1px solid color-mix(in srgb, var(--beige) 55%, transparent);background:0 0}.pill.ghost i{background:var(--beige);color:var(--bg)}.pill.ghost:hover{border-color:var(--beige)}.examples{padding:0 40px 100px}.examples .cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px;display:grid}.examples .card{border:1px solid var(--rule);color:var(--ink);background:color-mix(in srgb, var(--beige) 4%, transparent);border-radius:16px;flex-direction:column;gap:10px;padding:22px;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.examples .card:hover{border-color:color-mix(in srgb, var(--beige) 60%, transparent);background:color-mix(in srgb, var(--beige) 7%, transparent)}.examples .card img{border-radius:6px;align-self:center;width:100%;max-width:320px;height:auto;margin-bottom:8px;box-shadow:0 10px 30px #00000059}.examples .card h3{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.examples .card p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.examples .card .sample{color:var(--ink);border-bottom:1px solid var(--rule);margin-bottom:8px;padding:18px 0 10px;font-size:20px;font-weight:700;line-height:1.4}.examples .card .more{color:var(--now);margin-top:auto;padding-top:8px;font-size:14px;font-weight:600}.summary{padding:0 40px 56px}.summary .line{letter-spacing:-.02em;color:var(--beige);margin:0;font-size:clamp(22px,3.2vw,34px);font-weight:800;line-height:1.3}.summary .lunar{color:var(--muted);margin:10px 0 0;font-size:16px}.summary .weather-shortcut{margin:14px 0 0;font-size:15px}.summary .weather-shortcut:has(a[hidden]){display:none}.summary .weather-shortcut a{color:var(--now);border-color:var(--now)}.summary .toc{border-top:1px solid var(--rule);flex-wrap:wrap;gap:8px 18px;margin-top:24px;padding-top:16px;font-size:13px;display:flex}.summary .toc .lbl{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;align-self:center;font-size:11px}.summary .toc a{color:var(--ink);align-items:baseline;gap:6px;text-decoration:none;display:inline-flex}.summary .toc a span{color:var(--now);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.summary .toc a:hover{text-underline-offset:3px;text-decoration:underline}.milestones{color:var(--ink);flex-direction:column;gap:6px;margin:18px 0 0;padding:0;font-size:16px;list-style:none;display:flex}.milestones li:before{content:"→";color:var(--now);margin-right:10px}.figures{max-width:760px;margin-top:40px}.figures h3{margin:28px 0 8px}.pop-line{color:var(--beige);margin:0;font-size:clamp(18px,2.4vw,24px);font-weight:700;line-height:1.5}.life-numbers{gap:8px;margin:0;padding:0;font-size:17px;list-style:none;display:grid}.life-numbers li:before{content:"✦";color:var(--now);margin-right:10px}.day-sec{scroll-margin-top:12px}.actions-slot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.share-url{font:inherit;border:1px solid color-mix(in srgb, var(--beige) 40%, transparent);background:color-mix(in srgb, var(--beige) 9%, transparent);color:var(--ink);border-radius:8px;width:min(100%,320px);padding:8px 10px;font-size:13px}.share-url[hidden]{display:none}.date-page .hero.compact h1 .zh{margin-top:0;font-size:clamp(44px,9vw,112px)}.date-page .year-form{max-width:360px;margin-top:28px}.date-page .year-form .sub{margin:0 0 4px}.date-page .event-list .year{color:var(--now);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:13px;font-weight:700;display:block}.date-page .people .no-thumb{background:var(--bg-2);border-radius:50%;flex:none;width:48px;height:48px}.date-page .source{margin-top:32px}.day-nav{justify-content:space-between;gap:16px;padding:0 40px 100px;font-size:16px;display:flex}.day-nav a{color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:2px;text-decoration:none}.day-nav a:hover{border-color:var(--now)}.article{max-width:720px;color:var(--ink);padding:24px 40px 100px}.article h1{letter-spacing:-.03em;color:var(--beige);margin:0 0 24px;font-size:clamp(40px,7vw,72px);font-weight:900}.article section{padding:0}.article h2{margin:40px 0 16px}.article p{margin:0 0 14px;font-size:17px;line-height:1.65}.article .sources{margin:0}.article .sources dt{margin-top:18px;font-size:17px;font-weight:700}.article .sources dt a{color:var(--beige);border-bottom:1px solid var(--rule);text-decoration:none}.article .sources dd{flex-direction:column;gap:4px;margin:6px 0 0;font-size:15px;display:flex}.article .sources dd .note{color:var(--muted)}.presidents{color:var(--beige);flex-wrap:wrap;gap:8px 22px;margin:0 0 22px;padding:0;font-size:17px;font-weight:700;list-style:none;display:flex}.news-list p{font-size:17px;line-height:1.5}.films{margin-top:48px}.film-list p{color:var(--beige);margin:0 0 6px;font-size:20px;font-weight:700}.film-list li{padding:14px 0}.news-list li{padding:16px 0}.news-list .year{color:var(--now);margin-bottom:4px;font-size:13px;font-weight:700;display:block}.archive-block{margin-top:48px}.archive-block h3{margin-bottom:6px}.archive-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:720px;margin-top:8px;display:grid}.archive-card{border:1px solid var(--rule);background:color-mix(in srgb, var(--beige) 4%, transparent);border-radius:14px;padding:18px 20px}.archive-card b{color:var(--beige);margin-bottom:8px;font-size:18px;display:block}.archive-card p{color:var(--ink);margin:0;font-size:15px;line-height:1.5}.notfound .lede{max-width:520px}.notfound .links{flex-wrap:wrap;gap:12px;margin:0 0 28px;display:flex}fieldset.birth-fields{border:0;min-width:0;margin:0;padding:0}fieldset.birth-fields legend{margin-bottom:8px;padding:0}.birth-fields .ymd{grid-template-columns:1.6fr 1fr 1fr;gap:10px;display:grid}.birth-fields .ymd label{align-items:center;gap:6px;display:flex}.birth-fields .ymd span{color:var(--muted);flex:none;font-size:15px}.birth-fields .ymd input{text-align:center;min-width:0}.birth-fields .ymd input::placeholder{color:color-mix(in srgb, var(--ink) 28%, transparent)}.card-cta-row{margin:22px 0 0}.card-cta-row .pill{background:var(--now);color:var(--beige);padding:14px 24px 14px 14px;font-size:16px}.card-cta-row .pill i{background:var(--beige);color:var(--now)}.card-end{text-align:center;padding:0 40px 100px}.card-end .card-cta-row{margin:0}.card-dialog{background:var(--bg-2);color:var(--ink);border:0;border-radius:18px;max-width:min(92vw,420px);max-height:94vh;padding:18px;overflow:auto}.card-dialog::backdrop{background:#000000b3}.card-dialog img{border-radius:10px;width:100%;height:auto;display:block}.card-dialog .note{color:var(--muted);margin:10px 0 0;font-size:13px}.card-dialog .actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.friend{border:1px solid var(--now);background:color-mix(in srgb, var(--now) 8%, transparent);border-radius:16px;max-width:520px;margin:0 40px 28px;padding:22px}.friend-title{color:var(--beige);margin:0 0 4px;font-size:18px;font-weight:800}.friend-title span{color:var(--ink);margin-top:4px;font-size:16px;font-weight:500;display:block}.together-sec{padding:60px 40px 40px}.together-line{max-width:760px;color:var(--beige);margin:28px 0 0;font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.35}.together-form{max-width:520px;margin-top:24px}.together-form .note{margin:0}.together-form select{background:color-mix(in srgb, var(--beige) 9%, transparent);border:1px solid color-mix(in srgb, var(--beige) 40%, transparent);color:var(--ink);font:inherit;color-scheme:dark;border-radius:10px;padding:12px 14px;font-size:18px;font-weight:600}@media (prefers-reduced-motion:reduce){.row{opacity:1;transition:none;transform:none}}@media (width<=900px){.poster-notes{grid-template-columns:1fr;gap:20px}.poster-notes .side.r{text-align:left;justify-self:start}.grid-block{overflow-x:auto}.stat{grid-template-columns:1fr}.stat span{text-align:left;justify-self:start}.day-sec .two{grid-template-columns:1fr;gap:24px}}footer{color:var(--muted);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px 40px 40px;font-size:12px;display:flex}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (width<=640px){.top,section,footer,.stats,.poster,.closing,.error,.day-sec,.day-link{padding-left:16px;padding-right:16px}.hero{padding:24px 16px 80px}.hero .lede{margin-left:0}.examples{padding:0 16px 72px}.summary{padding:0 16px 40px}.day-nav{padding:0 16px 72px}.article{padding:16px 16px 72px}.card-end{padding:0 16px 72px}.together-sec{padding:40px 16px 24px}.friend{margin:0 16px 24px}.birth-form .actions .pill{justify-content:center;width:100%}.top{padding-top:18px;padding-bottom:18px}.meta{flex-wrap:wrap;gap:10px 14px}.actions-slot .pill{padding:8px 14px 8px 10px;font-size:13px}.meta>span{display:none}:root{--cell:5px;--gap:1px}.cell{flex:none}.row{height:var(--cell);line-height:1}.row .y{flex:none;width:20px;margin-right:4px;font-size:8px;line-height:1}.axis-top{margin-left:24px;font-size:8px}}@media (width<=380px){:root{--cell:4px}.row .y{width:18px}.axis-top{margin-left:22px}}