:root{--bg-color:#ffffff;--text-primary:#3c4043;--text-secondary:#5f6368;--accent-blue:#4285f4;--accent-red:#ea4335;--accent-green:#34a853;--accent-yellow:#fbbc04;--border-color:#dadce0;--bg-light-gray:#f1f3f4}*{margin:0;padding:0;box-sizing:border-box}.userguide-body{font-family:Google Sans Text,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;padding:20px}.guide-container{max-width:900px;margin:0 auto;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:40px;box-shadow:0 1px 3px rgba(0,0,0,.1)}h1,h2,h3,h4{color:var(--text-primary);margin-bottom:20px;font-weight:600}h2,h3{position:relative;scroll-margin-top:80px}.heading-link{position:absolute;top:50%;transform:translateY(-50%);left:-32px;opacity:0;transition:opacity .2s;cursor:pointer;text-decoration:none}h2:hover .heading-link,h3:hover .heading-link{opacity:1}.heading-link svg{width:22px;height:22px;color:var(--accent-blue)}h1{font-size:2.5rem;text-align:center;border-bottom:2px solid var(--accent-blue);padding-bottom:15px;margin-bottom:40px}h2{font-size:2rem;color:var(--accent-blue);margin-top:40px;border-bottom:1px solid var(--border-color);padding-bottom:10px}h3{font-size:1.5rem;color:var(--accent-red);margin-top:30px}h4{font-size:1.2rem;color:var(--accent-green);margin-top:20px}p{color:var(--text-secondary)}ol,p,ul{margin-bottom:15px}ol,ul{padding-left:30px}li{margin-bottom:10px}strong{color:var(--text-primary);font-weight:600}code{padding:2px 5px;border-radius:4px;color:var(--accent-red)}code,pre{background-color:var(--bg-light-gray);font-family:Courier New,Courier,monospace}pre{border:1px solid var(--border-color);border-radius:8px;padding:20px;margin:20px 0;overflow-x:auto;line-height:1.4}pre code{background-color:transparent;padding:0;border-radius:0;color:var(--text-primary);font-size:.9rem;white-space:pre}.screenshot-placeholder{width:100%;height:300px;background-color:var(--bg-light-gray);border:2px dashed var(--border-color);align-items:center;text-align:center;color:var(--text-secondary);font-style:italic;border-radius:8px}.screenshot-placeholder,.screenshot-wrapper{display:flex;justify-content:center;margin:20px 0}.screenshot-wrapper img{max-width:100%;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.15)}.highlight-box{border-left:4px solid var(--accent-blue);margin:20px 0}#toc-sidebar,.highlight-box{background:var(--bg-light-gray);padding:20px;border-radius:8px}#toc-sidebar{position:fixed;top:100px;left:calc(50% - 450px - 270px);width:250px;border:1px solid var(--border-color);box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1000;transition:opacity .3s ease,visibility .3s ease;visibility:visible;opacity:1}#toc-sidebar h4{font-size:1.1rem;color:var(--text-primary);margin-top:0;margin-bottom:15px;border-bottom:1px solid var(--border-color);padding-bottom:10px}#toc-sidebar ul{list-style:none;padding:0;margin:0}#toc-sidebar ul li{margin-bottom:10px}#toc-sidebar ul li a{text-decoration:none;color:var(--text-secondary);font-size:.9rem;display:block;padding:4px 0;transition:all .2s ease}#toc-sidebar ul li a:hover{color:var(--accent-blue);transform:translateX(4px)}#toc-sidebar ul li.active a{color:var(--accent-blue);font-weight:600}@media (max-width:1500px){#toc-sidebar{opacity:0;visibility:hidden;pointer-events:none}}