*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#fcfcfc;--bg-secondary:#f5f5f4;--bg-card:#fff;--text:#1a1a1a;--text-secondary:#6b6b6b;--text-muted:#9a9a9a;--border:#e8e8e6;--accent:#06f;--accent-hover:#0052cc;--gold:#e3b94d;--green:#486635;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.06);--shadow-lg:0 12px 32px rgba(0,0,0,.08);--radius:10px;--radius-lg:16px}[data-theme=dark]{--bg:#0f0f0f;--bg-secondary:#1a1a1a;--bg-card:#242424;--text:#f5f5f4;--text-secondary:#a3a3a3;--text-muted:#737373;--border:#333;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.3);--shadow-lg:0 12px 32px rgba(0,0,0,.4)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.layout,body{min-height:100vh}.layout{display:flex;flex-direction:column}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-inner{max-width:1400px;margin:0 auto;padding:1rem 2rem;justify-content:space-between;gap:2rem}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{font-size:1.25rem;font-weight:700;color:var(--text);text-decoration:none;gap:10px;flex-shrink:0}.nav-logo svg{width:32px;height:32px}.nav-logo span{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.nav-link{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all .15s}.nav-link:hover{color:var(--text);background:var(--bg-secondary)}.nav-actions{display:flex;gap:8px;flex-shrink:0}.mobile-menu-btn,.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.mobile-menu-btn:hover,.theme-toggle:hover{background:var(--border);color:var(--text)}.mobile-menu,.mobile-menu-btn{display:none}.mobile-menu.open{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--bg);border-top:1px solid var(--border)}.mobile-nav-link{padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;font-size:.875rem;color:var(--text);text-decoration:none}.main-content{flex:1 1;padding:2rem}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--border);z-index:200}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--gold),var(--green));width:0;transition:width .1s}.home-content{max-width:1200px;margin:0 auto}.home-content h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.home-content .intro{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.home-content .search-box{margin-bottom:2rem}.home-content .search-box input{width:100%;max-width:600px;padding:12px 16px;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);outline:none;transition:border-color .2s}.home-content .search-box input:focus{border-color:var(--gold)}.search-results{margin-top:1rem;max-width:600px}.search-result-item{display:block;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;text-decoration:none;transition:all .2s}.search-result-item:hover{border-color:var(--gold);transform:translateX(4px)}.search-result-item h4{color:var(--text);font-size:.9375rem;margin-bottom:4px}.search-result-item p{font-size:.8125rem;color:var(--text-muted)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.category-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s}.category-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-card img{width:56px;height:56px;border-radius:var(--radius);object-fit:cover;flex-shrink:0}.category-card-info h3{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.category-card-info p{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.category-page{max-width:1200px;margin:0 auto}.category-page h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.category-page .subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:1.5rem;color:var(--text-muted)}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--text)}.article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1rem;gap:1rem}.article-card{display:block;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:all .15s}.article-card:hover{border-color:var(--gold);transform:translateX(4px)}.article-card h3{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.article-card .meta{font-size:.8125rem;color:var(--text-muted)}.article-detail{max-width:800px;margin:0 auto}.article-detail h1{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-bottom:.5rem}.article-detail .author{font-size:.875rem;color:var(--text-secondary);margin-bottom:2rem}.article-detail .read-time-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:4px 10px;border-radius:20px;margin-left:1rem}.article-body{font-size:1rem;line-height:1.8}.article-body h2{font-size:1.5rem;font-weight:700;margin:2.5rem 0 1rem;scroll-margin-top:80px}.article-body h3{font-size:1.125rem;font-weight:600;margin:2rem 0 .75rem;scroll-margin-top:80px}.article-body p{margin-bottom:1.25rem}.article-body ol,.article-body ul{margin:1rem 0 1.25rem 1.5rem}.article-body li{margin-bottom:.5rem}.article-body blockquote{border-left:3px solid var(--gold);padding-left:1.25rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}.article-body strong{font-weight:600}.article-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.article-body td,.article-body th{border:1px solid var(--border);padding:.75rem 1rem;text-align:left}.article-body th{background:var(--bg-secondary);font-weight:600}.related-articles{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.related-articles h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.related-article-card{display:block;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:all .2s}.related-article-card:hover{border-color:var(--gold);transform:translateY(-2px)}.related-article-card h4{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.related-article-card p{font-size:.75rem;color:var(--text-muted)}.share-buttons{display:flex;gap:.5rem;margin:2rem 0}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s;text-decoration:none}.share-btn:hover{border-color:var(--gold);color:var(--text)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s;z-index:99}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--gold);color:var(--text);transform:translateY(-2px)}footer{padding:2rem;border-top:1px solid var(--border);text-align:center;font-size:.8125rem;color:var(--text-muted)}.disclaimer{background:var(--bg-secondary);border-radius:var(--radius);padding:1rem;margin-top:2rem;font-size:.875rem;color:var(--text-secondary);border-left:3px solid var(--gold)}.disclaimer strong{color:var(--text)}@media print{.back-to-top,.nav,.related-articles,.share-buttons,footer{display:none!important}.main-content{padding:0}}@media (max-width:1024px){.nav-links{display:none}.mobile-menu-btn{display:flex}.category-grid{grid-template-columns:1fr}}@media (max-width:768px){.nav-inner{flex-wrap:wrap;gap:1rem}.main-content{padding:1rem}.article-detail h1,.home-content h1{font-size:1.75rem}.article-list,.related-articles-grid{grid-template-columns:1fr}}