:root{--color-primary: #6c3fa0;--color-primary-dark: #5a2d8a;--color-primary-light: #ede4f7;--color-accent: #e8a838;--color-bg: #f8f7fc;--color-surface: #ffffff;--color-border: #e2e0ea;--color-border-dark: #cbc8d5;--color-text: #1e1b2e;--color-text-muted: #64607a;--color-text-light: #948faa;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Georgia", "Times New Roman", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--content-max-width: 1200px;--header-height: 60px;--radius-sm: .25rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height);display:flex;align-items:center;box-shadow:var(--shadow-sm)}.site-header__inner{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between}.site-header__logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-2)}.site-header__logo:hover{color:var(--color-primary-dark)}.site-header__nav{display:flex;gap:var(--space-6)}.site-header__link{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.site-header__link:hover{color:var(--color-primary)}.layout{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.page-header{margin-bottom:var(--space-8)}.page-header__title{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-3)}.page-header__description{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height);max-width:680px}.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.post-card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-card__image-link{display:block}.post-card__image{width:100%;object-fit:cover;aspect-ratio:16 / 10}.post-card__image--placeholder{width:100%;aspect-ratio:16 / 10;background:linear-gradient(135deg,var(--color-primary-light) 0%,#d4c4ec 100%);display:flex;align-items:center;justify-content:center;font-size:3rem}.post-card__content{flex:1;padding:var(--space-5);display:flex;flex-direction:column}.post-card__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);line-height:1.4}.post-card__title a{color:inherit;text-decoration:none}.post-card__title a:hover{color:var(--color-primary)}.post-card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-card__meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-light)}.post-card__date{display:flex;align-items:center;gap:var(--space-1)}.post-card__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.post-card__tag{font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.pagination__link,.pagination__current{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition)}.pagination__link{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border)}.pagination__link:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.pagination__current{color:#fff;background:var(--color-primary);border:1px solid var(--color-primary)}.pagination__ellipsis{color:var(--color-text-light);padding:0 var(--space-2)}.post-detail{max-width:720px;margin:0 auto}.post-detail__header{margin-bottom:var(--space-8)}.post-detail__title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.2;color:var(--color-text);margin-bottom:var(--space-4)}.post-detail__meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.post-detail__hero{width:100%;border-radius:var(--radius-lg);margin-bottom:var(--space-8);aspect-ratio:16 / 9;object-fit:cover}.post-detail__tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.post-detail__tag{font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius);font-weight:500;transition:all var(--transition)}.post-detail__tag:hover{background:var(--color-primary);color:#fff}.prose{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-text)}.prose h2{font-size:var(--font-size-2xl);font-weight:700;margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--color-text)}.prose h3{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p{margin-bottom:var(--space-4)}.prose ul,.prose ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose blockquote{border-left:4px solid var(--color-primary);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--color-primary-light);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--color-text-muted)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--color-primary-dark)}.prose img{border-radius:var(--radius-lg);margin:var(--space-6) 0}.prose strong{font-weight:600;color:var(--color-text)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8)}.tag-list__item{font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-weight:500;transition:all var(--transition)}.tag-list__item:hover,.tag-list__item--active{background:var(--color-primary);color:#fff}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);font-weight:500}.back-link:hover{color:var(--color-primary)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-6);text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm);margin-top:var(--space-16)}.site-footer__inner{max-width:var(--content-max-width);margin:0 auto}.site-footer__disclaimer{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-light);max-width:600px;margin-left:auto;margin-right:auto}.error-page{text-align:center;padding:var(--space-16) var(--space-6)}.error-page__code{font-size:6rem;font-weight:800;color:var(--color-primary-light);line-height:1}.error-page__title{font-size:var(--font-size-2xl);margin-top:var(--space-4);color:var(--color-text)}.error-page__link{display:inline-block;margin-top:var(--space-6);color:var(--color-primary);font-weight:500}@media(max-width:900px){.post-list{grid-template-columns:repeat(2,1fr)}.page-header__title,.post-detail__title{font-size:var(--font-size-2xl)}.layout{padding:var(--space-6) var(--space-4)}}@media(max-width:560px){.post-list{grid-template-columns:1fr}.post-card__content{padding:var(--space-4)}.post-card__meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}