:root{--color-bg:#1a1f2e;--color-bg-light:#252b3a;--color-bg-card:#2d3548;--color-text:#e8eaed;--color-text-secondary:#9aa0a6;--color-primary:#64b5f6;--color-accent:#ffd54f;--color-border:#3a4156;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--radius:8px;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";background:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:16px}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-accent)}.container{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-sm)}nav{background:var(--color-bg-light);padding:0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,0.3)}nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;list-style:none;max-width:1400px;margin:0 auto;padding:0}nav li{flex:1 1 0;min-width:0;text-align:center}nav a{display:block;padding:16px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:500;color:var(--color-text);transition:var(--transition)}nav a:hover{background:var(--color-bg-card);color:var(--color-accent)}@media (max-width:767px){nav ul{flex-wrap:nowrap;overflow-x:visible}nav li{flex:1 1 0;min-width:0}nav a{padding:12px 4px;font-size:13px}}.breadcrumb{max-width:1400px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-sm);font-size:14px;color:var(--color-text-secondary);background:var(--color-bg)}.breadcrumb a{color:var(--color-primary)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb span{margin:0 var(--spacing-xs);color:#5f6368}.site-header{text-align:center;padding:var(--spacing-xl) 0 var(--spacing-lg);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg)}.site-header h1{font-size:2.5rem;margin-bottom:var(--spacing-sm);color:var(--color-text);line-height:1.2}.site-desc{font-size:1.1rem;color:var(--color-text-secondary);max-width:800px;margin:0 auto;line-height:1.8}.page-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.page-header h1{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.page-intro{font-size:1rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-sm)}.other-lists{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-sm)}.other-lists a{padding:8px 16px;background:var(--color-bg-card);border-radius:var(--radius);font-size:14px;transition:var(--transition)}.other-lists a:hover{background:var(--color-primary);color:var(--color-bg)}section{margin-bottom:var(--spacing-xl)}section h2{font-size:1.75rem;margin-bottom:var(--spacing-md);color:var(--color-text);padding-left:var(--spacing-xs);border-left:4px solid var(--color-primary)}.site-intro{background:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.site-intro p{font-size:1rem;line-height:1.8;color:var(--color-text-secondary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}@media (max-width:767px){.card-grid{grid-template-columns:1fr}}.card{background:var(--color-bg-card);padding:var(--spacing-md);border-radius:var(--radius);border:1px solid var(--color-border);transition:var(--transition)}.card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(100,181,246,0.15);transform:translateY(-2px)}.card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.card h3 a{color:var(--color-text)}.card h3 a:hover{color:var(--color-primary)}.card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:0.875rem}.card-meta span{padding:4px 8px;background:var(--color-bg-light);border-radius:4px;color:var(--color-text-secondary)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.tag{padding:4px 10px;background:var(--color-bg-light);border-radius:4px;font-size:0.8rem;color:var(--color-primary);border:1px solid var(--color-border)}.tag-site{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.card-oneline{font-size:0.95rem;color:var(--color-text-secondary);line-height:1.6}.card-excerpt,.card-review{font-size:0.875rem;color:var(--color-text-secondary);line-height:1.6;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.card-review{font-style:italic;color:var(--color-accent)}.card-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.card-ranked{display:flex;gap:var(--spacing-md);align-items:flex-start}.rank-number{font-size:2rem;font-weight:bold;color:var(--color-accent);min-width:50px;text-align:center;padding-top:var(--spacing-xs)}.card-content{flex:1}.card-topic .card-tags-prominent{margin-bottom:var(--spacing-sm)}.card-topic .card-tags-prominent .tag{font-size:0.9rem;padding:6px 12px;background:var(--color-primary);color:var(--color-bg);border:none}.card-latest{position:relative;padding-left:80px}.card-date{position:absolute;left:var(--spacing-md);top:var(--spacing-md);font-size:0.875rem;font-weight:bold;color:var(--color-accent)}.entry-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.entry-card{display:block;background:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius);border:2px solid var(--color-border);transition:var(--transition);text-align:center}.entry-card:hover{border-color:var(--color-primary);box-shadow:0 6px 16px rgba(100,181,246,0.2);transform:translateY(-4px)}.entry-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.entry-card p{color:var(--color-text-secondary);font-size:0.95rem}.more-link{text-align:center;margin-top:var(--spacing-lg);font-size:1.1rem}.more-link a{color:var(--color-primary);font-weight:500}.detail-content{max-width:900px;margin:0 auto}.detail-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.detail-header h1{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--color-text);line-height:1.3}.detail-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:1rem}.meta-item{color:var(--color-text-secondary)}.meta-item strong{color:var(--color-primary)}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.detail-tags .tag{font-size:0.9rem;padding:6px 12px}.detail-section{margin-bottom:var(--spacing-xl)}.detail-section h2{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-text);border-left:4px solid var(--color-primary);padding-left:var(--spacing-sm)}.one-line{font-size:1.2rem;line-height:1.8;color:var(--color-text);font-weight:500;padding:var(--spacing-md);background:var(--color-bg-card);border-left:4px solid var(--color-accent);border-radius:var(--radius)}.summary p{margin-bottom:var(--spacing-md);line-height:1.8;color:var(--color-text-secondary);font-size:1rem}.review{font-size:1rem;line-height:1.8;color:var(--color-text-secondary);padding:var(--spacing-md);background:var(--color-bg-card);border-left:4px solid var(--color-accent);border-radius:var(--radius);font-style:italic}.related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.related-item{background:var(--color-bg-card);padding:var(--spacing-md);border-radius:var(--radius);border:1px solid var(--color-border);transition:var(--transition)}.related-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(100,181,246,0.15)}.related-item h3{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.related-item h3 a{color:var(--color-text)}.related-item h3 a:hover{color:var(--color-primary)}.related-item p{font-size:0.9rem;color:var(--color-text-secondary);line-height:1.6}.error-page,.notice{text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.error-page h1{font-size:6rem;color:var(--color-primary);margin-bottom:var(--spacing-md)}.error-page p,.notice{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.back-links{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.btn{display:inline-block;padding:12px 24px;background:var(--color-primary);color:var(--color-bg);border-radius:var(--radius);font-weight:500;transition:var(--transition);border:none;cursor:pointer;font-size:1rem}.btn:hover{background:var(--color-accent);color:var(--color-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,213,79,0.3)}.site-footer{text-align:center;padding:var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-xl);border-top:2px solid var(--color-border);color:var(--color-text-secondary);font-size:0.9rem}@media (max-width:767px){.site-header h1{font-size:1.75rem}.site-desc{font-size:1rem}.detail-header h1{font-size:1.75rem}.one-line{font-size:1rem}.related-list{grid-template-columns:1fr}.entry-links{grid-template-columns:1fr}}