body{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);color:#e0e0e0;font-size:16px;min-height:100vh}main{max-width:1400px;margin:0 auto;padding:2rem}.layout-C .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}section{margin:3rem 0;padding:2rem;background:rgba(30,30,30,0.5);border-radius:12px;border:1px solid rgba(255,255,255,0.05)}section h2{font-size:1.8rem;margin-bottom:1.5rem;color:#ff4444;font-weight:600;border-left:4px solid #ff4444;padding-left:1rem}.intro{background:linear-gradient(135deg,rgba(255,68,68,0.1) 0%,rgba(30,30,30,0.5) 100%);border:1px solid rgba(255,68,68,0.2)}.intro h1{font-size:2.2rem;margin-bottom:1rem;color:#fff;font-weight:700}.intro p{font-size:1.1rem;line-height:1.8;color:#b0b0b0}.card{background:rgba(40,40,40,0.6);padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,0.08);transition:all 0.3s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(255,68,68,0.2);border-color:rgba(255,68,68,0.4);background:rgba(50,50,50,0.7)}.card h3{font-size:1.3rem;margin-bottom:0.75rem;color:#fff;font-weight:600}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:#ff4444;text-decoration:none}.card .meta{font-size:0.9rem;color:#888;margin-bottom:0.75rem}.card .oneline{font-size:0.95rem;line-height:1.6;color:#c0c0c0;margin:0.75rem 0}.card .summary{font-size:0.9rem;line-height:1.6;color:#999;margin-top:0.75rem}.card .review{font-size:0.85rem;line-height:1.5;color:#aaa;font-style:italic;margin-top:0.5rem;padding-left:0.75rem;border-left:2px solid rgba(255,68,68,0.3)}.card .rank{position:absolute;top:1rem;right:1rem;background:rgba(255,68,68,0.8);color:#fff;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.85rem;font-weight:700}.card .tags{font-size:0.85rem;color:#777;margin-top:0.5rem}.detail article{max-width:900px;margin:0 auto}.detail h1{font-size:2.5rem;margin-bottom:1rem;color:#fff;font-weight:700}.detail .meta-info{font-size:1rem;color:#888;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:0.5rem}.detail .tags{margin:1.5rem 0;display:flex;flex-wrap:wrap;gap:0.5rem}.detail .tag{background:rgba(255,68,68,0.15);color:#ff8888;padding:0.35rem 0.85rem;border-radius:20px;font-size:0.85rem;border:1px solid rgba(255,68,68,0.3)}.detail section{margin:2.5rem 0;padding:2rem}.detail section h2{font-size:1.6rem;margin-bottom:1rem;color:#ff4444}.detail section p{font-size:1.05rem;line-height:1.8;color:#c0c0c0}.detail .review p{font-style:italic;color:#aaa;border-left:3px solid rgba(255,68,68,0.5);padding-left:1.5rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.related-card{background:rgba(40,40,40,0.5);padding:1.25rem;border-radius:8px;border:1px solid rgba(255,255,255,0.08);transition:all 0.3s ease}.related-card:hover{transform:translateY(-2px);border-color:rgba(255,68,68,0.3);background:rgba(50,50,50,0.6)}.related-card h4{font-size:1.1rem;margin-bottom:0.5rem;color:#fff}.related-card h4 a{color:inherit;text-decoration:none}.related-card h4 a:hover{color:#ff4444}.related-card .oneline{font-size:0.9rem;line-height:1.5;color:#aaa}.list-page{padding:2rem}.list-page h1{font-size:2rem;margin-bottom:1.5rem;color:#fff;font-weight:700}.list-page .note{background:rgba(255,68,68,0.1);padding:1rem 1.5rem;border-radius:8px;border:1px solid rgba(255,68,68,0.3);margin-bottom:2rem;color:#c0c0c0;line-height:1.6}.list-page .note a{color:#ff8888;font-weight:600;margin:0 0.5rem}footer{text-align:center;padding:3rem 2rem;color:#777;border-top:1px solid rgba(255,255,255,0.05);margin-top:4rem}footer a{color:#1e90ff;margin:0 0.75rem;font-weight:500}footer a:hover{color:#4db8ff}.breadcrumb{background:rgba(30,30,30,0.3);border-radius:6px;padding:1rem 2rem;font-size:0.9rem;color:#999;margin-bottom:1.5rem}.breadcrumb a{color:#1e90ff;margin:0 0.5rem;transition:color 0.2s}.breadcrumb a:hover{color:#4db8ff;text-decoration:none}@media (max-width:768px){main{padding:1rem}.layout-C .grid{grid-template-columns:1fr;gap:1rem}section{padding:1.25rem;margin:1.5rem 0}section h2{font-size:1.4rem}.intro h1{font-size:1.6rem}.intro p{font-size:1rem}.detail h1{font-size:1.8rem}.related-grid{grid-template-columns:1fr}.breadcrumb{padding:0.75rem 1rem;font-size:0.85rem}}@media (max-width:480px){.card{padding:1rem}.card h3{font-size:1.1rem}.detail section{padding:1.25rem}}