.container{max-width:1200px;margin:0 auto;padding:1rem;}main{min-height:60vh;padding:2rem 0;}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:3rem 1rem;text-align:center;margin-bottom:2rem;}.hero h1{font-size:2rem;margin-bottom:1rem;font-weight:700;}.hero .subtitle{font-size:1.1rem;opacity:0.95;}.intro{background:white;padding:2rem 0;margin-bottom:2rem;}.intro h2{font-size:1.75rem;margin-bottom:1rem;color:#2c3e50;}.intro p{font-size:1.05rem;line-height:1.8;color:#555;}section h2{font-size:1.75rem;margin-bottom:1.5rem;color:#2c3e50;border-left:4px solid #667eea;padding-left:1rem;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:1rem;}}.card{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.2s,box-shadow 0.2s;}.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.5rem;color:#2c3e50;}.card h3 a{color:#2c3e50;}.card h3 a:hover{color:#667eea;}.card .meta{font-size:0.9rem;color:#7f8c8d;margin-bottom:0.75rem;}.card .oneline{font-size:1rem;color:#555;line-height:1.6;margin-bottom:0.5rem;}.card .summary{font-size:0.95rem;color:#666;line-height:1.5;margin-top:0.5rem;}.card .review{font-size:0.9rem;color:#7f8c8d;font-style:italic;margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid #eee;}.card .tags{font-size:0.85rem;color:#95a5a6;margin-top:0.5rem;}.breadcrumb{font-size:0.9rem;color:#7f8c8d;margin-bottom:1.5rem;padding:0.75rem 0;border-bottom:1px solid #e0e0e0;}.breadcrumb a{color:#1a73e8;}.breadcrumb span{color:#555;}.page-desc{font-size:1.05rem;color:#666;margin-bottom:1rem;line-height:1.7;}.notice{background:#fff3cd;border-left:4px solid #ffc107;padding:1rem;margin:1rem 0;font-size:0.95rem;color:#856404;}.detail h1{font-size:2.25rem;margin-bottom:1.5rem;color:#2c3e50;}.detail .info{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem;}.detail .info p{margin-bottom:0.75rem;font-size:1rem;line-height:1.6;}.detail .info strong{color:#2c3e50;min-width:80px;display:inline-block;}.detail .tag{display:inline-block;background:#667eea;color:white;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.85rem;margin-right:0.5rem;}.detail section{margin-bottom:2rem;}.detail section h2{font-size:1.5rem;margin-bottom:1rem;color:#2c3e50;}.detail section p{font-size:1.05rem;line-height:1.8;color:#555;}.detail .oneline{background:#e8f4f8;border-left:4px solid #1a73e8;padding:1rem 1.5rem;border-radius:4px;}.detail .summary p,.detail .review p{text-align:justify;}@media (max-width:768px){.hero h1{font-size:1.5rem;}.hero .subtitle{font-size:1rem;}.detail h1{font-size:1.75rem;}section h2{font-size:1.5rem;}}