@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600&display=swap";:root{font-family:Noto Sans TC,system-ui,sans-serif;color:#1f2937;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #2699fb;--primary-strong: #0b6fc2;--surface: #f1f9ff;--information-subtle: #eaf6ff;--text-primary: #1f2937;--text-secondary: #6b7280;--border: #d1d5db;--disabled-surface: #f3f4f6;--disabled-text: #9ca3af;--disabled-border: #e5e7eb;--timeline-height: 156px}*{box-sizing:border-box}html{min-width:320px;background:#f3f0e9;scroll-behavior:auto}body{margin:0;min-width:320px;min-height:100vh;background-color:#f3f0e9;background-image:linear-gradient(#fff9,#fff9),url(./paper01-XWzDYG7r.png);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-shell{min-height:100dvh;padding-bottom:calc(var(--timeline-height) + 32px)}.site-header{width:min(100% - 160px,1280px);margin:0 auto;padding:28px 0 22px;border-bottom:1px solid var(--disabled-border);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-icon{width:44px;height:44px;border:1px solid #7fc4fd;border-color:transparent;border-radius:8px;display:grid;place-items:center;color:var(--primary-strong);background:var(--surface)}.brand-lockup h1{margin:0;font-size:24px;line-height:1.25;font-weight:600;letter-spacing:.04em}.brand-lockup p,.prototype-label,.version-label{margin:4px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.prototype-meta{display:grid;justify-items:end;gap:5px}.prototype-label{margin:0;padding:6px 10px;border:1px solid var(--border);border-radius:4px;background:#fff}.version-label{margin:0;font-family:Inter,Noto Sans TC,sans-serif;font-size:11px;letter-spacing:.04em}.main-content{width:min(100% - 160px,1040px);margin:0 auto;padding:56px 0 64px}.empty-state{min-height:min(52vh,520px);border:1px solid var(--border);border-radius:8px;display:grid;place-content:center;justify-items:center;text-align:center;padding:48px 24px;background:#fff}.empty-icon{width:64px;height:64px;display:grid;place-items:center;color:var(--primary-strong);border-radius:50%;background:var(--information-subtle);margin-bottom:20px}.empty-state h2{margin:0;font-size:28px;line-height:1.2;font-weight:600}.empty-state p{margin:12px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.6}.reading-view{opacity:1;transform:translateY(0);transition:opacity .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1)}.reading-view.is-transitioning{opacity:0;transform:translateY(4px)}.reading-heading{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:24px;margin-bottom:36px}.time-heading{grid-column:2;text-align:center}.time-heading h2{margin:2px 0 4px;font-size:32px;line-height:1.2;font-weight:600}.time-heading p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5}.time-heading .year-context{color:var(--primary-strong);font-family:Inter,Noto Sans TC,sans-serif;font-size:14px;font-weight:500}.month-button{width:52px;height:52px;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--text-primary);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.month-button:hover:not(:disabled){border-color:#7fc4fd;background:var(--surface);color:var(--primary-strong)}.month-button:active:not(:disabled){background:var(--information-subtle)}.month-button:disabled{border-color:var(--disabled-border);background:var(--disabled-surface);color:var(--disabled-text);cursor:not-allowed;opacity:.72}.month-button-previous{grid-column:1}.month-button-next{grid-column:3}.swipe-hint{display:none;align-items:center;justify-content:center;gap:8px;margin:-20px 0 24px;color:var(--text-secondary);font-size:12px}.event-list{border-top:1px solid var(--border)}.event-date-group{padding:24px 8px 0;border-bottom:1px solid var(--border)}.event-date{width:fit-content;margin:0 0 8px;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 10px;border:1px solid #bce0fd;border-color:transparent;border-radius:4px;color:var(--primary-strong);background:var(--surface);font-family:Inter,Noto Sans TC,sans-serif;font-size:13px;font-weight:500;white-space:nowrap}.event-group-list{width:100%}.event-card{width:100%;padding:20px 0 24px;border-bottom:1px solid var(--disabled-border)}.event-card:last-child{border-bottom:0}.event-copy{margin:0;font-size:17px;line-height:1.78;letter-spacing:.01em;overflow-wrap:anywhere}.event-meta{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.source-link,.source-name{color:var(--text-secondary);font-size:13px;line-height:1.5}.source-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary-strong);text-decoration:none;border-bottom:1px solid transparent}.source-link:hover{border-bottom-color:currentColor}.attribute-tag{padding:4px 8px;border-radius:4px;color:#4b5563;background:var(--disabled-surface);font-size:12px;line-height:1.4}.timeline-panel{position:fixed;z-index:20;left:0;right:0;bottom:0;height:var(--timeline-height);border-top:1px solid var(--border);background:linear-gradient(to bottom,#ffffffad,#ffffffd6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;grid-template-rows:44px 1fr;box-shadow:0 -8px 24px #1f29370d}.timeline-copy{width:min(100% - 160px,1280px);margin:0 auto;display:flex;align-items:end;justify-content:space-between;padding-bottom:6px}.timeline-copy p,.timeline-copy span{margin:0;font-size:12px;line-height:1.5;color:var(--text-secondary)}.timeline-copy p{color:var(--text-primary);font-weight:500}.timeline-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none;scroll-snap-type:x mandatory;scroll-padding-inline:50vw}.timeline-scroll::-webkit-scrollbar{display:none}.timeline-scroll.is-dragging{cursor:grabbing;scroll-snap-type:none}.timeline-track{position:relative;min-width:max-content;height:100%;display:flex;align-items:start;padding:18px calc(50vw - 52px) 0}.timeline-track:before{content:"";position:absolute;top:25px;left:0;right:0;height:1px;background:var(--border)}.year-tick{position:relative;width:104px;min-width:104px;height:64px;border:0;padding:22px 4px 0;color:var(--text-secondary);background:transparent;cursor:pointer;scroll-snap-align:center;font-family:Inter,Noto Sans TC,sans-serif}.tick-mark{position:absolute;z-index:1;top:2px;left:50%;width:1px;height:13px;background:var(--text-secondary);transform:translate(-50%);transition:height .2s ease,width .2s ease,background .2s ease}.year-label{display:block;font-size:12px;line-height:1.3;white-space:nowrap;transition:color .2s ease,font-size .2s ease,font-weight .2s ease,opacity .2s ease}.year-tick:hover .year-label{color:var(--primary-strong)}.year-tick.is-selected .tick-mark{width:3px;height:21px;border-radius:999px;background:var(--primary-strong)}.year-tick.is-selected .year-label{color:var(--primary-strong);font-size:17px;font-weight:600}.timeline-scroll.is-concealed .year-label{opacity:0}.timeline-scroll.is-concealed .tick-mark{background:var(--border)}@media(max-width:1023px){:root{--timeline-height: 148px}.site-header,.timeline-copy{width:calc(100% - 64px)}.main-content{width:calc(100% - 64px);padding-top:48px}.swipe-hint{display:flex}}@media(max-width:767px){:root{--timeline-height: 136px}.app-shell{padding-bottom:calc(var(--timeline-height) + 20px)}.site-header,.timeline-copy,.main-content{width:calc(100% - 32px)}.site-header{padding:18px 0 16px}.brand-icon{width:40px;height:40px}.brand-lockup h1{font-size:21px}.brand-lockup p{max-width:205px;font-size:11px}.prototype-label{display:none}.prototype-meta{align-self:start;padding-top:2px}.main-content{padding:32px 0 44px}.empty-state{min-height:52vh;padding:40px 20px}.empty-state h2{font-size:24px}.reading-heading{grid-template-columns:44px 1fr 44px;gap:12px;margin-bottom:32px}.month-button{width:44px;height:44px}.time-heading h2{font-size:28px}.event-card{padding:18px 0 22px}.event-date-group{padding:20px 0 0}.event-date{min-height:36px}.event-copy{font-size:16px;line-height:1.72}.timeline-panel{grid-template-rows:40px 1fr}.timeline-copy{padding-bottom:4px}.timeline-copy span{display:none}.timeline-track{padding:16px calc(50vw - 42px) 0}.timeline-track:before{top:23px}.year-tick{width:84px;min-width:84px;height:60px;padding-top:21px}.year-tick.is-selected .year-label{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:80ms!important;animation-duration:80ms!important}}