.blog-wrap{max-width:760px;margin:0 auto;padding:24px 16px 48px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#d0d0d0;line-height:1.75}
.blog-wrap h1{font-size:1.8rem;color:#fff;margin:24px 0 12px;line-height:1.3}
.blog-wrap h2{font-size:1.35rem;color:#e8e8e8;margin:32px 0 10px}
.blog-wrap h3{font-size:1.1rem;color:#ccc;margin:24px 0 8px}
.blog-wrap p{margin:0 0 14px;color:#b0b0b0}
.blog-wrap ul,.blog-wrap ol{margin:0 0 14px 20px;color:#b0b0b0}
.blog-wrap li{margin-bottom:6px}
.blog-wrap a{color:#60a5fa;text-decoration:none}
.blog-wrap a:hover{text-decoration:underline}
.blog-wrap strong{color:#e0e0e0}
.blog-wrap blockquote{border-left:3px solid #555;padding:8px 16px;margin:16px 0;color:#999;font-style:italic}
.blog-wrap table{width:100%;border-collapse:collapse;margin:16px 0;font-size:0.9rem}
.blog-wrap th{background:#2a2a2a;color:#ccc;padding:8px 12px;text-align:left;border:1px solid #444}
.blog-wrap td{padding:8px 12px;border:1px solid #3a3a3a;color:#aaa}
.blog-wrap tr:nth-child(even) td{background:#1a1a1a}
.blog-breadcrumb{font-size:0.8rem;color:#666;margin-bottom:20px}
.blog-breadcrumb a{color:#60a5fa}
.blog-meta{font-size:0.8rem;color:#555;margin-bottom:24px}
.blog-related{margin-top:32px;padding-top:20px;border-top:1px solid #2a2a2a}
.blog-related h3{font-size:1rem;color:#ccc;margin-bottom:10px}
.blog-related li{margin-bottom:4px}
.blog-footer{margin-top:40px;padding-top:20px;border-top:1px solid #333;font-size:0.8rem;color:#555}
.blog-footer a{color:#60a5fa;margin-right:12px}
.blog-wrap pre{background:#1a1a1a;padding:12px;border-radius:4px;color:#aaa;overflow-x:auto;font-size:0.85rem}
.converter-widget{background:#1a1a1a;padding:20px;border-radius:8px;margin:24px 0;border:1px solid #333}
.converter-widget h2{margin-top:0;color:#e8e8e8;font-size:1.2rem}
.converter-row{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}
.converter-row label{color:#ccc;font-size:0.9rem}
.converter-row input[type="time"]{background:#0d0d0d;border:1px solid #333;color:#fff;padding:8px 12px;border-radius:4px;font-size:1rem;font-family:inherit}
.converter-row input[type="time"]:focus{outline:none;border-color:#60a5fa}
.converter-row input[readonly]{background:#1a1a1a;color:#60a5fa}
.converter-note{font-size:0.8rem;color:#888;margin-top:8px}
.converter-note a{color:#60a5fa}
.faq-section{margin-top:32px;padding:20px;background:#1a1a1a;border-radius:8px;border:1px solid #333}
.faq-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #333}
.faq-item:last-child{border-bottom:none}
.faq-item h3{color:#e8e8e8;margin-bottom:8px;font-size:1.1rem}
.faq-item p{color:#b0b0b0}