@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fcfaf6;--bg-2:#fff;--text:#44403c;--dim:#78716c;--rust:#b45309;--amber:#f59e0b;--orange:#fb923c;--accent-text:var(--rust);--tile-white:#fff;--tile-amber:#fbe9cc;--tile-orange:#fce7d4;--tile-sand:#f3ece2;--grad:linear-gradient(135deg, var(--rust), var(--amber) 55%, var(--orange));--glow:radial-gradient(circle at 8% 12%, #d8a47f2e 0%, transparent 32%), radial-gradient(circle at 92% 8%, #9fb4cc29 0%, transparent 28%), radial-gradient(circle at 50% 95%, #e8dcc82e 0%, transparent 30%), radial-gradient(circle at 50% -10%, var(--bg-2), var(--bg) 55%);--latin:"Outfit Variable", "Outfit", sans-serif;--cjk:-apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", system-ui, sans-serif;--gap:8px;--pad:clamp(14px, 1.5vw, 22px);--snap:cubic-bezier(.7, 0, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1410;--bg-2:#241c16;--text:#f5ede0;--dim:#a8967e;--amber:#fbbf24;--accent-text:var(--amber);--tile-white:#241c16;--tile-amber:#33261a;--tile-orange:#36241a;--tile-sand:#2a211a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1a1410;--bg-2:#241c16;--text:#f5ede0;--dim:#a8967e;--amber:#fbbf24;--accent-text:var(--amber);--tile-white:#241c16;--tile-amber:#33261a;--tile-orange:#36241a;--tile-sand:#2a211a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--glow);background-color:var(--bg);min-height:100vh;color:var(--text);font:400 1rem/1.6 var(--latin), var(--cjk);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}p,h1{margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grad-text{background-image:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.hang{margin-left:-.5em}.tick-1,.tick-2,[data-ticker]{display:block;overflow:hidden}[data-hh],[data-mm]{vertical-align:top;display:inline-block;overflow:hidden}.ri{display:inline-block}.home{padding:var(--gap)}.grid{height:calc(100svh - var(--gap) * 2);gap:var(--gap);grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));min-height:620px;display:grid}.tile{min-width:0;padding:var(--pad);color:var(--text);flex-direction:column;justify-content:space-between;transition:transform .25s ease-out;display:flex;position:relative;overflow:hidden}.tile-name{overflow-wrap:anywhere;font-size:.875rem;font-weight:500}.t-big{font-size:clamp(1.75rem,2.8vw,2.75rem);font-weight:800;line-height:1.1}.t-mid{font-size:clamp(1.25rem,1.8vw,1.75rem);font-weight:700;line-height:1.2}.tile.live{padding:0}.roll{height:200%;transition:transform .8s var(--snap);flex-direction:column;display:flex;position:absolute;inset:0 0 auto}.face{padding:var(--pad);flex-direction:column;flex:0 0 50%;justify-content:space-between;display:flex}.live.flipped .roll{transform:translateY(-50%)}.t-brand{background:var(--tile-white);grid-area:1/1/3/4}.brand-top{justify-content:space-between;align-items:center;display:flex}.home-link{font-size:1.125rem;font-weight:700}.theme{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;margin:-8px;padding:0;display:grid}.theme svg{width:22px;height:22px}.theme-disc{fill:currentColor}.theme-bite{fill:var(--tile-white);transform-origin:16.5px 7.5px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}:root[data-theme=dark] .theme-bite{transform:scale(0)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-bite{transform:scale(0)}}.brand{width:92%}.brand-svg{width:100%;height:auto;display:block}.glyph{transform-box:fill-box;transform-origin:50%}.stop-1{stop-color:var(--rust)}.stop-2{stop-color:var(--amber)}.stop-3,:root[data-theme=dark] .stop-1{stop-color:var(--orange)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .stop-1{stop-color:var(--orange)}}.t-clock{background:var(--tile-sand);grid-area:1/4}.time{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent-text);font-size:clamp(2.25rem,4.4vw,4.5rem);font-weight:800;line-height:1}.colon{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.t-sign{background:var(--tile-white);grid-area:1/5/auto/7}.sign{font-family:var(--cjk);font-size:clamp(1.375rem,2.3vw,2.25rem);font-weight:800;line-height:1.2}.sign-2{color:var(--dim);font-size:clamp(1rem,1.4vw,1.375rem)}.t-qiqi{background:var(--tile-amber);grid-area:2/4/auto/6}.t-mbti{background:var(--tile-sand);grid-area:2/6}.t-chatbox{background:var(--tile-orange);grid-area:3/1}.t-link{background:var(--tile-sand);grid-area:3/2}.t-ds{background:var(--tile-white);grid-area:3/3/auto/5}.t-cf{background:var(--tile-orange);grid-area:3/5/5/7}.cloud{width:38%;max-width:180px;fill:var(--orange)}.cf{margin-top:auto;font-size:clamp(1.75rem,3vw,3rem);font-weight:800;line-height:1.1}.t-cf .tile-name{margin-top:.5rem}.t-gh{background:var(--tile-amber);grid-area:4/1}.t-bili{background:var(--tile-white);grid-area:4/2}.t-mail{background:var(--tile-orange);grid-area:4/3}.t-more{background:var(--tile-sand);grid-area:4/4}.t-ds .t-mid,.t-mbti .t-mid,.t-more .t-mid,.t-gh .t-mid{color:var(--accent-text)}@media (width<=1023px){.grid{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(140px,22vw,200px);grid-auto-flow:dense;height:auto;min-height:0}.tile{grid-area:auto}.t-brand{grid-area:span 2/span 4}.t-sign,.t-qiqi,.t-ds{grid-column:span 2}.t-sign{grid-column:span 3}.t-cf{grid-area:span 2/span 2}.t-more{grid-column:span 2}}@media (width<=599px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc((100vw - var(--gap) * 3) / 2)}.t-brand,.t-sign,.t-qiqi,.t-ds,.t-cf{grid-area:span 1/span 2}.t-more{grid-column:span 1}.cloud{width:30%}}@media (prefers-reduced-motion:reduce){.colon{animation:none}.roll,.tile{transition:none}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}