.container{max-width:1200px;margin:0 auto;padding:1rem}.breadcrumb{font-size:0.9rem;color:#666;padding:0.8rem 0;margin-bottom:1rem}.breadcrumb a{color:#0066cc;text-decoration:underline}.breadcrumb a:hover{color:#004499}.intro{background:#fff;padding:1.5rem;border-radius:8px;margin:1.5rem 0;box-shadow:0 2px 8px rgba(0,0,0,0.05);line-height:1.8}.section{margin:2.5rem 0}.section h2{font-size:1.5rem;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:3px solid #0066cc}.more-link{text-align:right;margin-top:1rem;font-size:0.95rem}.more-link a{color:#0066cc;text-decoration:underline;margin:0 0.5rem}.more-link a:hover{color:#004499}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:1rem}}.card{background:#fff;border-radius:8px;padding:1.2rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.12)}.card h3{font-size:1.1rem;margin-bottom:0.5rem;color:#333}.card h3 a{color:#333;transition:color 0.3s}.card h3 a:hover{color:#0066cc}.card .meta{font-size:0.85rem;color:#999;margin-bottom:0.5rem}.card .oneline{font-size:0.95rem;color:#666;line-height:1.6;margin:0.5rem 0}.card .excerpt{font-size:0.9rem;color:#777;line-height:1.5;margin:0.5rem 0}.card .tags{font-size:0.85rem;color:#0066cc;margin-top:0.8rem;padding-top:0.8rem;border-top:1px solid #eee}.page-intro{background:#fff;padding:1.5rem;border-radius:8px;margin:1.5rem 0;line-height:1.8}.page-intro .notice{margin-top:1rem;padding:1rem;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px}.page-intro .notice a{color:#0066cc;text-decoration:underline;margin:0 0.3rem}.detail{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.detail h1{font-size:2rem;margin-bottom:1.5rem;color:#222}.detail h2{font-size:1.3rem;margin:2rem 0 1rem;padding-bottom:0.5rem;border-bottom:2px solid #0066cc}.detail section{margin:1.5rem 0}.meta-info{background:#f8f9fa;padding:1rem;border-radius:6px;margin:1.5rem 0}.meta-item{margin:0.5rem 0;line-height:1.8}.meta-item strong{color:#555;min-width:4rem;display:inline-block}.oneline-section .oneline{font-size:1.1rem;color:#0066cc;font-weight:500;line-height:1.8}.summary-section p,.review-section p{line-height:2;text-align:justify;color:#444}.related-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #eee}.notice-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);margin:2rem 0}.notice-box h1{color:#dc3545;margin-bottom:1rem}.notice-box p{margin:0.8rem 0;line-height:1.8}.notice-box a{color:#0066cc;text-decoration:underline;margin:0 0.5rem}.ui-style-0{--primary-color:#0066cc;--accent-color:#ff6b35}.ui-style-1{--primary-color:#d32f2f;--accent-color:#ffa726}.ui-style-2{--primary-color:#1976d2;--accent-color:#ff5722}.ui-style-3{--primary-color:#e91e63;--accent-color:#ff4081}.ui-style-4{--primary-color:#c62828;--accent-color:#ff1744}.ui-style-5{--primary-color:#1565c0;--accent-color:#d32f2f}.ui-style-6{--primary-color:#0277bd;--accent-color:#1976d2}.ui-style-7{--primary-color:#01579b;--accent-color:#fbc02d}.ui-style-8{--primary-color:#2e7d32;--accent-color:#66bb6a}.ui-style-9{--primary-color:#000;--accent-color:#fff}.ui-style-10{--primary-color:#00C75A;--accent-color:#00a847}.ui-style-11{--primary-color:#0099FF;--accent-color:#ff5722}.ui-style-12{--primary-color:#FF6700;--accent-color:#ff8f00}.ui-style-13{--primary-color:#00A1D6;--accent-color:#FB7299}.ui-style-14{--primary-color:#1a237e;--accent-color:#ff5722}@media (max-width:768px){.detail{padding:1.5rem 1rem}.detail h1{font-size:1.5rem}.detail h2{font-size:1.2rem}.intro,.page-intro{padding:1rem}}