:root{--color-primary: #6D28D9;--color-primary-light: #E2D9E9;--color-primary-hover: #F0EAEC;--color-primary-link: #5E409D;--color-accent: #C6DDE8;--color-border-accent: #C4B9E0;--color-text-muted: #878580;--color-text-body: #575653;--color-error-server: #942822;--color-bg-error: #F2F0E5;--color-bg-page: #FFFCF0;--color-footer-bg: #FFFCF066;--color-border-default: #CECDC3;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-32: 8rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-medium: 500;--radius-sm: .25rem;--radius-md: .5rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--sidebar-width: 16rem;--sidebar-min-width: 12rem;--content-max-width: 48rem;--footer-height: 4rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--text-base);line-height:1.5;background:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary)}.page-layout{min-height:100vh;display:flex;flex-direction:column;background:transparent}.page-body{display:flex;flex:1;overflow:hidden;background:transparent}.article-page-layout{min-height:100vh;display:flex;flex-direction:column}.article-page-content{flex:1;display:flow-root;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-6)}.error-page-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-error)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-min-width);border-right:1px solid var(--color-border-default);padding:var(--space-6);background:transparent;display:none}@media(min-width:768px){.sidebar{display:block}}.sidebar-header{margin-bottom:var(--space-8)}.site-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.site-title-icon{display:inline-block;transform:rotate(90deg)}.category-filter-item{display:flex;align-items:center;margin-bottom:var(--space-3);cursor:pointer;font-size:var(--text-lg)}.category-checkbox{margin-right:var(--space-2)}.main-content{flex:1;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-8);overflow-y:auto;max-height:calc(100vh - 3px);padding-bottom:var(--space-32);background:transparent}.featured-article-card{display:block;background-image:linear-gradient(to bottom right,var(--color-primary-light),var(--color-accent));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);cursor:pointer;transition:box-shadow .15s ease;text-decoration:none;color:inherit}.featured-article-card:hover{box-shadow:var(--shadow-lg)}.featured-article-inner{display:flex;flex-direction:column;gap:var(--space-6);align-items:center}@media(min-width:768px){.featured-article-inner{flex-direction:row}}.featured-article-inner>div:first-child{flex:1}.featured-article-title{font-size:var(--text-3xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-2);color:var(--color-primary)}@media(min-width:768px){.featured-article-title{font-size:var(--text-5xl)}}.featured-article-thumbnail{width:192px;height:128px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}.article-list{display:grid;gap:var(--space-4)}.article-card{display:block;background:transparent;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:var(--space-4);border-left:4px solid var(--color-border-accent);transition:background-color .15s ease;text-decoration:none;color:inherit}.article-card:hover{background-color:var(--color-primary-hover)}.article-card-inner{display:flex;align-items:center;gap:var(--space-4)}.article-card-inner>div:first-child{flex:1}.article-card-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.article-card-meta{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-1)}.article-card-thumbnail{width:96px;height:64px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}.article-meta{color:var(--color-text-muted);margin-bottom:var(--space-2)}.site-footer{width:100%;position:fixed;bottom:0;left:0;z-index:50;background:var(--color-footer-bg);backdrop-filter:blur(10px) saturate(100%);border-top:2px solid var(--color-border-default);padding:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-6);box-shadow:0 -2px 8px #0000000f}.footer-social{display:flex;align-items:center;gap:var(--space-6)}.footer-label{font-size:var(--text-lg);font-weight:var(--font-weight-medium)}.footer-link{font-size:var(--text-xl)}.footer-version{position:absolute;right:30px;top:50%;transform:translateY(-50%);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.back-link{display:inline-block;color:var(--color-primary-link);margin-bottom:var(--space-4)}.back-link:hover{text-decoration:underline}.article-title{font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-2);color:var(--color-primary)}.article-thumbnail{float:right;width:50%;max-width:32rem;margin-left:var(--space-8);margin-bottom:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}@media(max-width:767px){.article-thumbnail{float:none;width:100%;max-width:100%;margin-left:0;margin-bottom:var(--space-4)}}.article-body{line-height:1.75;max-width:none}.article-body p{margin-bottom:var(--space-4)}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:var(--color-primary);font-weight:var(--font-weight-bold);line-height:1.25;margin-top:var(--space-8);margin-bottom:var(--space-4)}.article-body h1{font-size:var(--text-4xl)}.article-body h2{font-size:var(--text-3xl)}.article-body h3{font-size:var(--text-2xl)}.article-body ul,.article-body ol{padding-left:var(--space-8);margin-bottom:var(--space-4)}.article-body li{margin-bottom:var(--space-2)}.article-body blockquote{border-left:4px solid var(--color-border-accent);padding-left:var(--space-4);margin-left:0;color:var(--color-text-muted);font-style:italic}.article-body code{background:var(--color-primary-light);padding:.1em .3em;border-radius:var(--radius-sm);font-size:.9em}.article-body pre{background:var(--color-primary-light);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}.article-body pre code{background:none;padding:0}.article-body a{color:var(--color-primary-link);text-decoration:underline}.error-code{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-4)}.error-code--server{color:var(--color-error-server)}.error-message{font-size:var(--text-lg);color:var(--color-text-body);margin-bottom:var(--space-8)}.error-link{color:var(--color-primary-link);text-decoration:underline}