:root{--primary-bg:#0a0e27;--secondary-bg:#1a1f3a;--card-bg:#252b4a;--text-primary:#e8eaf6;--text-secondary:#9fa8da;--accent-blue:#64b5f6;--accent-yellow:#ffd54f;--border-color:#3a4069}body{background:var(--primary-bg);color:var(--text-primary);min-height:100vh}nav{background:var(--secondary-bg);box-shadow:0 2px 8px rgba(0,0,0,0.3);border-bottom:2px solid var(--accent-blue)}nav a{transition:all 0.3s ease;border-radius:6px}nav a:hover{background:rgba(100,181,246,0.2);color:var(--accent-yellow);transform:translateY(-2px)}.breadcrumb{background:rgba(26,31,58,0.5);padding:1rem 2rem;border-radius:8px;margin:1rem 0}.breadcrumb a{transition:color 0.3s ease}.breadcrumb a:hover{color:var(--accent-yellow)}main{animation:fadeIn 0.6s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,0.5);border-left:5px solid var(--accent-blue);padding-left:1rem}h2{color:var(--accent-yellow);font-size:1.8rem;margin:2rem 0 1rem;font-weight:600}h3{color:var(--text-primary);font-size:1.3rem;font-weight:600}.sub-title{font-size:1rem;color:var(--text-secondary);font-weight:400}p{line-height:1.8;margin-bottom:1rem;color:var(--text-secondary)}.site-intro{background:var(--secondary-bg);padding:2rem;border-radius:12px;margin-bottom:3rem;border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.site-intro p{font-size:1.1rem;line-height:1.8;color:var(--text-primary)}section{margin-bottom:3rem}.page-desc{font-size:1.1rem;margin-bottom:2rem;color:var(--text-primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:1.5rem}@media (min-width:1024px){.layout-D .card-grid{grid-template-columns:2fr 1fr}.layout-D .card-grid .card:first-child{grid-row:span 2}}.card{background:var(--card-bg);padding:1.5rem;border-radius:10px;border:1px solid var(--border-color);transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(100,181,246,0.3);border-color:var(--accent-blue)}.card h3{margin-bottom:0.8rem}.card h3 a{color:var(--text-primary);transition:color 0.3s ease}.card h3 a:hover{color:var(--accent-blue)}.card-meta{font-size:0.9rem;color:var(--accent-yellow);margin-bottom:0.8rem;font-weight:500}.card-desc{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.card-excerpt{font-size:0.95rem;color:var(--text-secondary);margin-bottom:1rem;padding-left:1rem;border-left:3px solid var(--accent-blue)}.card-tags{font-size:0.85rem;color:var(--accent-blue);margin-top:0.8rem}.detail{max-width:900px;margin:0 auto}.detail h1{font-size:2.5rem;margin-bottom:2rem}.detail-meta{background:var(--secondary-bg);padding:1.5rem;border-radius:10px;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;border:1px solid var(--border-color)}.meta-item{color:var(--text-secondary)}.meta-item strong{color:var(--accent-yellow);margin-right:0.5rem}.detail-oneline,.detail-summary,.detail-review{margin-bottom:2.5rem}.detail-oneline p{font-size:1.2rem;color:var(--accent-blue);font-style:italic;padding:1.5rem;background:var(--secondary-bg);border-radius:10px;border-left:4px solid var(--accent-yellow)}.detail-summary p,.detail-review p{font-size:1.05rem;line-height:1.9;color:var(--text-primary);text-align:justify}.detail-related{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color)}.cross-links{background:var(--secondary-bg);padding:1.5rem;border-radius:10px;margin-bottom:2rem;border:1px solid var(--border-color)}.cross-links ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.cross-links li{background:var(--card-bg);padding:0.5rem 1rem;border-radius:6px}.cross-links a{color:var(--accent-blue);font-weight:500}.cross-links a:hover{color:var(--accent-yellow)}@media (max-width:768px){nav ul{font-size:0.85rem}nav a{padding:0.4rem 0.2rem}h1{font-size:1.8rem}h2{font-size:1.5rem}.card-grid{grid-template-columns:1fr;gap:1.5rem}.breadcrumb{padding:0.8rem 1rem;font-size:0.85rem}main{padding:1rem}}@media (max-width:480px){nav ul{font-size:0.75rem}h1{font-size:1.5rem}}