.app-shell[data-v-5aa18136]{display:flex;flex-direction:column;min-height:100vh}.app-main[data-v-5aa18136]{flex:1 0 auto}:root,html[data-theme=light]{--color-bg: #FAF7F2;--color-card: #FFFFFF;--color-text: #2B2620;--color-text-secondary: #8A7760;--color-primary: #B45309;--color-primary-hover: #92400E;--color-accent: #78350F;--color-border: #E8DDCD;--color-code-bg: #F1EBE0;--shadow-sm: 0 1px 2px rgba(176, 142, 90, .06);--shadow-md: 0 4px 10px rgba(176, 142, 90, .08);--cover-grad-1: linear-gradient(135deg, #E7D7BF 0%, #C9A76E 55%, #92400E 100%);--cover-grad-2: linear-gradient(135deg, #E4E1DA 0%, #9CA3AF 100%);--cover-grad-3: linear-gradient(135deg, #F7DCBA 0%, #B45309 100%);--cover-grad-4: linear-gradient(135deg, #FDE68A 0%, #D97706 100%);--cover-grad-5: linear-gradient(135deg, #FDBA74 0%, #B45309 100%);--cover-grad-6: linear-gradient(135deg, #D9F99D 0%, #65A30D 100%)}html[data-theme=dark]{--color-bg: #1A1612;--color-card: #241F18;--color-text: #F1EBE0;--color-text-secondary: #B8A788;--color-primary: #D97706;--color-primary-hover: #F59E0B;--color-accent: #FBBF24;--color-border: #3A3226;--color-code-bg: #2B2418;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--cover-grad-1: linear-gradient(135deg, #8A7760 0%, #6B5B47 55%, #1A1612 100%);--cover-grad-2: linear-gradient(135deg, #3F382E 0%, #6B5B47 100%);--cover-grad-3: linear-gradient(135deg, #92400E 0%, #B45309 55%, #F59E0B 100%);--cover-grad-4: linear-gradient(135deg, #92400E 0%, #3F382E 100%);--cover-grad-5: linear-gradient(135deg, #B45309 0%, #1A1612 100%);--cover-grad-6: linear-gradient(135deg, #4D7C0F 0%, #3F382E 100%)}:root{--font-sans: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "PingFang SC", "Microsoft YaHei", serif;--font-mono: ui-monospace, "JetBrains Mono", Consolas, "Liberation Mono", monospace;--fs-display: clamp(1.8rem, 2.2rem + 1vw, 2.5rem);--fs-section: clamp(1.4rem, 1.3rem + .5vw, 1.5rem);--fs-card-title: 1.25rem;--fs-body: 1rem;--fs-hint: .875rem;--fs-small: .75rem;--lh-body: 1.75;--max-read-width: 680px}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-card: 16px;--radius-btn: 4px;--radius-pill: 999px;--container-max: 980px;--section-gap: clamp(56px, 8vw, 88px)}.container{max-width:var(--container-max);padding:0 clamp(24px,5vw,56px)}@media (min-width: 1600px){:root{--container-max: 1020px}.container{padding:0 64px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700;line-height:1.3;margin:0 0 var(--space-4)}img{max-width:100%;display:block}code,pre{font-family:var(--font-mono);font-size:.92em}code{background:var(--color-code-bg);padding:2px 6px;border-radius:4px}pre{background:var(--color-code-bg);padding:var(--space-4);border-radius:var(--radius-btn);overflow-x:auto}pre code{padding:0;background:transparent}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.container{margin:0 auto}.section{padding:var(--section-gap) 0}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-6)}.section-title{font-size:var(--fs-section);font-weight:700;margin:0}.muted{color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-btn);font-size:var(--fs-body);font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;transition:all .2s ease;text-decoration:none;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag{display:inline-block;padding:3px 10px;font-size:var(--fs-small);color:var(--color-text-secondary);background:var(--color-code-bg);border-radius:var(--radius-pill);line-height:1.6;margin-right:6px}.post-card{display:block;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:all .25s ease;height:100%}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.post-card-cover{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--cover-grad-1);position:relative}.post-card-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15),transparent 50%)}.post-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.post-card-title{font-size:var(--fs-card-title);font-weight:600;line-height:1.45;margin:0;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-summary{color:var(--color-text-secondary);font-size:var(--fs-hint);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.post-card-meta{margin-top:auto;padding-top:var(--space-2);display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-small);color:var(--color-text-secondary)}.post-card-meta .tags{display:flex;flex-wrap:wrap;gap:4px}@media (max-width: 720px){.container{padding:0 var(--space-4)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}body{background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--color-primary) 6%,transparent),transparent 60%),radial-gradient(900px 500px at 100% 100%,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 60%),var(--color-bg)}html[data-theme=dark] body{background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 60%),radial-gradient(900px 500px at 0% 100%,color-mix(in srgb,#FBBF24 5%,transparent),transparent 60%),var(--color-bg)}.hero-slogan{font-family:var(--font-sans);letter-spacing:.08em;font-weight:900;background:none;-webkit-text-fill-color:initial;color:var(--color-text);position:relative;display:inline-block}.hero-slogan:before{content:"ISSUE · 08 / 2026 SUMMER";display:block;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:11px;letter-spacing:.35em;color:var(--color-primary);font-weight:500;margin-bottom:16px}.hero:before{display:none}.hero-desc{font-family:var(--font-sans);line-height:2}.btn-primary{background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-btn);box-shadow:4px 4px 0 var(--color-primary);transform:translate(0)}.btn-primary:hover{background:var(--color-primary);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-text)}.btn-secondary{border-radius:var(--radius-btn);color:var(--color-text);border-color:var(--color-text)}html[data-theme=dark] .btn-primary{background:var(--color-primary);color:#1a1612;box-shadow:4px 4px 0 var(--color-text)}html[data-theme=dark] .btn-primary:hover{background:var(--color-primary-hover);color:#1a1612}.section-title{font-family:var(--font-sans);position:relative;padding-left:18px;letter-spacing:.06em}.section-title:before{content:"";position:absolute;left:0;top:14%;height:72%;width:5px;background:var(--color-primary);border-radius:2px}.section-header{align-items:center}.post-card-cover{aspect-ratio:1 / 1;position:relative}.post-card-cover:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,255,255,.45);border-radius:2px;pointer-events:none}html[data-theme=dark] .post-card-cover:after{border-color:#f1ebe038}.post-card{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-card)}.post-card-body{padding:20px 18px}.post-card-title{font-family:var(--font-sans);font-weight:700;line-height:1.55;letter-spacing:.02em}.post-card-summary{color:var(--color-text-secondary);line-height:1.8}.tag{background:transparent;border:1px solid var(--color-border);color:var(--color-primary);padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--fs-small)}html[data-theme=dark] .tag{color:var(--color-primary-hover);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.navbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--color-bg) 96%,transparent);border-bottom:1px solid var(--color-border)}.logo{font-family:var(--font-sans);font-weight:900;letter-spacing:.08em;gap:10px}.logo-mark{background:linear-gradient(135deg,#e7d7bf,#b45309);border-radius:4px;width:26px;height:26px;box-shadow:inset 0 0 0 1px color-mix(in srgb,#92400E 25%,transparent)}html[data-theme=dark] .logo-mark{background:linear-gradient(135deg,#8a7760,#d97706);box-shadow:inset 0 0 0 1px color-mix(in srgb,#F59E0B 30%,transparent)}.logo-main{font-family:var(--font-sans);font-size:1.08rem;letter-spacing:.06em;font-weight:900;color:var(--color-text)}.logo-sub{display:inline-block;font-family:var(--font-sans);font-weight:500;font-size:.7rem;letter-spacing:.2em;color:var(--color-primary)}.nav-link{font-family:var(--font-sans);letter-spacing:.18em}.footer-brand .logo-mark{background:linear-gradient(135deg,#e7d7bf,#b45309)}html[data-theme=dark] .footer-brand .logo-mark{background:linear-gradient(135deg,#8a7760,#d97706)}.footer-brand .logo-sub{display:inline-block;font-family:var(--font-sans);font-weight:500;font-size:.65rem;letter-spacing:.22em;color:var(--color-primary)}.site-footer{background:transparent;border-top:1px solid var(--color-border);padding-top:56px}.about-avatar{width:140px;height:140px;border-radius:50%/60% 60% 40% 40%;background:linear-gradient(135deg,#e7d7bf,#b45309);box-shadow:var(--shadow-md)}html[data-theme=dark] .about-avatar{background:linear-gradient(135deg,#8a7760,#d97706);filter:saturate(.9)}.post-article h1{font-family:var(--font-sans);font-weight:900;letter-spacing:.04em}.post-content{font-family:var(--font-sans);font-size:1.05rem;line-height:2.1;letter-spacing:.03em}.post-content h2,.post-content h3{font-family:var(--font-sans);font-weight:800}.post-content blockquote{border-left:4px solid var(--color-primary);background:var(--color-code-bg);font-style:italic;color:var(--color-text);border-radius:2px}html[data-theme=dark] .post-content blockquote{border-left-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-code-bg))}.navbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--color-border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:700;font-size:1.15rem;color:var(--color-text);letter-spacing:.2px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.logo-mark{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:inline-block;flex-shrink:0}.logo-texts{display:inline-flex;flex-direction:column;line-height:1.1;gap:2px}.logo-main{font-weight:700;font-size:1.05rem;line-height:1}.logo-sub{font-weight:500;font-size:.68rem;letter-spacing:.18em;color:var(--color-text-secondary);line-height:1}.nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none;margin:0;padding:0}.nav-link{color:var(--color-text-secondary);font-size:var(--fs-hint);font-weight:500;padding:6px 2px;border-bottom:2px solid transparent;transition:all .2s ease;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer}.nav-link:hover{color:var(--color-text)}.nav-link.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-btn);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.theme-toggle svg{width:18px;height:18px}.hamburger{display:none;width:36px;height:36px;border-radius:var(--radius-btn);border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;align-items:center;justify-content:center;color:var(--color-text)}@media (max-width: 720px){.hamburger{display:inline-flex}.nav-links{position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);transform:translateY(-10px);opacity:0;pointer-events:none;transition:all .2s ease}.nav-links.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-link{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border)}.nav-link:last-child{border-bottom:none}.nav-link.is-active{border-bottom:none;color:var(--color-primary)}}.site-footer{background:var(--color-card);border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8);color:var(--color-text-secondary);font-size:var(--fs-hint)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-col h4{color:var(--color-text);font-size:var(--fs-hint);margin:0 0 var(--space-3);font-weight:600}.footer-col p,.footer-col ul{margin:0;padding:0;list-style:none;line-height:1.9}.footer-col a{color:var(--color-text-secondary)}.footer-col a:hover{color:var(--color-primary)}.footer-brand .logo{margin-bottom:var(--space-3);display:inline-flex}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.footer-bottom .links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.beian{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.beian img{width:14px;height:14px;opacity:.75}.beian a{color:var(--color-text-secondary)}.beian a:hover{color:var(--color-primary)}@media (max-width: 820px){.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}}.hero{padding:clamp(60px,10vw,100px) 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 85% 10%,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 60%),radial-gradient(500px 300px at 10% 90%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 60%);pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1;text-align:center;max-width:760px;margin:0 auto;padding:0 var(--space-6)}.hero-slogan{font-size:var(--fs-display);font-weight:700;line-height:1.25;margin:0 0 var(--space-4);background:linear-gradient(120deg,var(--color-text) 0%,var(--color-primary) 60%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-desc{font-size:var(--fs-body);color:var(--color-text-secondary);margin:0 auto var(--space-8);max-width:560px;line-height:1.8}.hero-cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 960px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.posts-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.about-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-8)}.about-wrap{display:grid;grid-template-columns:auto 1fr;gap:var(--space-8);align-items:center}.about-avatar{width:112px;height:112px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-md);overflow:hidden}.about-avatar img{width:100%;height:100%;object-fit:cover}.about-name{font-size:var(--fs-section);margin:0 0 var(--space-2)}.about-bio{color:var(--color-text-secondary);margin:0 0 var(--space-4);line-height:1.8}.about-contacts{display:flex;flex-wrap:wrap;gap:var(--space-3)}.about-contacts a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--color-border);font-size:var(--fs-small);color:var(--color-text-secondary);transition:all .2s ease}.about-contacts a:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width: 720px){.about-section{padding:var(--space-6)}.about-wrap{grid-template-columns:1fr;text-align:center;justify-items:center}.about-contacts{justify-content:center}}.empty{padding:var(--space-12) var(--space-6);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-card);color:var(--color-text-secondary)}.empty-title{color:var(--color-text);font-size:var(--fs-card-title);margin-bottom:var(--space-2)}.post-list-wrap{display:flex;flex-direction:column;gap:var(--space-6)}.post-list-item{display:grid;grid-template-columns:240px 1fr;gap:var(--space-6);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);transition:all .2s ease}.post-list-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.post-list-item .cover{aspect-ratio:16 / 10;border-radius:var(--radius-btn);overflow:hidden;background:var(--cover-grad-1)}.post-list-item h3{font-size:var(--fs-card-title);margin:0 0 var(--space-2)}.post-list-item .meta{font-size:var(--fs-small);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:flex;gap:var(--space-3);flex-wrap:wrap}.post-list-item .summary{color:var(--color-text-secondary);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 720px){.post-list-item{grid-template-columns:1fr;gap:var(--space-4)}.post-list-item .cover{aspect-ratio:16 / 9}}.pagination{display:flex;justify-content:center;gap:var(--space-2);padding-top:var(--space-6)}.pagination button{padding:8px 14px;border-radius:var(--radius-btn);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;transition:all .2s ease}.pagination button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.post-article{max-width:var(--max-read-width);margin:0 auto}.post-article header{margin-bottom:var(--space-8);text-align:center}.post-article .meta{display:inline-flex;gap:var(--space-4);color:var(--color-text-secondary);font-size:var(--fs-hint);flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-4)}.post-article h1{font-size:var(--fs-display);margin-bottom:var(--space-4);line-height:1.3}.post-content h2{font-size:1.5rem;margin-top:var(--space-8);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.post-content h3{font-size:1.2rem;margin-top:var(--space-6)}.post-content p{margin:0 0 var(--space-4);line-height:1.9}.post-content ul,.post-content ol{padding-left:1.5em;margin:0 0 var(--space-4)}.post-content li{margin-bottom:var(--space-2)}.post-content blockquote{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-primary);background:var(--color-code-bg);border-radius:0 var(--radius-btn) var(--radius-btn) 0;color:var(--color-text-secondary)}.post-content img{border-radius:var(--radius-btn);margin:var(--space-4) 0}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-hint);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.back-link:hover{color:var(--color-primary)}.not-found{text-align:center;padding:clamp(80px,12vw,140px) var(--space-6)}.not-found .code{font-size:clamp(5rem,14vw,9rem);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 var(--space-4)}.not-found h2{font-size:var(--fs-section);margin:0 0 var(--space-3)}.not-found p{color:var(--color-text-secondary);margin:0 0 var(--space-8)}.about-page{max-width:var(--max-read-width);margin:0 auto}.about-page h2{font-size:var(--fs-section);margin-top:var(--space-8);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.about-page .contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.about-page .contact-item{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card)}.about-page .contact-item .type{font-size:var(--fs-small);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.about-page .contact-item .value{font-weight:600;color:var(--color-text);word-break:break-all}