:root{color-scheme:light;--canvas: #e4e8eb;--paper: #fefefd;--ink: #222422;--muted: #8a8f8e;--accent: #a84231;--hairline: #e3e2de}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Noto Sans CJK SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.home-page{min-height:100svh;overflow-x:hidden}.site-header{position:absolute;z-index:5;top:32px;left:clamp(28px,3.3vw,50px)}.site-brand{display:inline-flex;align-items:center;gap:14px;color:var(--ink);font-size:18px;font-weight:600;letter-spacing:.015em;line-height:1.3;text-decoration:none;white-space:nowrap}.site-brand img{display:block;width:58px;height:58px;object-fit:contain}.home-stage{min-height:100svh;display:grid;place-items:center;padding:112px 130px 72px}.deck{width:min(580px,100%);aspect-ratio:4 / 3;position:relative;margin-top:-86px;isolation:isolate}.deck-back{position:absolute;inset:0;background:var(--paper);border:1px solid #d7d9d9;border-radius:3px;box-shadow:0 9px 19px #282d300e;pointer-events:none}.deck-back--left{transform:translate(-4px,1px) rotate(-4.7deg);z-index:-2}.deck-back--right{transform:translate(3px,1px) rotate(4.5deg);z-index:-1}.note-card{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;padding:34px 38px 29px;background:var(--paper);border:1px solid #dfe1df;border-radius:3px;box-shadow:0 16px 25px #272e3314;transition:box-shadow .18s}.note-card:hover{box-shadow:0 18px 30px #272e331b}.card-cover-link{position:absolute;inset:0;z-index:2;border-radius:inherit;cursor:pointer}.card-topline{display:flex;justify-content:flex-start;gap:8px;align-items:baseline;flex:none;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.5}.card-topline time{white-space:nowrap}.card-content{min-height:0;flex:1;overflow:hidden;padding-top:39px}.card-title{margin:0 0 21px;color:#252723;font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif;font-size:22px;font-weight:600;letter-spacing:.02em;line-height:1.45}.card-copy{font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif;font-size:17px;letter-spacing:.015em;line-height:1.72}.card-copy p{margin:0}.card-copy p+p{margin-top:1.12em}.card-footer{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex:none;border-top:1px solid var(--hairline);padding-top:20px}.card-index{color:#9a9d9a;font-size:11px;letter-spacing:.1em}.card-footer span{display:inline-flex;align-items:center;gap:3px;color:#f03c1a;font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif;font-size:16px;font-weight:600;letter-spacing:.03em;text-decoration:none}.note-card:hover .card-footer span{text-decoration:underline;text-underline-offset:3px}.card-footer span svg{display:block;width:14px;height:14px}.deck-arrow{position:absolute;z-index:3;top:calc(50% - 35px);display:grid;place-items:center;width:70px;height:70px;border:1px solid #c4cdd2;border-radius:50%;background:#f8fafb;color:#ee3d20;box-shadow:0 3px 9px #323c4109;cursor:pointer;transition:background-color .18s,border-color .18s,transform .18s}.deck-arrow:hover:not(:disabled){background:#fff;border-color:#bdc6c9;transform:scale(1.04)}.deck-arrow:disabled{opacity:.5;cursor:default}.deck-arrow svg{display:block;width:26px;height:26px}.deck-arrow--prev{left:-126px}.deck-arrow--next{right:-126px}.card-enter{animation:card-enter .24s ease-out both}@keyframes card-enter{0%{opacity:.52;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.empty-state{width:min(580px,100%);min-height:300px;padding:38px;background:var(--paper);border:1px solid #dfe1df}.empty-state span{color:var(--muted);font-size:11px;letter-spacing:.15em}.empty-state p{margin-top:56px;font-family:"Noto Serif CJK SC",Songti SC,serif;font-size:20px}@media(max-width:850px){.home-stage{padding-inline:62px}.deck-arrow--prev{left:-44px}.deck-arrow--next{right:-44px}}@media(max-width:620px){.site-header{top:23px;left:23px}.site-brand{gap:10px;font-size:15px}.site-brand img{width:48px;height:48px}.home-stage{display:flex;align-items:center;justify-content:center;padding:120px 20px 75px}.deck{width:min(100%,420px);min-height:540px;aspect-ratio:auto;margin-top:0}.note-card{min-height:540px;max-height:600px;height:auto;padding:28px 30px 27px}.card-content{padding-top:34px;padding-bottom:18px}.card-copy{font-size:15px;line-height:1.75}.deck-arrow{top:calc(50% - 22px);width:44px;height:44px}.deck-arrow svg{width:18px;height:18px}.deck-arrow--prev{left:-16px}.deck-arrow--next{right:-16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}