.container{max-width:1200px;margin:0 auto;padding:20px;}h1{font-size:2rem;margin-bottom:1rem;line-height:1.2;}h2{font-size:1.5rem;margin:2rem 0 1rem;line-height:1.2;}h3{font-size:1.2rem;margin-bottom:0.5rem;line-height:1.2;}p{margin-bottom:1rem;line-height:1.5;}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:60px 20px;text-align:center;}.hero h1{font-size:2.5rem;margin-bottom:1rem;}.hero .intro{font-size:1.1rem;opacity:0.95;}section{margin:40px 0;}.intro-section{background:white;padding:40px 0;}.intro-section p{font-size:1rem;line-height:1.8;margin-bottom:1rem;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px;}.card{background:white;padding:20px;border-radius:8px;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{margin-bottom:10px;}.card h3 a{color:#333;}.card h3 a:hover{color:#667eea;}.card .meta{color:#666;font-size:0.9rem;margin-bottom:10px;}.card .one-line{color:#444;font-weight:500;margin-bottom:10px;}.card .summary,.card .review{color:#666;font-size:0.95rem;line-height:1.6;margin-bottom:10px;}.card .tags{color:#888;font-size:0.85rem;}.list-page{background:white;padding:40px 0;}.list-page h1{margin-bottom:1rem;}.page-desc{color:#666;font-size:1rem;margin-bottom:2rem;}.notice{background:#f0f7ff;border-left:4px solid #667eea;padding:20px;margin:20px 0;}.notice ul{list-style:disc;margin-left:20px;margin-top:10px;}.card-list{margin-top:30px;}.card-item{background:white;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.card-item h3{margin-bottom:10px;}.card-item h3 a{color:#333;}.card-item h3 a:hover{color:#667eea;}.card-item .rank{color:#667eea;font-weight:bold;margin-right:5px;}.card-item .date{color:#667eea;font-size:0.9rem;margin-left:10px;}.more{float:right;font-size:1rem;color:#667eea;}.detail-page{background:white;padding:40px 0;}.detail-page header{margin-bottom:40px;}.detail-page .subtitle{color:#666;font-size:1.1rem;}.detail-page section{margin-bottom:40px;}.basic-info ul{list-style:none;}.basic-info li{padding:10px 0;border-bottom:1px solid #eee;}.basic-info li:last-child{border-bottom:none;}footer{background:#333;color:white;padding:30px 0;text-align:center;margin-top:60px;}footer p{margin:0;}@media (max-width:768px){nav a{font-size:0.85rem;padding:12px 5px;}.hero h1{font-size:1.8rem;}.card-grid{grid-template-columns:1fr;}h1{font-size:1.6rem;}h2{font-size:1.3rem;}}