:root{color-scheme:light;--bg:#ffffff;--bg-sub:#f6f7f8;--text:#1f2328;--text-sub:#646b74;--line:#e2e5e9;--link:#1266b5;--link-hover:#0b4d8a;--accent:#e8590c;--max:760px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;line-height:1.85;font-size:16px}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}img{max-width:100%;height:auto}.site-header{border-bottom:1px solid var(--line);padding:20px 16px;text-align:center;background:var(--bg)}.site-title{font-size:20px;font-weight:700;color:var(--text);display:inline-block}.site-title:hover{color:var(--accent);text-decoration:none}.site-desc{margin:4px 0 0;font-size:12px;color:var(--text-sub)}.site-main{max-width:var(--max);margin:0 auto;padding:24px 16px 64px}.site-footer{border-top:1px solid var(--line);padding:24px 16px;text-align:center;font-size:12px;color:var(--text-sub);background:var(--bg-sub)}.site-footer .note{margin:0 0 6px}.breadcrumb{font-size:12px;color:var(--text-sub);margin-bottom:10px;word-break:break-all}.breadcrumb .sep{margin:0 6px;color:var(--line)}h1{font-size:25px;line-height:1.45;margin:8px 0 12px}.meta{font-size:13px;color:var(--text-sub);margin-bottom:18px}.eyecatch{width:100%;border-radius:6px;margin-bottom:20px}.toc{background:var(--bg-sub);border:1px solid var(--line);border-radius:6px;padding:14px 18px;margin:0 0 26px;font-size:14px}.toc-title{font-weight:700;margin-bottom:6px}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin:3px 0}.toc li.lv3{padding-left:18px;font-size:13px}.content h2{font-size:21px;margin:40px 0 14px;padding:6px 0 6px 12px;border-left:4px solid var(--accent);line-height:1.45}.content h3{font-size:18px;margin:30px 0 10px}.content p{margin:0 0 18px}.content ol,.content ul{margin:0 0 18px;padding-left:1.6em}.content li{margin:4px 0}.content img{border-radius:4px;margin:4px 0}.content blockquote{margin:0 0 18px;padding:10px 16px;border-left:3px solid var(--line);background:var(--bg-sub);color:var(--text-sub)}.content pre{background:var(--bg-sub);border:1px solid var(--line);border-radius:4px;padding:12px;overflow-x:auto;font-size:13px}.content table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:14px;display:block;overflow-x:auto}.content td,.content th{border:1px solid var(--line);padding:6px 10px}.content th{background:var(--bg-sub)}.content iframe{max-width:100%;margin:0 0 18px}.app-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:14px;margin:0 0 22px;background:var(--bg-sub)}.app-icon{width:76px;height:76px;border-radius:16px;flex:none}.app-meta{min-width:0}.app-name{font-weight:700;line-height:1.4}.app-dev,.app-price{font-size:12px;color:var(--text-sub)}.app-links{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.app-store{display:inline-block;font-size:12px;font-weight:700;padding:5px 12px;border-radius:4px;border:1px solid var(--link);color:var(--link)}.app-store:hover{background:var(--link);color:#fff;text-decoration:none}.count{font-size:13px;margin:0 0 16px}.cat-desc,.count{color:var(--text-sub)}.cat-desc{font-size:14px}.post-list{list-style:none;margin:0;padding:0}.post-list li{border-bottom:1px solid var(--line)}.post-list a{display:flex;gap:14px;padding:16px 0;color:var(--text);align-items:flex-start}.post-list a:hover{text-decoration:none}.post-list a:hover .title{color:var(--link)}.thumb{width:112px;height:74px;object-fit:cover;border-radius:4px;flex:none;background:var(--bg-sub)}.thumb-none{display:block}.post-list .body{display:flex;flex-direction:column;min-width:0}.post-list .title{font-weight:700;line-height:1.5;font-size:15px}.post-list .date{font-size:12px;color:var(--text-sub);margin:2px 0}.post-list .excerpt{font-size:13px;color:var(--text-sub);line-height:1.7}.pagination{display:flex;gap:6px;justify-content:center;align-items:center;margin:32px 0 0;flex-wrap:wrap;font-size:14px}.pagination .cur,.pagination .gap,.pagination a{min-width:36px;height:36px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.pagination a{border:1px solid var(--line)}.pagination a:hover{background:var(--bg-sub);text-decoration:none}.pagination .cur{background:var(--link);color:#fff;font-weight:700}.empty,.pagination .gap{color:var(--text-sub)}@media (max-width:560px){h1{font-size:21px}.content h2{font-size:19px}.thumb{width:88px;height:60px}.site-main{padding:18px 14px 48px}.app-card{padding:12px;gap:10px}.app-icon{width:60px;height:60px}}.site-nav{border-bottom:1px solid var(--line);background:var(--bg);overflow-x:auto;-webkit-overflow-scrolling:touch}.site-nav ul{display:flex;justify-content:center;gap:2px;list-style:none;margin:0 auto;padding:0 12px;max-width:var(--max);white-space:nowrap}.site-nav a{display:inline-block;padding:12px 14px;font-size:13px;font-weight:700;color:var(--text);border-bottom:2px solid transparent}.site-nav a:hover{color:var(--link);border-bottom-color:var(--link);text-decoration:none}.footer-nav ul{display:flex;justify-content:center;gap:18px;list-style:none;margin:0 0 10px;padding:0;flex-wrap:wrap}.footer-nav a{font-size:12px}