body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.container{display:flex;width:100vw;height:100vh;gap:20px;background:#f5f5f5;overflow:hidden}.left-panel{width:20%;min-width:250px;padding:20px;display:flex;flex-direction:column;gap:20px;background:#fff;box-shadow:2px 0 5px #0000001a;height:100%}.right-panel{flex:1;height:100%;background:#fff;box-shadow:0 0 5px #0000001a;position:relative}.site-iframe{width:100%;height:100%;border:none}.site-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.site-list li{padding:12px 15px;border-bottom:1px solid #eee;cursor:pointer;transition:all .3s}.site-list li:hover{background-color:#f0f0f0}.site-list li.active{background-color:#e6e6e6}button{padding:12px 20px;background:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s}button:hover{background:#357abd}.site-title{font-weight:700;margin-bottom:4px}.site-blog{font-size:.9em;color:#666}.loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;justify-content:center;align-items:center;z-index:1000}.ad-container{width:93%;max-width:728px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.button-container{position:relative;width:100%}.button-container button{position:relative;width:100%;padding:12px;background:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s;text-align:center}.counter{position:absolute;top:-8px;right:-8px;background:#ff4757;color:#fff;border-radius:12px;min-width:24px;height:24px;padding:0 6px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s;animation:pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.footer{margin-top:auto;padding-bottom:20px;font-size:12px;color:#666;text-align:center}.footer a{color:#666;text-decoration:none}.footer a:hover{color:#4a90e2}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-button{display:none;position:fixed;top:10px;left:10px;z-index:1001;padding:10px;background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer}@media (max-width: 768px){.container{position:relative;gap:0}.menu-button{display:block}.left-panel{position:fixed;left:-100%;top:0;width:80%;max-width:300px;height:100%;z-index:1000;transition:left .3s ease;background:#fff}.left-panel.open{left:0}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.overlay.open{display:block}.right-panel{width:100%}}