:root{--pp-bg-page: #ECEAE5;--pp-bg-card: #FFFFFF;--pp-bg-card-sub: #F3F1EC;--pp-ink: #232220;--pp-ink-sub: #6E6B64;--pp-ink-hint: #9A968D;--pp-line: #D8D5CE;--pp-line-strong: #C3BFB6;--pp-accent: #9C3D2C;--pp-accent-deep: #843022;--pp-accent-soft: #F2E3DE;--pp-state-active: #3E6B7D;--pp-state-done: #5C7355;--pp-state-review: #B07D24;--pp-state-risk: #B5342A;--pp-state-off: #9A968D;--pp-font-zh: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--pp-font-en: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--pp-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--pp-font-base: var(--pp-font-en), var(--pp-font-zh);--pp-fs-h1: 28px;--pp-fs-h2: 20px;--pp-fs-h3: 16px;--pp-fs-body: 15px;--pp-fs-caption: 13px;--pp-fs-data: 13px;--pp-lh-h1: 1.35;--pp-lh-h2: 1.45;--pp-lh-h3: 1.5;--pp-lh-body: 1.7;--pp-fw-regular: 400;--pp-fw-medium: 500;--pp-radius-card: 12px;--pp-radius-control: 8px;--pp-border-width: .5px;--pp-space-xs: 8px;--pp-space-sm: 12px;--pp-space-md: 20px;--pp-space-lg: 32px;--pp-space-xl: 48px}.pp-dark{--pp-bg-page: #14181C;--pp-bg-card: #1C2126;--pp-bg-card-sub: #222930;--pp-ink: #E8E6E1;--pp-ink-sub: #9FA6AD;--pp-ink-hint: #6B7278;--pp-line: #2C333A;--pp-line-strong: #3A424A;--pp-accent: #C4573F;--pp-accent-deep: #A94733;--pp-accent-soft: #2E2320}*{box-sizing:border-box}body{margin:0;background:var(--pp-bg-page);color:var(--pp-ink);font-family:var(--pp-font-base);font-size:var(--pp-fs-body);font-weight:var(--pp-fw-regular);line-height:var(--pp-lh-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:var(--pp-fw-medium);margin:0 0 var(--pp-space-sm)}h1{font-size:var(--pp-fs-h1);line-height:var(--pp-lh-h1)}h2{font-size:var(--pp-fs-h2);line-height:var(--pp-lh-h2)}h3{font-size:var(--pp-fs-h3);line-height:var(--pp-lh-h3)}p{margin:0 0 var(--pp-space-md)}small,.pp-caption{font-size:var(--pp-fs-caption);color:var(--pp-ink-sub)}code,.pp-data{font-family:var(--pp-font-mono);font-size:var(--pp-fs-data)}a{color:var(--pp-accent);text-decoration:none}a:hover{color:var(--pp-accent-deep);text-decoration:underline}hr{border:0;border-top:var(--pp-border-width) solid var(--pp-line);margin:var(--pp-space-lg) 0}.pp-card{background:var(--pp-bg-card);border:var(--pp-border-width) solid var(--pp-line);border-radius:var(--pp-radius-card);padding:var(--pp-space-md)}.pp-card--sub{background:var(--pp-bg-card-sub)}.pp-btn{font-family:inherit;font-size:var(--pp-fs-body);font-weight:var(--pp-fw-medium);padding:var(--pp-space-sm) var(--pp-space-md);border-radius:var(--pp-radius-control);border:var(--pp-border-width) solid var(--pp-line-strong);background:var(--pp-bg-card);color:var(--pp-ink);cursor:pointer}.pp-btn--accent{background:var(--pp-accent);border-color:var(--pp-accent);color:#fff}.pp-btn--accent:hover{background:var(--pp-accent-deep)}.pp-tag{display:inline-block;font-size:var(--pp-fs-caption);padding:2px 10px;border-radius:var(--pp-radius-control);background:var(--pp-accent-soft);color:var(--pp-accent-deep)}.pp-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--pp-fs-caption);color:var(--pp-ink-sub)}.pp-status:before{content:"";width:6px;height:6px;border-radius:50%}.pp-status--active:before{background:var(--pp-state-active)}.pp-status--done:before{background:var(--pp-state-done)}.pp-status--review:before{background:var(--pp-state-review)}.pp-status--risk:before{background:var(--pp-state-risk)}.pp-status--off:before{background:var(--pp-state-off)}table{width:100%;border-collapse:collapse;font-size:var(--pp-fs-body)}th{background:var(--pp-bg-card-sub);font-weight:var(--pp-fw-medium);text-align:left}th,td{padding:var(--pp-space-sm) var(--pp-space-md);border-bottom:var(--pp-border-width) solid var(--pp-line)}td.pp-num{font-family:var(--pp-font-mono);font-size:var(--pp-fs-data)}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--pp-space-md) var(--pp-space-xl)}.site-header,.site-footer{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--pp-space-md);padding:var(--pp-space-md)}.site-header{border-bottom:var(--pp-border-width) solid var(--pp-line);margin-bottom:var(--pp-space-xl)}.site-footer{border-top:var(--pp-border-width) solid var(--pp-line);font-size:var(--pp-fs-caption);color:var(--pp-ink-sub)}.brand{color:var(--pp-ink);display:flex;flex-direction:column;line-height:1.3}.brand:hover{color:var(--pp-ink);text-decoration:none}.brand-zh{font-weight:var(--pp-fw-medium)}.brand-en{font-size:var(--pp-fs-caption);color:var(--pp-ink-sub);letter-spacing:.04em}nav{display:flex;gap:var(--pp-space-md);align-items:center}nav a{color:var(--pp-ink-sub)}nav a:hover,nav a[aria-current=page]{color:var(--pp-ink);text-decoration:none}nav a.lang{font-size:var(--pp-fs-caption);padding:2px 10px;border:var(--pp-border-width) solid var(--pp-line-strong);border-radius:var(--pp-radius-control)}.hero{padding:var(--pp-space-xl) 0 calc(var(--pp-space-xl) * 1.5)}.hero h1{font-size:clamp(28px,4.2vw,44px);line-height:1.35;letter-spacing:.02em;margin-bottom:var(--pp-space-md)}.page-title{margin-bottom:var(--pp-space-lg)}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--pp-space-md)}.section-head a{font-size:var(--pp-fs-caption)}.filter{display:flex;flex-wrap:wrap;gap:var(--pp-space-xs);margin-bottom:var(--pp-space-lg)}.filter button{font:inherit;font-size:var(--pp-fs-caption);cursor:pointer;padding:4px 14px;border-radius:var(--pp-radius-control);border:var(--pp-border-width) solid var(--pp-line-strong);background:transparent;color:var(--pp-ink-sub)}.filter button[aria-pressed=true]{background:var(--pp-ink);border-color:var(--pp-ink);color:var(--pp-bg-page)}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--pp-space-lg) var(--pp-space-md)}.tile a{color:var(--pp-ink);display:block}.tile a:hover{text-decoration:none}.tile-img{aspect-ratio:4 / 3;background:var(--pp-bg-card-sub);overflow:hidden;border-radius:var(--pp-radius-control)}.tile-img img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.tile a:hover .tile-img img{opacity:.88}.tile-meta{display:flex;justify-content:space-between;gap:var(--pp-space-sm);padding-top:var(--pp-space-xs)}.tile-title{font-weight:var(--pp-fw-medium)}.tile-meta .pp-data{color:var(--pp-ink-sub)}.draft-flag{display:inline-block;margin-top:4px;font-size:var(--pp-fs-caption);color:var(--pp-state-review)}.work{max-width:960px;margin:0 auto}.work-head{margin-bottom:var(--pp-space-lg)}.work-head h1{font-size:clamp(24px,3vw,32px)}.work-sub{color:var(--pp-ink-sub)}.work-facts{display:flex;gap:var(--pp-space-lg);margin:0}.work-facts dt{font-size:var(--pp-fs-caption);color:var(--pp-ink-hint)}.work-facts dd{margin:0}.work-cover{margin:0 0 var(--pp-space-xl)}.work-cover img{width:100%;height:auto;display:block;border-radius:var(--pp-radius-control)}.work-body{max-width:680px}.work-body ul{padding-left:0;list-style:none;border-top:var(--pp-border-width) solid var(--pp-line);margin-top:var(--pp-space-lg)}.work-body li{padding:var(--pp-space-xs) 0;border-bottom:var(--pp-border-width) solid var(--pp-line);font-size:var(--pp-fs-caption)}.work-body h3{margin-top:var(--pp-space-lg)}.back{margin-top:var(--pp-space-xl);font-size:var(--pp-fs-caption)}@media(max-width:640px){.site-header{margin-bottom:var(--pp-space-lg)}.hero{padding:var(--pp-space-md) 0 var(--pp-space-xl)}}