*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.6;color:#333;background:#fff;font-size:16px;}main{max-width:1200px;margin:0 auto;padding:2rem 1rem;}nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#f8f9fa;border-bottom:2px solid #e9ecef;position:sticky;top:0;z-index:100;}nav a{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#333;padding:0.5rem;font-weight:500;transition:color 0.2s;}nav a:hover{color:#007bff;}@media (max-width:768px){nav{padding:0.8rem 0.5rem;}nav a{font-size:0.85rem;padding:0.3rem;}}.breadcrumb{padding:1rem 2rem;font-size:0.9rem;color:#666;background:#f8f9fa;}.breadcrumb a{color:#007bff;text-decoration:none;margin:0 0.3rem;}.breadcrumb a:hover{text-decoration:underline;}h1{font-size:2rem;margin-bottom:1rem;color:#222;line-height:1.2;}h2{font-size:1.5rem;margin:2rem 0 1rem;color:#333;line-height:1.2;}h3{font-size:1.2rem;margin-bottom:0.5rem;color:#444;}p{margin-bottom:1rem;line-height:1.8;}a{color:#007bff;text-decoration:none;transition:color 0.2s;}a:hover{color:#0056b3;text-decoration:underline;}ul{list-style:none;}ul li{padding:0.5rem 0;}section{margin-bottom:3rem;}.hero{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:8px;margin-bottom:2rem;}.hero h1{color:white;margin-bottom:1rem;}.hero .intro{font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto;}.entry-links{background:#f8f9fa;padding:2rem;border-radius:8px;margin:2rem 0;}.entry-links ul li{padding:0.8rem 0;border-bottom:1px solid #e9ecef;}.entry-links ul li:last-child{border-bottom:none;}.entry-links a{font-size:1.1rem;font-weight:500;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:1rem;}}.card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:transform 0.2s,box-shadow 0.2s;}.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.card h3{margin-bottom:0.8rem;}.card h3 a{color:#222;font-weight:600;}.card h3 a:hover{color:#007bff;}.card .meta{font-size:0.9rem;color:#666;margin-bottom:0.5rem;}.card .one-line{font-size:0.95rem;color:#555;margin-bottom:0.8rem;line-height:1.6;}.card .excerpt{font-size:0.9rem;color:#666;margin-bottom:0.5rem;line-height:1.5;}.card .review-excerpt{font-size:0.85rem;color:#888;font-style:italic;margin-bottom:0.5rem;}.card .tags{font-size:0.85rem;color:#999;margin-top:0.8rem;}.list-page{max-width:1000px;margin:0 auto;}.list-page .page-desc{font-size:1.1rem;color:#555;margin-bottom:2rem;line-height:1.8;}.list-page .notice{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:1.5rem;margin-bottom:2rem;}.list-page .notice p{margin-bottom:0.5rem;font-weight:500;}.list-page .notice ul{margin-top:1rem;}.list-page .notice ul li{padding:0.3rem 0;}.detail-page{max-width:900px;margin:0 auto;}.detail-page h1{margin-bottom:1.5rem;}.detail-page .meta-info{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem;}.detail-page .meta-info p{margin-bottom:0.5rem;font-size:0.95rem;}.detail-page .one-line,.detail-page .summary,.detail-page .review{margin-bottom:2rem;}.detail-page .one-line h2,.detail-page .summary h2,.detail-page .review h2{font-size:1.3rem;margin-bottom:1rem;color:#333;border-left:4px solid #007bff;padding-left:1rem;}.detail-page .one-line p,.detail-page .summary p,.detail-page .review p{font-size:1rem;line-height:1.8;color:#444;}.detail-page .related{margin-top:3rem;padding-top:2rem;border-top:2px solid #e9ecef;}.error-page{text-align:center;padding:4rem 1rem;}.error-page h1{font-size:3rem;margin-bottom:1rem;color:#dc3545;}.error-page p{font-size:1.2rem;margin-bottom:1rem;}footer{background:#343a40;color:#fff;text-align:center;padding:2rem 1rem;margin-top:4rem;}footer p{margin:0;font-size:0.9rem;}.ui-style-0{--primary:#333;--accent:#ff6b6b;}.ui-style-1{--primary:#333;--accent:#ff6347;}.ui-style-2{--primary:#222;--accent:#ff4500;}.ui-style-3{--primary:#111;--accent:#dc143c;}.ui-style-4{--primary:#333;--accent:#e74c3c;}.ui-style-5{--primary:#1a1a1a;--accent:#c0392b;}.ui-style-6{--primary:#0d47a1;--accent:#2196f3;}.ui-style-7{--primary:#1565c0;--accent:#ffc107;}.ui-style-8{--primary:#263238;--accent:#4caf50;}.ui-style-9{--primary:#000;--accent:#9e9e9e;}.ui-style-10{--primary:#00C75A;--accent:#00ff70;}.ui-style-11{--primary:#0099FF;--accent:#ff6b35;}.ui-style-12{--primary:#FF6700;--accent:#ff8533;}.ui-style-13{--primary:#00A1D6;--accent:#FB7299;}.ui-style-14{--primary:#003366;--accent:#ff4500;}@media (max-width:768px){body{font-size:14px;}h1{font-size:1.5rem;}h2{font-size:1.3rem;}main{padding:1rem 0.5rem;}.hero{padding:2rem 1rem;}.hero .intro{font-size:1rem;}}