*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.7;color:#1a1a1a;background:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-header{height:64px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:18px;font-weight:600;color:#1a1a1a;text-decoration:none;letter-spacing:-.02em}.site-nav{display:flex;gap:32px}.site-nav a{color:#666;text-decoration:none;font-size:15px;transition:color .2s}.site-nav a:hover{color:#1a1a1a}.main-container{max-width:900px;margin:0 auto;padding:48px 24px;min-height:calc(100vh - 64px - 120px)}.site-footer{background:#fff;border-top:1px solid #eee;padding:48px 24px}.footer-container{max-width:900px;margin:0 auto;text-align:center}.footer-container p{color:#999;font-size:14px}.scroll-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;background:#1a1a1a;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease;z-index:99;display:flex;align-items:center;justify-content:center;margin:0;min-width:auto}.scroll-to-top:hover{background:#333;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.scroll-to-top:active{transform:translateY(0)}h1{font-size:32px;margin-bottom:24px;letter-spacing:-.02em;line-height:1.3}h1,h2{font-weight:600;color:#1a1a1a}h2{font-size:24px;letter-spacing:-.01em}h2,p{margin-bottom:16px}.breadcrumb{font-size:14px;color:#999;margin-bottom:24px}.breadcrumb a{color:#666;text-decoration:none}.breadcrumb a:hover{color:#1a1a1a}.breadcrumb span{margin:0 8px}.tool-container{background:#fff;border:1px solid #eee;border-radius:12px;padding:32px;margin-bottom:48px}input[type=text],textarea{width:100%;padding:16px;border:1px solid #ddd;border-radius:8px;font-size:15px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;line-height:1.6;color:#1a1a1a;background:#fafafa;transition:all .2s ease;resize:vertical;margin-bottom:16px}input[type=text]:focus,textarea:focus{outline:none;border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px rgba(26,26,26,.05)}textarea{min-height:200px}button{padding:10px 18px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s ease;margin-bottom:16px}button:hover{opacity:.85}button:active{opacity:.7}button:disabled{background:#ddd;color:#999;cursor:not-allowed;opacity:1}pre{background:#fafafa;border:1px solid #eee;border-radius:8px;padding:16px;overflow-x:auto;font-size:14px;line-height:1.6;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;white-space:pre-wrap;word-wrap:break-word;margin-bottom:16px}a,pre{color:#1a1a1a}a{text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}.seo-content{margin-bottom:32px}.seo-section{margin-bottom:40px}.seo-section p{color:#444;font-size:15px;line-height:1.8}.seo-list{padding-left:24px}.seo-list li{margin-bottom:8px;color:#444;font-size:15px;line-height:1.7}.seo-example{display:grid;grid-template-columns:1fr 1fr;gap:16px}.seo-example--vertical{grid-template-columns:1fr}.seo-example-label{font-size:13px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px!important}.seo-faq{display:flex;flex-direction:column;gap:16px}.seo-faq-item{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px 20px}.seo-faq-item dt{font-weight:600;font-size:15px;margin-bottom:6px;color:#1a1a1a}.seo-faq-item dd{color:#555;font-size:14px;line-height:1.7}.seo-related{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0}.seo-related li a{display:inline-block;padding:6px 14px;background:#f4f4f4;border-radius:20px;font-size:14px;color:#1a1a1a;transition:background .2s}.seo-related li a:hover{background:#e8e8e8;opacity:1}@media (max-width:768px){.site-nav{gap:16px}.site-nav a{font-size:14px}.main-container{padding:32px 16px}.tool-container{padding:24px}h1{font-size:28px}.scroll-to-top{bottom:24px;right:24px;width:44px;height:44px}.seo-example{grid-template-columns:1fr}}