.container{max-width:1200px;margin:0 auto;padding:0 1rem}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:3rem 1rem;text-align:center;margin-bottom:2rem}.hero h1{font-size:2rem;font-weight:700;line-height:1.3}.site-intro{background:#fff;padding:2rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.site-intro h2{font-size:1.5rem;margin-bottom:1rem;color:#333}.site-intro p{line-height:1.8;color:#666;margin-bottom:0.5rem}section h2{font-size:1.75rem;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #d32f2f;color:#333}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.15)}.card h3{font-size:1.25rem;margin-bottom:0.75rem;color:#333;line-height:1.4}.card h3 a{color:#333}.card h3 a:hover{color:#d32f2f}.card .meta{font-size:0.875rem;color:#999;margin-bottom:0.5rem}.card .genre{font-size:0.875rem;color:#666;margin-bottom:0.5rem}.card .oneline{font-size:0.95rem;color:#555;line-height:1.6;margin-bottom:0.5rem}.card .summary{font-size:0.9rem;color:#777;line-height:1.6;margin-bottom:0.5rem}.card .review{font-size:0.85rem;color:#888;font-style:italic;line-height:1.5;border-left:3px solid #d32f2f;padding-left:0.75rem;margin-top:0.75rem}.card .rank{position:absolute;top:-10px;right:-10px;background:#d32f2f;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.9rem}.link-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.link-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);text-align:center;transition:all 0.3s ease}.link-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.15);transform:translateY(-4px)}.link-card h3{font-size:1.5rem;margin-bottom:0.75rem}.link-card h3 a{color:#d32f2f}.link-card p{color:#666;font-size:0.95rem}.more{text-align:center;margin-top:1.5rem}.more a{display:inline-block;padding:0.75rem 2rem;background:#d32f2f;color:#fff;border-radius:4px;transition:background 0.3s ease}.more a:hover{background:#b71c1c;text-decoration:none}.list-page{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem}.list-page h1{font-size:2rem;margin-bottom:1rem;color:#333}.list-page .page-desc{font-size:1.05rem;color:#666;line-height:1.8;margin-bottom:2rem}.related-pages{background:#f9f9f9;padding:1.5rem;border-radius:4px;margin-bottom:2rem}.related-pages p{margin-bottom:0.75rem;font-weight:600;color:#333}.related-pages ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem}.related-pages li a{display:inline-block;padding:0.5rem 1rem;background:#fff;border:1px solid #d32f2f;border-radius:4px;color:#d32f2f;transition:all 0.3s ease}.related-pages li a:hover{background:#d32f2f;color:#fff;text-decoration:none}.detail{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem}.detail h1{font-size:2rem;margin-bottom:2rem;color:#333;line-height:1.3}.detail section{margin-bottom:2.5rem}.detail h2{font-size:1.5rem;margin-bottom:1rem;color:#444;border-bottom:2px solid #d32f2f;padding-bottom:0.5rem}.detail .basic-info ul{list-style:none}.detail .basic-info li{padding:0.5rem 0;border-bottom:1px solid #eee;line-height:1.6}.detail .basic-info strong{color:#333;margin-right:0.5rem}.detail .oneline p,.detail .summary p,.detail .review p{font-size:1.05rem;line-height:1.8;color:#555}.detail .review p{background:#f9f9f9;padding:1rem;border-left:4px solid #d32f2f;font-style:italic}.detail.invalid{text-align:center;padding:4rem 2rem}.detail.invalid h1{color:#999;margin-bottom:1rem}.detail.invalid p{color:#666;margin-bottom:1rem}.detail.invalid a{margin:0 0.5rem}.error-page{background:#fff;padding:4rem 2rem;text-align:center;border-radius:8px;margin:2rem 0}.error-page h1{font-size:2.5rem;color:#999;margin-bottom:1rem}.error-page p{font-size:1.1rem;color:#666;margin-bottom:1rem}.site-footer{background:#333;color:#fff;padding:2rem 0;margin-top:3rem;text-align:center}.site-footer p{font-size:0.9rem;line-height:1.6}@media (max-width:768px){.hero h1{font-size:1.5rem}section h2{font-size:1.4rem}.card-grid{grid-template-columns:1fr;gap:1rem}.link-cards{grid-template-columns:1fr}.detail h1{font-size:1.5rem}.detail h2{font-size:1.25rem}}.ui-style-0{--primary:#e91e63}.ui-style-1{--primary:#ff5722}.ui-style-2{--primary:#ff9800}.ui-style-3{--primary:#d32f2f}.ui-style-4{--primary:#c62828}.ui-style-5{--primary:#b71c1c}.ui-style-6{--primary:#1976d2}.ui-style-7{--primary:#1565c0}.ui-style-8{--primary:#2e7d32}.ui-style-9{--primary:#424242}.ui-style-10{--primary:#00c75a}.ui-style-11{--primary:#0099ff}.ui-style-12{--primary:#ff6700}.ui-style-13{--primary:#00a1d6}.ui-style-14{--primary:#3f51b5}.layout-A .card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.layout-B .featured .card-grid{grid-template-columns:repeat(2,1fr)}.layout-C .card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.layout-D .list-page{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.layout-E .card{padding:2rem}.layout-F .card .genre{font-size:1rem;font-weight:600;color:#d32f2f}.layout-G .card .meta::before{content:"#" attr(data-index) " ";font-weight:bold}@media (max-width:768px){.layout-B .featured .card-grid,.layout-D .list-page{grid-template-columns:1fr}}