:root{color-scheme:light;--bg: #f8fafc;--bg-muted: #eef2ff;--bg-elevated: #f3f6fd;--surface: rgba(255, 255, 255, 0.84);--surface-subtle: rgba(255, 255, 255, 0.74);--surface-raised: rgba(255, 255, 255, 0.94);--surface-hover: rgba(255, 255, 255, 0.98);--surface-strong: #ffffff;--surface-solid: #ffffff;--text: #0f172a;--text-soft: #475569;--text-muted: #64748b;--line-soft: rgba(15, 23, 42, 0.05);--line: rgba(15, 23, 42, 0.08);--line-strong: rgba(79, 70, 229, 0.18);--primary: #4f46e5;--primary-soft: rgba(79, 70, 229, 0.1);--accent: #14b8a6;--shadow: 0 24px 60px rgba(15, 23, 42, 0.08);--shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.06);--shadow-card: 0 20px 44px rgba(15, 23, 42, 0.08);--shadow-card-hover: 0 28px 64px rgba(15, 23, 42, 0.12);--focus-ring: 0 0 0 4px rgba(79, 70, 229, 0.14);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 999px;--container: min(1200px, calc(100vw - 32px));--transition: 220ms ease;--font-rounded: "HarmonyOS Sans SC", "M PLUS Rounded 1c", "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "YouYuan", "Arial Rounded MT Bold", sans-serif;--font-sans: var(--font-rounded);--font-serif: var(--font-rounded);--font-mono: "Cascadia Code", "JetBrains Mono", "Fira Code", Consolas, monospace}html[data-theme="dark"]{color-scheme:dark;--bg: #020617;--bg-muted: #0f172a;--bg-elevated: #111b31;--surface: rgba(15, 23, 42, 0.84);--surface-subtle: rgba(15, 23, 42, 0.76);--surface-raised: rgba(17, 28, 52, 0.94);--surface-hover: rgba(19, 33, 60, 0.98);--surface-strong: #111c34;--surface-solid: #0f172a;--text: #e2e8f0;--text-soft: #94a3b8;--text-muted: #a7b4c7;--line-soft: rgba(148, 163, 184, 0.1);--line: rgba(148, 163, 184, 0.16);--line-strong: rgba(129, 140, 248, 0.22);--primary: #818cf8;--primary-soft: rgba(129, 140, 248, 0.14);--accent: #2dd4bf;--shadow: 0 24px 70px rgba(2, 6, 23, 0.45);--shadow-soft: 0 14px 32px rgba(2, 6, 23, 0.32);--shadow-card: 0 18px 44px rgba(2, 6, 23, 0.36);--shadow-card-hover: 0 28px 68px rgba(2, 6, 23, 0.5);--focus-ring: 0 0 0 4px rgba(129, 140, 248, 0.2)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable both-edges}body{margin:0;font-family:var(--font-sans);line-height:1.72;color:var(--text);background:radial-gradient(circle at top left, color-mix(in srgb, var(--primary) 12%, transparent), transparent 36%),radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 10%, transparent), transparent 31%),linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 44%, transparent), transparent 20%),var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,.button{font:inherit}code{font-family:var(--font-mono)}h1,h2,h3,h4,p,ul,ol,dl{margin-top:0}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700}.container{width:var(--container);margin:0 auto}.section{padding:96px 0}.section--compact{padding-top:48px;padding-bottom:0}.muted-section{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg-muted) 92%, transparent))}.scroll-progress{position:fixed;inset:0 auto auto 0;z-index:60;width:0;height:3px;background:linear-gradient(90deg, var(--primary), var(--accent))}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--bg) 80%, transparent)}.header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(135deg, var(--primary), var(--accent));box-shadow:var(--shadow-soft)}.brand-text{letter-spacing:0.08em;text-transform:uppercase}.site-actions{position:relative;display:flex;align-items:center;gap:12px}.site-nav{display:inline-flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-solid) 70%, transparent);box-shadow:var(--shadow-soft)}.site-nav a{padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-soft);transition:color var(--transition),background-color var(--transition)}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.is-active{color:var(--primary);background:var(--primary-soft)}.nav-toggle{display:none;width:46px;height:46px;padding:0;flex-direction:column;gap:4px}.nav-toggle span{width:18px;height:2px;border-radius:2px;background:currentColor}.site-footer{border-top:1px solid var(--line);color:var(--text-soft)}.site-footer a{color:var(--text-soft)}@media (max-width: 1440px) and (min-width: 821px){:root{--container: min(1140px, calc(100vw - 40px))}.section{padding:84px 0}.header-inner,.footer-inner{min-height:72px}.site-actions{gap:10px}.site-nav{gap:8px;padding:7px}.site-nav a{padding:9px 12px}}@media (max-height: 860px) and (min-width: 821px){.section{padding:72px 0}.header-inner,.footer-inner{min-height:68px}}@media (max-width: 820px){.header-inner,.footer-inner{align-items:flex-start;flex-direction:column}.site-actions{width:100%;justify-content:space-between}.nav-toggle{display:inline-flex}.site-nav{position:absolute;top:calc(100% + 12px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:12px;border-radius:22px;background:color-mix(in srgb, var(--surface-solid) 92%, transparent)}.site-nav.is-open{display:flex}}@media (max-width: 640px){:root{--container: min(100vw - 24px, 100%)}.section{padding:68px 0}}.theme-toggle,.nav-toggle,.button,.filter,.photo-page-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:0 0 0 transparent;transition:transform var(--transition),border-color var(--transition),background-color var(--transition),color var(--transition),box-shadow var(--transition)}.theme-toggle:hover,.nav-toggle:hover,.button:hover,.filter:hover,.photo-page-button:hover,.photo-page-dot:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.theme-toggle:focus-visible,.nav-toggle:focus-visible,.button:focus-visible,.filter:focus-visible,.photo-page-button:focus-visible,.photo-page-dot:focus-visible,.text-link:focus-visible,.subtle-link:focus-visible{outline:none;border-color:var(--line-strong);box-shadow:var(--focus-ring),var(--shadow-soft)}.button{padding:12px 20px;border-color:transparent;font-weight:700;letter-spacing:0.01em}.button-inline{padding:10px 14px;font-weight:600}.button.primary{color:#fff;background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--accent) 72%, var(--primary)));box-shadow:0 16px 34px color-mix(in srgb, var(--primary) 24%, transparent)}.button.ghost{border-color:var(--line);background:color-mix(in srgb, var(--surface-raised) 88%, transparent)}.card{padding:30px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 94%, transparent), color-mix(in srgb, var(--surface-subtle) 92%, transparent)),var(--surface);box-shadow:var(--shadow-card)}.eyebrow,.panel-label,.post-tag,.article-kicker{display:inline-flex;align-items:center;gap:8px;font-size:0.82rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--primary)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-heading>div{min-width:0;flex:1 1 auto}.section-heading>.button,.section-heading>.filters,.section-heading>.photo-pagination-controls{flex:0 0 auto}.section-heading h1,.section-heading h2{margin:0;line-height:1.12}.section-heading h1{font-size:clamp(2.2rem, 4.4vw, 3.5rem)}.section-copy{max-width:60ch;margin:14px 0 0;color:var(--text-soft)}.card-meta,.post-meta,.photo-meta,.chip-list,.card-actions,.hero-actions,.filters,.photo-pagination-controls{display:flex;flex-wrap:wrap;gap:10px}.card-meta,.post-meta{color:var(--text-soft);font-size:0.95rem}.meta-chip,.chip,.photo-meta span{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-solid) 78%, transparent);color:var(--text-soft);font-size:0.86rem}.chip{padding:8px 14px;color:var(--primary);background:var(--primary-soft);font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:var(--radius-sm);font-size:0.82rem;font-weight:700}.status-badge[data-status="在做"]{color:#0f766e;background:rgba(20,184,166,0.12)}.status-badge[data-status="实验中"]{color:#7c3aed;background:rgba(124,58,237,0.12)}.status-badge[data-status="已完成"]{color:#2563eb;background:rgba(37,99,235,0.12)}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--primary);transition:color var(--transition),transform var(--transition)}.subtle-link{color:var(--text-soft)}.text-link:hover,.text-link:focus-visible{transform:translateX(2px)}.filters{justify-content:flex-end}.filter.is-active{color:var(--primary);border-color:var(--line-strong);background:var(--primary-soft)}.hero-lead,.panel-text,.focus-card p,.project-card p,.post-card p,.photo-body p,.detail-lead,.detail-side-note,.article-lead{color:var(--text-soft)}.check-list{padding-left:20px;margin:18px 0 0}.check-list li+li{margin-top:10px}.photo-page-status{min-width:88px;text-align:center;color:var(--text-soft);font-weight:600}.photo-page-button:disabled{opacity:0.45;cursor:not-allowed;transform:none}.photo-pagination-dots{display:flex;justify-content:center;gap:10px;margin-top:24px}.photo-page-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb, var(--text-soft) 32%, transparent);cursor:pointer;transition:transform var(--transition),background-color var(--transition),width var(--transition)}.photo-page-dot.is-active{width:28px;background:linear-gradient(90deg, var(--primary), var(--accent))}@media (max-width: 820px){.section-heading{align-items:flex-start;flex-direction:column}.filters,.photo-pagination-controls{width:100%;justify-content:flex-start}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}}@media (max-width: 640px){.card{padding:24px;border-radius:22px}.theme-toggle .theme-toggle-text{display:none}}.hero{padding-top:72px}.hero-grid{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(320px, 0.85fr);gap:30px;align-items:center}.hero-copy{max-width:760px;min-width:0}.hero h1{margin:0;line-height:1.12;font-size:clamp(2.9rem, 5vw, 5rem);letter-spacing:-0.03em;text-wrap:balance}.hero-lead{max-width:68ch;font-size:1.08rem}.hero-panel{min-width:0;position:relative;overflow:hidden}.hero-panel::after{content:"";position:absolute;inset:auto -20px -50px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(79,70,229,0.12), transparent 70%);pointer-events:none}body[data-page="home"] .hero{position:relative;padding-top:86px;padding-bottom:16px}body[data-page="home"] .hero::before{content:"";position:absolute;inset:18px auto auto 0;width:min(34vw, 360px);height:min(34vw, 360px);border-radius:50%;background:radial-gradient(circle, color-mix(in srgb, var(--primary) 12%, transparent), transparent 70%);filter:blur(8px);opacity:0.75;pointer-events:none}body[data-page="home"] .hero-grid{grid-template-columns:minmax(0, 1fr) minmax(340px, 0.86fr);gap:clamp(30px, 3.6vw, 56px);align-items:start}body[data-page="home"] .hero-copy{max-width:760px;padding-top:8px}body[data-page="home"] .hero .eyebrow{margin-bottom:18px}body[data-page="home"] .hero h1{max-width:min(18ch, 100%);line-height:1.14;font-size:clamp(2.95rem, 5vw, 4.65rem);letter-spacing:-0.03em;font-weight:620;text-wrap:balance;word-break:break-word}body[data-page="home"] .hero-lead{max-width:58ch;margin-top:24px;font-size:1.06rem;color:color-mix(in srgb, var(--text-soft) 90%, var(--text))}body[data-page="home"] .hero-actions{gap:14px;margin-top:28px}body[data-page="home"] .hero-actions .button{min-height:48px}body[data-page="home"] .hero-panel{padding:32px;border-color:color-mix(in srgb, var(--line) 92%, var(--line-strong));background:linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 96%, transparent), color-mix(in srgb, var(--surface-subtle) 94%, transparent)),var(--surface);box-shadow:var(--shadow-card)}body[data-page="home"] .hero-panel::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 22%, transparent), transparent)}body[data-page="home"] .hero-panel::after{inset:auto -32px -56px auto;width:164px;height:164px;background:radial-gradient(circle, color-mix(in srgb, var(--primary) 14%, transparent), transparent 72%)}body[data-page="home"] .home-hero-panel-copy{position:relative;z-index:1}body[data-page="home"] .hero-panel h2{margin:10px 0 0;max-width:16ch;line-height:1.2;font-size:clamp(1.32rem, 1.8vw, 1.7rem)}body[data-page="home"] .hero-panel .panel-text{margin-top:12px;color:var(--text-muted)}body[data-page="home"] .home-hero-points{position:relative;z-index:1;display:grid;gap:12px;padding-left:0;margin-top:20px;list-style:none}body[data-page="home"] .home-hero-points li{position:relative;margin:0;padding-left:24px;color:var(--text-soft)}body[data-page="home"] .home-hero-points li::before{content:"";position:absolute;top:0.78em;left:0;width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg, var(--primary), var(--accent));box-shadow:0 0 0 6px color-mix(in srgb, var(--primary-soft) 56%, transparent)}.focus-grid,.photo-grid,.hub-grid,.project-grid{display:flex;flex-wrap:wrap;gap:28px;margin-top:28px;align-items:stretch}body[data-page="home"] .section{position:relative}body[data-page="home"] .section:not(.hero){padding-top:88px;padding-bottom:88px}body[data-page="home"] .section-heading{align-items:flex-end}body[data-page="home"] .section-heading h2{max-width:min(22ch, 100%);line-height:1.2;font-size:clamp(1.88rem, 2.85vw, 2.48rem);letter-spacing:-0.02em;text-wrap:balance;word-break:break-word}body[data-page="home"] .focus-grid,body[data-page="home"] .photo-grid,body[data-page="home"] .hub-grid,body[data-page="home"] .project-grid,body[data-page="home"] .post-grid{gap:26px;margin-top:32px}.post-grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:28px;margin-top:28px}.focus-card,.hub-card,.project-card,.post-card{display:flex;flex-direction:column;gap:16px;width:100%;min-height:100%}body[data-page="home"] .focus-card,body[data-page="home"] .hub-card,body[data-page="home"] .project-card,body[data-page="home"] .post-card,body[data-page="home"] .photo-card{position:relative;overflow:hidden;border-color:color-mix(in srgb, var(--line) 92%, transparent);box-shadow:var(--shadow-card);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}body[data-page="home"] .focus-card:hover,body[data-page="home"] .focus-card:focus-within,body[data-page="home"] .hub-card:hover,body[data-page="home"] .hub-card:focus-within,body[data-page="home"] .project-card:hover,body[data-page="home"] .project-card:focus-within,body[data-page="home"] .post-card:hover,body[data-page="home"] .post-card:focus-within,body[data-page="home"] .photo-card:hover,body[data-page="home"] .photo-card:focus-within,body[data-page="home"] .hub-card:focus-visible{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow-card-hover)}body[data-page="home"] .hub-card:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-card-hover)}body[data-page="home"] .focus-card::before,body[data-page="home"] .hub-card::before,body[data-page="home"] .project-card::before,body[data-page="home"] .post-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 20%, transparent), transparent);opacity:0;transition:opacity var(--transition)}body[data-page="home"] .focus-card:hover::before,body[data-page="home"] .focus-card:focus-within::before,body[data-page="home"] .hub-card:hover::before,body[data-page="home"] .hub-card:focus-within::before,body[data-page="home"] .project-card:hover::before,body[data-page="home"] .project-card:focus-within::before,body[data-page="home"] .post-card:hover::before,body[data-page="home"] .post-card:focus-within::before{opacity:1}.focus-grid>*,.hub-grid>*{flex:1 1 calc(33.333% - 19px);min-width:272px}.project-grid>*{flex:1 1 calc(33.333% - 19px);min-width:308px}.photo-grid>*{flex:1 1 calc(33.333% - 19px);min-width:296px}.focus-card h3,.hub-card h3,.project-card h3,.post-card h3{margin:0;line-height:1.2}body[data-page="home"] .focus-card h3,body[data-page="home"] .hub-card h3,body[data-page="home"] .project-card h3,body[data-page="home"] .post-card h3{text-wrap:pretty;word-break:break-word}body[data-page="home"] .focus-card p,body[data-page="home"] .hub-card p,body[data-page="home"] .project-card p,body[data-page="home"] .post-card p,body[data-page="home"] .photo-body p{margin:0;color:var(--text-muted);text-wrap:pretty;word-break:break-word}.post-card{grid-column:span 4}.post-card.is-featured{grid-column:span 8;min-height:320px;background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 10%, transparent), transparent 65%),var(--surface)}body[data-page="home"] .post-card{gap:14px}body[data-page="home"] .post-card .post-meta,body[data-page="home"] .project-card .card-meta,body[data-page="home"] .photo-card .card-meta{margin-top:auto}body[data-page="home"] .post-card.is-featured{padding:34px;gap:16px;background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent 52%),linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 98%, transparent), color-mix(in srgb, var(--surface-subtle) 92%, transparent)),var(--surface)}body[data-page="home"] .post-card.is-featured h3{max-width:16ch;font-size:clamp(1.6rem, 2.2vw, 2.1rem);line-height:1.12}body[data-page="home"] .post-card.is-featured p{max-width:54ch;font-size:1rem}.post-card.is-hidden{display:none}.project-grid .project-card{min-width:0;min-height:100%}.project-card h3,.project-card p,.project-card .chip-list,.project-card .card-meta,.project-card .card-actions{min-width:0;word-break:break-word}.hub-card p,.focus-card p{margin:0}body[data-page="home"] .hub-card{cursor:pointer;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 98%, transparent), color-mix(in srgb, var(--surface-subtle) 94%, transparent)),var(--surface)}body[data-page="home"] .hub-card .post-tag{width:fit-content;padding:7px 12px;border:1px solid color-mix(in srgb, var(--line) 85%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--primary-soft) 72%, transparent);color:var(--primary)}.card-actions{margin-top:auto;justify-content:space-between;align-items:center}body[data-page="home"] .card-actions{gap:14px;padding-top:6px}.photo-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;min-height:100%}.photo-card.is-hidden{display:none}.photo-cover{position:relative;display:flex;min-height:240px;overflow:hidden;border-bottom:1px solid var(--line);background:#0f172a}.photo-image{width:100%;min-height:240px;aspect-ratio:4 / 3;object-fit:cover}.photo-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;color:#fff;background:linear-gradient(180deg, rgba(15,23,42,0.1), rgba(15,23,42,0.6) 72%, rgba(15,23,42,0.82))}body[data-page="home"] .photo-cover{min-height:258px;background:color-mix(in srgb, var(--surface-solid) 40%, #000 60%)}body[data-page="home"] .photo-image{min-height:258px}body[data-page="home"] .photo-overlay{gap:14px;padding:22px;background:linear-gradient(180deg, rgba(15,23,42,0.08), rgba(15,23,42,0.44) 58%, rgba(15,23,42,0.74))}body[data-page="home"] .photo-overlay strong{max-width:14ch;font-size:clamp(1.5rem, 2.6vw, 2.1rem);line-height:1.06}.photo-chip{display:inline-flex;align-items:center;width:fit-content;padding:8px 12px;border:1px solid rgba(255,255,255,0.28);border-radius:var(--radius-sm);background:rgba(15,23,42,0.18);backdrop-filter:blur(8px);font-size:0.82rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.photo-overlay strong{max-width:12ch;font-size:clamp(1.6rem, 3vw, 2.5rem);line-height:1;letter-spacing:-0.03em}.photo-body{display:flex;flex:1;flex-direction:column;gap:14px;padding:22px 24px 24px}body[data-page="home"] .photo-body{gap:16px}.listing-layout{display:grid;grid-template-columns:340px minmax(0, 1fr);gap:28px;align-items:start}.listing-sidebar{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}body[data-page="articles"] .listing-sidebar--articles .article-timeline{gap:10px;padding-left:12px}body[data-page="articles"] .listing-sidebar--articles .article-sidebar-title{margin-bottom:12px}.article-sidebar-title{margin-bottom:14px;font-size:0.9rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--primary)}.article-timeline{position:relative;display:flex;flex-direction:column;gap:8px;padding-left:10px}body[data-page="articles"] .article-timeline,body[data-page="post"] .article-timeline{padding-left:12px}.article-timeline::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:1px;background:linear-gradient(180deg, rgba(129,140,248,0.2), rgba(129,140,248,0.05));pointer-events:none}.article-timeline-year{margin:6px 0 2px;padding-left:18px;font-size:0.78rem;font-weight:800;letter-spacing:0.08em;color:var(--text-soft)}.article-timeline-link{position:relative;display:grid;grid-template-columns:64px minmax(0, 1fr);gap:12px;align-items:start;padding:12px 14px 12px 16px;border-radius:14px;color:var(--text-soft);border:1px solid transparent;background:color-mix(in srgb, var(--surface-solid) 56%, transparent);transition:background-color var(--transition),color var(--transition),transform var(--transition),border-color var(--transition),box-shadow var(--transition)}body[data-page="articles"] .article-timeline-link,body[data-page="post"] .article-timeline-link{padding:13px 14px 13px 18px;border-color:color-mix(in srgb, var(--line-soft) 72%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 86%, transparent), color-mix(in srgb, var(--surface-subtle) 72%, transparent)),color-mix(in srgb, var(--surface-solid) 62%, transparent)}.article-timeline-link::before{content:"";position:absolute;top:18px;left:-11px;width:9px;height:9px;border-radius:999px;border:2px solid color-mix(in srgb, var(--primary) 38%, transparent);background:var(--surface-solid);box-shadow:0 0 0 6px color-mix(in srgb, var(--primary-soft) 45%, transparent)}.article-timeline-link:hover,.article-timeline-link:focus-visible{color:var(--primary);background:var(--primary-soft);border-color:var(--line-strong);box-shadow:var(--shadow-soft);transform:translateX(6px)}.article-timeline-link.is-current{color:var(--primary);background:var(--primary-soft);border-color:var(--line-strong);box-shadow:inset 3px 0 0 var(--primary),var(--shadow-soft);transform:translateX(6px)}body[data-page="articles"] .article-timeline-link:focus-visible,body[data-page="post"] .article-timeline-link:focus-visible{outline:none;box-shadow:var(--focus-ring),inset 3px 0 0 color-mix(in srgb, var(--primary) 72%, transparent),var(--shadow-soft)}.article-timeline-link:hover::before,.article-timeline-link:focus-visible::before,.article-timeline-link.is-current::before{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 6px color-mix(in srgb, var(--primary-soft) 72%, transparent)}.article-timeline-date{font-size:0.78rem;font-weight:700;letter-spacing:0.04em;white-space:nowrap}.article-timeline-text{line-height:1.5;word-break:break-word;transition:color var(--transition)}.article-timeline-link:hover .article-timeline-text,.article-timeline-link:focus-visible .article-timeline-text,.article-timeline-link.is-current .article-timeline-text{color:var(--text)}@media (prefers-reduced-motion: reduce){.article-timeline-link,.article-timeline-text{transition:none}.article-timeline-link:hover,.article-timeline-link:focus-visible,.article-timeline-link.is-current{transform:none}}@media (max-width: 1440px) and (min-width: 821px){body[data-page="home"] .hero{padding-top:68px;padding-bottom:8px}body[data-page="home"] .hero-grid{grid-template-columns:minmax(0, 1fr) minmax(320px, 0.84fr);gap:clamp(24px, 2.8vw, 38px)}body[data-page="home"] .hero h1{max-width:100%;font-size:clamp(2.7rem, 4.4vw, 4.1rem)}body[data-page="home"] .hero-lead{max-width:54ch;margin-top:20px}body[data-page="home"] .hero-actions{margin-top:24px}body[data-page="home"] .hero-panel{padding:28px}body[data-page="home"] .section:not(.hero){padding-top:76px;padding-bottom:76px}body[data-page="home"] .focus-grid,body[data-page="home"] .photo-grid,body[data-page="home"] .hub-grid,body[data-page="home"] .project-grid,body[data-page="home"] .post-grid{gap:22px;margin-top:26px}body[data-page="home"] .post-card.is-featured{padding:30px}}@media (max-height: 860px) and (min-width: 821px){body[data-page="home"] .hero{padding-top:56px}body[data-page="home"] .hero h1{font-size:clamp(2.6rem, 4.2vw, 3.85rem)}body[data-page="home"] .hero-panel{padding:24px}body[data-page="home"] .section:not(.hero){padding-top:68px;padding-bottom:68px}}@media (max-width: 1100px){.hero-grid,.focus-grid,.photo-grid,.hub-grid{gap:24px}.focus-grid>*,.hub-grid>*,.project-grid>*,.photo-grid>*{flex-basis:calc(50% - 14px);min-width:0}.post-card,.post-card.is-featured{grid-column:span 6}.listing-layout{grid-template-columns:1fr}.listing-sidebar{position:static;max-height:none}body[data-page="home"] .hero{padding-top:72px}body[data-page="home"] .hero-grid{grid-template-columns:minmax(0, 1fr) minmax(280px, 0.88fr);gap:26px}body[data-page="home"] .hero h1{max-width:100%}body[data-page="home"] .section:not(.hero){padding-top:80px;padding-bottom:80px}}@media (max-width: 820px){.hero-grid,.focus-grid,.photo-grid,.hub-grid{gap:20px}.focus-grid>*,.hub-grid>*,.project-grid>*,.photo-grid>*{flex-basis:100%}.post-card,.post-card.is-featured{grid-column:span 12}body[data-page="home"] .hero{padding-top:54px}body[data-page="home"] .hero-grid{grid-template-columns:1fr}body[data-page="home"] .hero-copy{padding-top:0}body[data-page="home"] .hero h1{max-width:100%;line-height:1.16}body[data-page="home"] .section-heading{align-items:flex-start}}@media (max-width: 640px){.hero{padding-top:36px}.hero h1{font-size:clamp(2.4rem, 12vw, 3.2rem)}.photo-cover,.photo-image{min-height:220px}.photo-overlay{padding:20px}.photo-body{padding:18px 20px 20px}body[data-page="home"] .hero{padding-top:34px;padding-bottom:0}body[data-page="home"] .hero h1{font-size:clamp(1.76rem, 8.6vw, 2.52rem);line-height:1.14}body[data-page="home"] .hero-panel{padding:24px}body[data-page="home"] .section:not(.hero){padding-top:68px;padding-bottom:68px}body[data-page="home"] .post-card.is-featured{padding:26px}body[data-page="home"] .photo-cover,body[data-page="home"] .photo-image{min-height:220px}}.article-shell{width:min(1680px, calc(100vw - 32px));margin:0 auto;padding:72px 0 96px}body[data-page="articles"] .page-main,body[data-page="post"] .article-shell{position:relative}body[data-page="articles"] .articles-section{padding-top:82px}body[data-page="articles"] .articles-section::before,body[data-page="post"] .article-shell::before{content:"";position:absolute;inset:0 auto auto 0;width:min(30vw, 320px);height:min(30vw, 320px);border-radius:50%;background:radial-gradient(circle, color-mix(in srgb, var(--primary) 11%, transparent), transparent 72%);filter:blur(10px);opacity:0.72;pointer-events:none}.article-layout{display:grid;grid-template-columns:clamp(240px, 20vw, 320px) minmax(0, 980px) clamp(240px, 19vw, 300px);gap:clamp(20px, 2vw, 32px);align-items:start;justify-content:center}.article-main,.detail-main,.listing-main{min-width:0}.page-main .container,.detail-shell .container{min-width:0}body[data-page="articles"] .listing-layout--articles{grid-template-columns:minmax(280px, 320px) minmax(0, 1fr);gap:clamp(24px, 2.4vw, 34px)}.article-topbar{display:flex;align-items:center;gap:16px;margin-bottom:28px}body[data-page="post"] .article-topbar{margin-bottom:22px}.back-link{font-weight:700;color:var(--primary);transition:color var(--transition),transform var(--transition)}.back-link:hover,.back-link:focus-visible{transform:translateX(-2px)}.article-sidebar{position:sticky;top:96px;padding:24px 20px;max-height:calc(100vh - 128px);overflow:auto;scrollbar-width:thin}body[data-page="articles"] .listing-sidebar--articles{display:flex;flex-direction:column;gap:20px;padding:30px 24px 24px;top:96px;max-height:calc(100vh - 128px);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 97%, transparent), color-mix(in srgb, var(--surface-subtle) 94%, transparent)),var(--surface);box-shadow:var(--shadow-card)}.listing-sidebar-copy h2{margin:10px 0 0;line-height:1.15;font-size:clamp(1.4rem, 2vw, 1.75rem);letter-spacing:-0.03em}.listing-sidebar-copy p{margin:12px 0 0;color:var(--text-muted)}.listing-sidebar-meta{display:flex;flex-wrap:wrap;gap:10px}.article-timeline-shell{padding-top:2px}.article-sidebar-section+.article-sidebar-section{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.article-toc{display:flex;flex-direction:column;gap:6px}.article-toc a{display:block;padding:8px 12px;border-radius:14px;color:var(--text-soft);transition:background-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}.article-toc a:hover,.article-toc a:focus-visible,.article-toc a.is-active{color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line-strong) 72%, transparent)}.article-toc a:focus-visible{outline:none;box-shadow:var(--focus-ring),inset 0 0 0 1px color-mix(in srgb, var(--line-strong) 72%, transparent)}.article-toc a[data-level="3"]{padding-left:24px;font-size:0.95rem}.article-mobile-panels,.article-toc-mobile,.article-timeline-mobile{display:none}.article-header{margin-bottom:32px}body[data-page="articles"] .listing-main>.section-heading{margin-bottom:2px}body[data-page="articles"] .listing-main>.section-heading h1,body[data-page="post"] .article-header h1{letter-spacing:-0.04em;text-wrap:balance}.article-header h1,.detail-header h1{margin:14px 0 0;line-height:1.12;font-size:clamp(2.2rem, 4.4vw, 3.5rem)}.article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;color:var(--text-soft)}.article-meta-item{font-weight:600}.article-lead,.detail-lead{font-size:1.15rem;margin-top:18px}body[data-page="post"] .article-header{padding:clamp(28px, 3vw, 36px);border:1px solid color-mix(in srgb, var(--line) 92%, transparent);border-radius:var(--radius-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 98%, transparent), color-mix(in srgb, var(--surface-subtle) 92%, transparent)),var(--surface);box-shadow:var(--shadow-card)}body[data-page="post"] .article-lead{max-width:60ch;color:var(--text-muted)}.article-content,.detail-prose{padding:clamp(28px, 2.6vw, 40px);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}body[data-page="post"] .article-content{padding:clamp(30px, 2.8vw, 42px);border-color:color-mix(in srgb, var(--line) 92%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 98%, transparent), color-mix(in srgb, var(--surface-subtle) 92%, transparent)),var(--surface);box-shadow:var(--shadow-card)}.article-content h2,.article-content h3,.detail-prose h2,.detail-prose h3{margin-top:32px;margin-bottom:12px}body[data-page="post"] .article-content h2,body[data-page="post"] .article-content h3{letter-spacing:-0.02em}body[data-page="post"] .article-content h2{margin-top:40px;padding-top:6px;font-size:clamp(1.5rem, 2.4vw, 1.95rem)}body[data-page="post"] .article-content h3{font-size:clamp(1.15rem, 1.8vw, 1.35rem)}.article-content p,.article-content ul,.article-content ol,.article-content pre,.article-content blockquote,.detail-prose p,.detail-prose ul,.detail-prose ol,.detail-prose pre,.detail-prose blockquote{margin:16px 0}.article-content ul,.article-content ol,.detail-prose ul,.detail-prose ol{padding-left:24px}.article-content li+li,.detail-prose li+li{margin-top:8px}.article-content blockquote,.detail-prose blockquote{padding:18px 20px;border-left:4px solid var(--primary);border-radius:0 18px 18px 0;background:var(--primary-soft)}.article-content pre,.detail-prose pre{overflow-x:auto;padding:18px;border-radius:18px;background:color-mix(in srgb, var(--surface-strong) 92%, #000 8%);color:var(--text)}.article-content a,.detail-prose a{color:var(--primary)}body[data-page="post"] .article-content a,body[data-page="post"] .article-nav-link strong{text-underline-offset:0.16em}body[data-page="post"] .article-content a:hover,body[data-page="post"] .article-content a:focus-visible{color:color-mix(in srgb, var(--primary) 86%, var(--accent))}.article-content hr,.detail-prose hr{border:0;border-top:1px solid var(--line);margin:24px 0}.article-nav{display:flex;justify-content:space-between;gap:16px;margin-top:28px;color:var(--text-soft)}.article-nav-link,.article-nav-placeholder{flex:1 1 0;min-width:0;padding:18px 20px;border:1px solid color-mix(in srgb, var(--line) 92%, transparent);border-radius:22px;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 98%, transparent), color-mix(in srgb, var(--surface-subtle) 94%, transparent)),var(--surface);box-shadow:var(--shadow-soft)}.article-nav-link{display:flex;flex-direction:column;gap:6px;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),color var(--transition)}.article-nav-link:hover,.article-nav-link:focus-visible{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--focus-ring),var(--shadow-card);outline:none}.article-nav-link--next{text-align:right}.article-nav-label{font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}.article-nav-link strong{font-size:1rem;line-height:1.45}.article-nav-placeholder{display:flex;align-items:center;color:var(--text-muted)}body[data-page="articles"] .articles-grid{gap:24px;margin-top:32px}body[data-page="articles"] .articles-grid .post-card{border-color:color-mix(in srgb, var(--line) 92%, transparent);box-shadow:var(--shadow-card);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}body[data-page="articles"] .articles-grid .post-card:hover,body[data-page="articles"] .articles-grid .post-card:focus-within{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow-card-hover)}body[data-page="articles"] .articles-grid .post-card.is-featured{background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent 52%),linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 98%, transparent), color-mix(in srgb, var(--surface-subtle) 92%, transparent)),var(--surface)}body[data-page="articles"] .articles-grid .post-card h3{text-wrap:pretty;word-break:break-word}body[data-page="articles"] .articles-grid .post-card p{margin:0;color:var(--text-muted);text-wrap:pretty;word-break:break-word}body[data-page="articles"] .articles-grid .post-card.is-featured h3{font-size:clamp(1.7rem, 2.2vw, 2.1rem);line-height:1.14}body[data-page="articles"] .articles-grid .post-card.is-featured p{max-width:56ch}.articles-empty{margin-top:24px;border-style:dashed;box-shadow:none}body[data-page="articles"] .articles-filters{gap:12px}body[data-page="articles"] .articles-filters .filter{min-height:42px;padding-inline:16px}@media (max-width: 1440px) and (min-width: 821px){.article-shell{width:min(1360px, calc(100vw - 40px));padding:60px 0 84px}.article-layout{grid-template-columns:clamp(220px, 18vw, 280px) minmax(0, 860px) clamp(220px, 18vw, 280px);gap:24px}body[data-page="articles"] .articles-section{padding-top:68px}body[data-page="articles"] .listing-layout--articles{grid-template-columns:minmax(260px, 300px) minmax(0, 1fr);gap:26px}.article-sidebar,body[data-page="articles"] .listing-sidebar--articles,.detail-sidebar{top:84px}.article-sidebar,body[data-page="articles"] .listing-sidebar--articles{max-height:calc(100vh - 112px)}body[data-page="post"] .article-header,body[data-page="post"] .article-content,.detail-prose{padding:28px}.article-header h1,.detail-header h1{font-size:clamp(2rem, 3.8vw, 3rem)}}@media (max-height: 860px) and (min-width: 821px){.article-shell,.detail-shell{padding-top:48px;padding-bottom:72px}body[data-page="articles"] .articles-section{padding-top:56px}.article-sidebar,body[data-page="articles"] .listing-sidebar--articles,.detail-sidebar{top:80px}.article-sidebar,body[data-page="articles"] .listing-sidebar--articles{max-height:calc(100vh - 104px)}body[data-page="post"] .article-header,body[data-page="post"] .article-content,.detail-prose,body[data-page="articles"] .listing-sidebar--articles{padding:24px}}.detail-shell{padding:72px 0 96px}.detail-layout{display:grid;grid-template-columns:minmax(0, 1fr) 300px;gap:28px;align-items:start}.detail-header{margin-bottom:24px}.detail-header--photo{display:grid;grid-template-columns:minmax(300px, 0.95fr) minmax(0, 1fr);gap:24px;align-items:center}.detail-copy{display:flex;flex-direction:column;justify-content:center}.detail-cover{overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line)}.detail-cover-link{position:relative;width:100%;padding:0;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.detail-cover-link::after{content:"查看原图";position:absolute;right:16px;bottom:16px;padding:8px 12px;border:1px solid rgba(255,255,255,0.24);border-radius:var(--radius-sm);background:rgba(15,23,42,0.58);color:#fff;font-size:0.82rem;font-weight:700;backdrop-filter:blur(8px)}.detail-cover-link:hover,.detail-cover-link:focus-visible{border-color:var(--line-strong);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.lightbox{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px}.lightbox[hidden]{display:none}.lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(2,6,23,0.42);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);cursor:pointer}.lightbox-dialog{position:relative;z-index:1;width:min(1320px, calc(100vw - 32px));max-height:calc(100vh - 32px);padding:18px;border:1px solid color-mix(in srgb, var(--line-strong) 70%, var(--line));border-radius:28px;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 86%, transparent), color-mix(in srgb, var(--surface-subtle) 80%, transparent)),color-mix(in srgb, var(--surface-solid) 70%, transparent);box-shadow:0 24px 70px rgba(2,6,23,0.28)}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.lightbox-title{margin:0;font-size:1rem;font-weight:700}.lightbox-actions{display:flex;flex-wrap:wrap;gap:10px}.lightbox-media{display:flex;align-items:center;justify-content:center;min-height:240px;max-height:calc(100vh - 140px);overflow:auto;border-radius:20px;background:rgba(2,6,23,0.2)}.lightbox-media img{max-width:100%;max-height:calc(100vh - 160px);object-fit:contain;border-radius:16px}body.is-lightbox-open{overflow:hidden}.detail-cover img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.detail-sidebar{position:sticky;top:96px}.detail-side-card{display:flex;flex-direction:column;gap:18px}.detail-meta-list{display:grid;gap:14px;margin:0}.detail-meta-list div{display:grid;gap:4px}.detail-meta-list dt{font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-soft)}.detail-meta-list dd{margin:0;font-weight:600}.detail-button{width:100%}.empty-posts{grid-column:1 / -1}@media (max-width: 1100px){.article-shell{width:min(1320px, calc(100vw - 32px))}.article-layout{grid-template-columns:minmax(0, 1fr) 280px;gap:24px}.article-sidebar--left{display:none}.article-mobile-panels{display:grid;gap:18px;margin-bottom:24px}.article-timeline-mobile{display:block}.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static}body[data-page="articles"] .listing-layout--articles{grid-template-columns:1fr}body[data-page="articles"] .listing-sidebar--articles{position:static;max-height:none}body[data-page="articles"] .listing-sidebar-copy h2{font-size:clamp(1.3rem, 3vw, 1.6rem)}}@media (max-width: 820px){.article-layout{grid-template-columns:1fr}.article-sidebar--right{display:none}.article-toc-mobile,.article-timeline-mobile{display:block}.detail-header--photo{grid-template-columns:1fr}body[data-page="articles"] .articles-section{padding-top:56px}body[data-page="post"] .article-header{padding:24px}.article-nav{flex-direction:column}.article-nav-link--next{text-align:left}}@media (max-width: 640px){.article-shell{width:min(100vw - 20px, 100%);padding-top:40px;padding-bottom:72px}.article-topbar,.article-nav{flex-direction:column;align-items:flex-start}.article-mobile-panels .card{padding:18px}.detail-shell{padding-top:40px;padding-bottom:72px}body[data-page="articles"] .articles-section{padding-top:34px}body[data-page="articles"] .listing-sidebar--articles,body[data-page="post"] .article-header,body[data-page="post"] .article-content{padding:22px}body[data-page="articles"] .articles-filters{gap:10px}.lightbox{padding:12px}.lightbox-dialog{width:min(100vw - 16px, 100%);padding:14px;border-radius:22px}.lightbox-toolbar{align-items:flex-start;flex-direction:column}}