body{min-height:100vh;display:flex;flex-direction:column;}main{flex:1;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.page-title{font-size:28px;font-weight:bold;margin-bottom:20px;color:#222;border-bottom:3px solid #007bff;padding-bottom:10px;}.site-intro{background:#f8f9fa;padding:20px;border-radius:6px;margin-bottom:30px;line-height:1.8;}.content-section{margin-bottom:40px;}.content-section h2{font-size:22px;margin-bottom:15px;color:#333;border-left:4px solid #007bff;padding-left:10px;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:15px;}@media (max-width:768px){.card-grid{grid-template-columns:1fr;}}.card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px;transition:transform 0.2s,box-shadow 0.2s;}.card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.card h3{font-size:18px;margin-bottom:8px;color:#007bff;}.card h3 a:hover{text-decoration:underline;}.card-meta{font-size:13px;color:#666;margin-bottom:8px;}.card-genre{font-size:13px;color:#888;margin-bottom:8px;}.card-desc{font-size:14px;color:#555;line-height:1.6;margin-bottom:8px;}.card-summary{font-size:13px;color:#777;line-height:1.5;}.link-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:15px 0 20px 0;}.link-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:8px;transition:transform 0.2s;display:block;}.link-card:hover{transform:scale(1.05);}.link-card h3{font-size:18px;margin-bottom:5px;}.link-card p{font-size:14px;opacity:0.9;}.detail-page{max-width:900px;margin:0 auto;}.detail-title{font-size:32px;font-weight:bold;margin-bottom:20px;color:#222;}.detail-info{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px;font-size:15px;line-height:1.8;}.detail-info strong{color:#555;}.detail-oneline,.detail-summary,.detail-review,.detail-related{margin-bottom:25px;}.detail-oneline h2,.detail-summary h2,.detail-review h2,.detail-related h2{font-size:20px;margin-bottom:12px;color:#333;border-left:4px solid #28a745;padding-left:10px;}.detail-oneline p,.detail-summary p,.detail-review p{font-size:15px;line-height:1.8;color:#444;}.page-intro{background:#fff9e6;border-left:4px solid #ffc107;padding:15px;margin-bottom:20px;font-size:15px;line-height:1.7;}.page-intro a{color:#007bff;text-decoration:underline;}.invalid-page,.error-page{text-align:center;padding:60px 20px;}.invalid-page h1,.error-page h1{font-size:36px;color:#999;margin-bottom:20px;}.invalid-page p,.error-page p{font-size:16px;color:#666;margin-bottom:10px;}.invalid-page a,.error-page a{color:#007bff;text-decoration:underline;}.site-footer{background:#333;color:#fff;text-align:center;padding:20px;font-size:14px;}.ui-style-0{--primary-color:#007bff;}.ui-style-1{--primary-color:#ff5722;}.ui-style-2{--primary-color:#4caf50;}.ui-style-3{--primary-color:#e91e63;}.ui-style-4{--primary-color:#9c27b0;}.ui-style-5{--primary-color:#00bcd4;}.ui-style-6{--primary-color:#3f51b5;}.ui-style-7{--primary-color:#ffc107;}.ui-style-8{--primary-color:#00c75a;}.ui-style-9{--primary-color:#607d8b;}.ui-style-10{--primary-color:#00c75a;}.ui-style-11{--primary-color:#0099ff;}.ui-style-12{--primary-color:#ff6700;}.ui-style-13{--primary-color:#00a1d6;}.ui-style-14{--primary-color:#283593;}@media (max-width:768px){main{padding:15px;margin:10px;}.page-title{font-size:22px;}.detail-title{font-size:24px;}.content-section h2{font-size:18px;}}