body,html{height:100%}body{min-height:100vh}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:#111;background:#fff;flex-direction:column}.blog-page-root,body{display:flex;overflow:hidden}.blog-page-root{flex:1 1 auto;min-height:0;flex-direction:column}.ty-nav{justify-content:space-between;padding:0 2.5rem;height:58px;background:#fff;flex:0 0 auto;border-bottom:1px solid #ebebeb;position:-webkit-sticky;position:sticky;top:0;z-index:100}.ty-nav,.ty-nav-left{display:flex;align-items:center}.ty-nav-left{gap:1rem}.ty-nav-logo{font-size:1.8rem;font-weight:900;letter-spacing:-.05em;color:#111;line-height:1;text-decoration:none}.ty-nav-logo span{color:#aaff00}.ty-nav-menu{display:flex;align-items:center;gap:.1rem}.ty-nav-link{font-size:.92rem;font-weight:500;color:#999;background:none;border:none;cursor:pointer;padding:.3rem .75rem;border-radius:6px;font-family:inherit;transition:color .12s,background .12s;text-decoration:none;line-height:1}.ty-nav-link:hover{color:#111;background:#f5f5f5}.ty-nav-link.active{color:#111;font-weight:700;background:#f0f0f0}.ty-nav-right{display:flex;align-items:center;gap:.5rem}.ty-nav-login{font-size:.88rem;font-weight:500;color:#111;background:#fff;border:1.5px solid #ddd;cursor:pointer;padding:.38rem 1rem;border-radius:100px;font-family:inherit;transition:border-color .15s;line-height:1}.ty-nav-login:hover{border-color:#aaa}.ty-nav-register{font-size:.88rem;font-weight:700;color:#111;background:#aaff00;border:1.5px solid #aaff00;cursor:pointer;padding:.38rem 1rem;border-radius:100px;font-family:inherit;transition:background .12s;line-height:1}.ty-nav-register:hover{background:#99ee00;border-color:#99ee00}.blog-wrap{flex:1 1 auto;padding:.7rem 2.5rem .6rem;flex-direction:column}.blog-layout,.blog-wrap{min-height:0;width:100%;display:flex}.blog-layout{flex:1 1 auto;justify-content:center;align-items:stretch;gap:1.25rem;max-width:1620px;margin:0 auto}.blog-content-panel-wrap{width:100%;max-width:900px;flex:1 1 480px;min-width:0;display:flex;flex-direction:column;min-height:0}.blog-sidebar{flex:0 0 300px;width:300px;border:1px solid #ececec;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfbfb);overflow:hidden;padding:.6rem .6rem 0;display:flex;flex-direction:column}.blog-sidebar-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:.3rem;scrollbar-width:none;-ms-overflow-style:none}.blog-sidebar-list::-webkit-scrollbar{width:0;display:none}.blog-sidebar-pager{flex:0 0 auto;gap:.2rem;padding:.55rem 0 .5rem;margin-top:.2rem;border-top:1px solid #f0f0f0}.blog-pager-btn,.blog-sidebar-pager{display:flex;align-items:center;justify-content:center}.blog-pager-btn{width:20px;height:20px;border-radius:6px;border:1px solid #ececec;background:#fff;color:#777;font-family:JetBrains Mono,monospace;font-size:.64rem;font-weight:700;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.blog-pager-btn:hover{background:#f5f5f5}.blog-pager-btn.active{background:#111;color:#aaff00;border-color:#111}.blog-pager-arrow{width:18px;height:20px;border:none;background:none;color:#999;cursor:pointer;font-size:.78rem;display:flex;align-items:center;justify-content:center}.blog-pager-arrow:hover:not(:disabled){color:#111}.blog-pager-arrow:disabled{opacity:.3;cursor:default}.blog-post-item{display:flex;align-items:center;gap:.7rem;width:100%;height:3.6rem;text-align:left;border:none;background:none;cursor:pointer;font-family:inherit;padding:0 .45rem;border-radius:12px;color:#444;font-size:.95rem;font-weight:600;transition:background .12s,color .12s}.blog-post-item+.blog-post-item{margin-top:.15rem}.blog-post-item:hover{background:#f5f5f5}.blog-post-item.active{background:#aaff00;color:#111}.blog-post-num{flex:0 0 auto;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;color:#aaa;background:#f2f2f2;border-radius:100px;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.blog-post-item.active .blog-post-num{background:#111;color:#aaff00}.blog-post-item-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.22rem}.blog-post-item-tag{font-family:JetBrains Mono,monospace;font-size:.66rem;font-weight:700;color:#7a9900;letter-spacing:.02em}.blog-post-item.active .blog-post-item-tag{color:#4d5c00}.blog-post-item-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.blog-content-panel{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;border:1px solid #ececec;border-radius:16px;background:#fff;overflow:hidden}.blog-content-header{position:relative;flex:0 0 auto;padding:1.1rem 3.7rem 1rem 1.4rem;border-bottom:1px solid #f0f0f0}.blog-content-eyebrow{position:absolute;top:1.15rem;right:1.4rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;color:#7a9900;letter-spacing:.03em;background:#f4ffd6;border:1px solid #e2f7a8;border-radius:100px;padding:.25rem .7rem;line-height:1.3}.blog-content-title{font-size:1.4rem;font-weight:900;letter-spacing:-.02em;line-height:1.3}.blog-ad-slot{flex:0 0 auto;margin:.5rem 1.4rem 0;border:1.5px dashed #d8d8d8;border-radius:12px;background:#fafafa;color:#b3b3b3;font-size:.8rem;font-weight:600;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;height:98px}.blog-ad-slot.bottom{margin:.45rem 1.4rem .55rem}.blog-article-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1.1rem 1.4rem .4rem}.blog-article-scroll::-webkit-scrollbar{width:8px}.blog-article-scroll::-webkit-scrollbar-thumb{background:#e2e2e2;border-radius:8px}.blog-article p{font-size:1.02rem;line-height:1.8;color:#333;margin-bottom:1rem}.blog-article h3{font-size:1.1rem;font-weight:800;margin:1.5rem 0 .7rem;color:#111}.blog-article h3:first-child{margin-top:0}.blog-article ul{margin:0 0 1rem 1.2rem;color:#333}.blog-article li{font-size:1.02rem;line-height:1.8;margin-bottom:.35rem}.blog-article li b,.blog-article p b{color:#111}.blog-article .callout{background:#f4ffd6;border:1px solid #e2f7a8;border-radius:12px;padding:.9rem 1.1rem;font-size:.9rem;color:#55660a;line-height:1.65;margin:1.1rem 0}.blog-banner-ad{flex:0 0 260px;width:260px;border:1.5px dashed #d8d8d8;border-radius:16px;background:#fafafa;color:#b3b3b3;font-size:.8rem;font-weight:600;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;text-align:center}@media (max-width:1600px){.blog-banner-ad{display:none}}@media (max-width:900px){body{overflow:auto}.blog-wrap{padding:0 1.2rem 2rem}.blog-layout{flex-direction:column}.blog-sidebar{width:100%;max-height:240px}.blog-content-panel-wrap{max-width:100%}.blog-content-panel{min-height:60vh}}.ty-foot{text-align:center;padding:.8rem .6rem .6rem;font-size:.63rem;color:#999;border-top:1px solid #ebebeb;flex-shrink:0}.ty-foot a{color:#999;text-decoration:none}.ty-foot a:hover{color:#999;text-decoration:underline}.ty-login-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(17,17,17,.45);align-items:center;justify-content:center}.ty-login-overlay.active{display:flex}.ty-login-card{width:100%;max-width:360px;background:#fff;border-radius:20px;padding:2rem 1.8rem 1.8rem;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.18);font-family:Inter,sans-serif}.ty-login-close{position:absolute;top:.9rem;right:.9rem;width:28px;height:28px;border:none;background:#f5f5f5;border-radius:50%;color:#777;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.ty-login-close:hover{background:#ececec}.ty-login-logo{font-size:1.5rem;font-weight:900;letter-spacing:-.05em;color:#111;text-align:center;margin-bottom:.3rem}.ty-login-logo span{color:#aaff00}.ty-login-title{font-size:.95rem;color:#777;text-align:center;margin-bottom:1.6rem;font-weight:500}.ty-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1rem;border-radius:100px;border:1.5px solid #ddd;background:#fff;font-family:inherit;font-size:.92rem;font-weight:600;color:#111;cursor:pointer;transition:border-color .15s,background .12s}.ty-google-btn:hover{border-color:#aaa;background:#fafafa}