:root{color-scheme:dark;--bg: #060708;--bg-soft: #0b0d10;--surface: rgba(14, 17, 20, .82);--surface-strong: rgba(18, 22, 26, .94);--surface-soft: rgba(255, 255, 255, .03);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #f4f6f7;--muted: #a1a7ad;--faint: #6a7178;--accent: #67a7ff;--accent-soft: rgba(103, 167, 255, .14);--radius: 8px;--shadow: 0 24px 70px rgba(0, 0, 0, .34);--ease: cubic-bezier(.2, .8, .2, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;letter-spacing:0}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;margin:0;background:radial-gradient(circle at 78% 16%,rgba(73,106,190,.18),transparent 28%),linear-gradient(180deg,#030507,#070b0f 42%,#040608);color:var(--text)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;content:"";background:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:96px 96px;-webkit-mask-image:linear-gradient(90deg,transparent,black 14%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent,black 14%,black 88%,transparent)}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";opacity:.14;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.04),transparent 22%),radial-gradient(circle at 80% 28%,rgba(103,167,255,.16),transparent 24%)}button,input,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.app-shell{position:relative}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:168px;flex-direction:column;align-items:flex-start;border-right:1px solid var(--line);background:#040608ad;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-mark{display:grid;width:54px;height:54px;margin:32px 0 0 48px;place-items:center;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:24px;font-weight:800;line-height:1}.side-nav{position:relative;display:grid;gap:44px;margin:154px 0 0 54px}.side-nav:before{position:absolute;top:8px;bottom:8px;left:0;width:1px;content:"";background:#97a0b633}.nav-item,.mobile-nav-item{position:relative;display:grid;gap:10px;border:0;background:transparent;color:var(--muted);cursor:pointer;text-align:left;transition:color .18s var(--ease),transform .18s var(--ease)}.nav-item{padding:0 0 0 26px;font-size:15px}.nav-item:before{position:absolute;top:4px;left:-5px;width:10px;height:10px;border:1px solid rgba(151,160,182,.5);border-radius:50%;background:var(--bg);content:"";transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.nav-item:hover,.nav-item.is-active,.mobile-nav-item:hover,.mobile-nav-item.is-active{color:var(--text)}.nav-item:hover{transform:translate(4px)}.nav-item.is-active:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 7px #67a7ff1f,0 0 22px #67a7ff94}.nav-number,.mobile-nav-item span{color:var(--muted);font-size:12px}.mobile-header{display:none}.site-main{margin-left:168px}.page-section{position:relative;min-height:100vh;scroll-margin-top:32px}.page-section:after{position:absolute;right:36px;bottom:0;left:36px;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--line),transparent)}.section-inner{width:min(1160px,calc(100% - 72px));margin:0 auto;padding:96px 0 74px}.home-section .section-inner{padding-top:72px;padding-bottom:56px}.home-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:24px;align-items:start}.hero-block{display:grid;align-content:center;min-height:calc(100vh - 260px);padding-right:12px}.hero-role{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.6}.hero-block h1{margin:0;font-size:clamp(56px,6.5vw,96px);font-weight:700;line-height:.94;text-shadow:0 12px 34px rgba(255,255,255,.08)}.chinese-name{margin:20px 0 30px;color:#d4d9e680;font-size:clamp(30px,4vw,56px);line-height:1.08}.intro-copy{max-width:520px;margin:0;color:#e2e7eed1;font-size:18px;line-height:1.82}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.primary-button,.ghost-button{display:inline-flex;align-items:center;gap:10px;min-height:48px;border-radius:var(--radius);cursor:pointer;padding:0 18px;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.primary-button{border:1px solid rgba(103,167,255,.35);background:var(--accent-soft);color:var(--text)}.ghost-button{border:1px solid var(--line-strong);background:transparent;color:var(--muted)}.primary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.primary-button:hover{border-color:#67a7ff99;background:#67a7ff2e}.ghost-button:hover{border-color:#ffffff2e;color:var(--text)}.motto-copy{margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.7}.hero-stack{display:grid;align-self:end;gap:18px;padding-top:28px}.panel-card,.preview-card,.entry-card,.lab-card,.note-row,.contact-item,.current-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel-card{padding:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading span,.panel-heading em{color:var(--muted);font-size:13px;font-style:normal}.current-panel{display:grid;width:100%;grid-template-columns:112px minmax(0,1fr);gap:16px;overflow:hidden;cursor:pointer;padding:0;text-align:left;transition:border-color .18s var(--ease),transform .18s var(--ease)}.current-panel:hover,.preview-card:hover,.entry-card:hover,.lab-card:hover,.note-row:hover,.contact-item:hover{border-color:#67a7ff4d;transform:translateY(-4px)}.current-panel img{width:100%;height:100%;min-height:132px;object-fit:cover;filter:grayscale(.78) contrast(1.04) brightness(.92)}.current-panel div{display:grid;align-content:center;gap:10px;min-width:0;padding:18px 18px 18px 0}.current-panel strong,.preview-card strong,.entry-card strong,.lab-card strong,.note-row strong{font-size:20px;line-height:1.35}.current-panel p,.preview-card p,.entry-card p,.lab-card p,.note-row p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.contact-list{display:grid;gap:12px}.contact-item{display:grid;gap:6px;width:100%;cursor:pointer;padding:16px 18px;text-align:left;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.contact-label{color:var(--muted);font-size:12px;text-transform:uppercase}.contact-item strong{font-size:15px;overflow-wrap:anywhere}.contact-meta{color:var(--faint);font-size:12px}.preview-grid{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.preview-card{display:grid;gap:14px;cursor:pointer;padding:20px;text-align:left;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.preview-label{color:var(--muted);font-size:12px}.inline-link{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:13px;font-weight:650}.inline-link svg{transition:transform .18s var(--ease)}.preview-card:hover .inline-link svg,.entry-card:hover .inline-link svg,.lab-card:hover .inline-link svg,.note-row:hover .inline-link svg{transform:translate(4px)}.section-heading{display:grid;max-width:660px;gap:16px;margin-bottom:34px}.section-heading span{color:var(--muted);font-size:13px}.section-heading h2{margin:0;font-size:clamp(40px,5vw,74px);font-weight:650;line-height:1.02}.section-heading p{margin:0;color:var(--muted);font-size:17px;line-height:1.85}.notes-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin-bottom:18px}.toolbar-copy{display:grid;gap:4px;min-width:120px}.toolbar-copy strong{font-size:28px;line-height:1}.toolbar-copy span{color:var(--muted);font-size:13px}.search-box{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);padding:0 16px}.search-box input{width:100%;min-width:0;height:48px;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.search-box input::placeholder{color:var(--faint)}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.category-tabs button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);cursor:pointer;padding:0 14px;transition:border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease)}.category-tabs button:hover,.category-tabs button.is-active{border-color:#67a7ff5c;background:var(--accent-soft);color:var(--text)}.note-list{display:grid;gap:12px}.note-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;cursor:pointer;padding:26px 28px;text-align:left;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.note-copy{display:grid;gap:10px;min-width:0}.note-meta{display:flex;flex-wrap:wrap;gap:12px}.note-meta em,.note-meta time,.entry-meta{color:var(--muted);font-size:13px;font-style:normal}.entry-grid{display:grid;grid-template-columns:1fr;gap:14px}.entry-card{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:0;overflow:hidden;cursor:pointer;padding:0;text-align:left;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.entry-card img{width:132px;height:132px;object-fit:cover;filter:grayscale(.82) contrast(1.04) brightness(.92)}.entry-content{display:flex;min-width:0;flex-direction:column}.card-body,.card-footer{padding-right:24px;padding-left:24px}.card-body{display:grid;gap:10px;padding-top:18px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:14px;padding-bottom:20px}.entry-card strong{font-size:18px}.entry-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row em,.status-pill{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;color:var(--muted);font-size:12px;font-style:normal;line-height:1;padding:8px 10px}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lab-card{display:flex;min-height:300px;flex-direction:column;cursor:pointer;padding:28px;text-align:left;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.lab-card strong{margin-top:48px}.lab-card p{margin-top:18px}.lab-card .inline-link{margin-top:auto}.empty-state{margin:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);padding:28px}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;justify-items:end}.detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000094;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-panel{position:relative;z-index:1;width:min(720px,100vw);min-height:100vh;max-height:100vh;overflow-y:auto;border-left:1px solid var(--line-strong);background:linear-gradient(180deg,#14181cf7,#080a0cfc);box-shadow:-36px 0 100px #0000006b;padding:32px 38px 56px}.close-button{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0;font-size:13px;font-weight:650}.close-button:hover{color:var(--text)}.detail-image{width:100%;aspect-ratio:16 / 10;margin-top:28px;border-radius:var(--radius);object-fit:cover;filter:grayscale(.7) contrast(1.06)}.detail-kicker{margin:30px 0 12px;color:var(--muted);font-size:13px;font-weight:650}.detail-panel h2,.markdown-body h2{margin:0 0 18px;font-size:clamp(34px,5vw,50px);font-weight:650;line-height:1.12}.detail-lead{margin:0 0 18px;color:#c7ccd2;font-size:18px;line-height:1.8}.detail-panel p,.markdown-body p,.markdown-body li,.markdown-body blockquote{color:var(--muted);font-size:16px;line-height:1.9}.markdown-body{margin-top:24px}.markdown-body>div{display:grid;gap:14px}.markdown-body h3{margin:30px 0 8px;font-size:22px;font-weight:650}.markdown-body ul{display:grid;gap:10px;margin:0;padding-left:20px}.markdown-body pre{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#00000038;padding:18px}.markdown-body code{color:#dce4f2;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.markdown-body blockquote{margin:0;border-left:2px solid rgba(103,167,255,.45);padding-left:16px}.markdown-body a{color:#9abfff}.markdown-body img{width:100%;border-radius:var(--radius)}.detail-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.detail-links a{display:inline-flex;align-items:center;gap:10px;min-height:46px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#ffffff0a;padding:0 16px;transition:border-color .18s var(--ease),background .18s var(--ease)}.detail-links a:hover{border-color:#67a7ff5c;background:var(--accent-soft)}@media(max-width:1160px){.section-inner{width:min(100%,calc(100% - 56px))}.home-layout{grid-template-columns:minmax(0,1fr)}.hero-block{min-height:auto;padding-right:0}.hero-stack{padding-top:0}.preview-grid,.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){html{scroll-padding-top:92px}body{scroll-snap-type:y proximity}.sidebar{display:none}.mobile-header{position:sticky;top:0;z-index:30;display:grid;gap:10px;border-bottom:1px solid var(--line);background:#040608d6;padding:12px 16px 10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-header-row{display:flex;align-items:center;gap:14px}.mobile-header .brand-mark{width:38px;height:38px;margin:0;font-size:18px}.mobile-title{color:var(--muted);font-size:13px}.mobile-nav{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:18px;overflow-x:auto;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-item{min-width:max-content;gap:4px;padding:6px 0 12px;font-size:13px}.mobile-nav-item:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:999px;content:"";background:transparent;transition:background .18s var(--ease)}.mobile-nav-item.is-active:after{background:var(--accent)}.site-main{margin-left:0}.page-section{min-height:calc(100svh - 86px);scroll-snap-align:start;scroll-margin-top:92px}.page-section:after{right:16px;left:16px}.section-inner{width:min(100%,calc(100% - 32px));padding:28px 0 42px}.hero-block{min-height:calc(100svh - 210px)}.hero-actions,.notes-toolbar,.preview-grid,.lab-grid{grid-template-columns:1fr}.entry-card{grid-template-columns:112px minmax(0,1fr)}.entry-card img{width:112px;height:112px}.note-row{grid-template-columns:1fr;gap:18px}.note-row .inline-link{justify-self:flex-start}.detail-panel{width:100vw;border-left:0;padding:24px 20px 40px}}@media(max-width:560px){.hero-block h1{font-size:46px}.chinese-name{font-size:28px}.intro-copy,.section-heading p{font-size:16px}.current-panel{grid-template-columns:1fr}.current-panel div{padding:0 16px 16px}.toolbar-copy{min-width:0}.category-tabs button{flex:1 1 84px}.entry-card{grid-template-columns:96px minmax(0,1fr)}.entry-card img{width:96px;height:96px}.card-body,.card-footer{padding-right:16px;padding-left:16px}.card-body{padding-top:16px}.card-footer{align-items:flex-start;flex-direction:column;gap:12px;padding-top:12px;padding-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}