:root{--bg-color:rgba(249,249,251,0.9);--glass-bg:rgba(255,255,255,0.3);--glass-border:rgba(255,255,255,0.4);--glass-shadow:0 4px 12px rgba(0,0,0,0.1);--text-color:#2a2a2e}
body{margin:0;padding:20px;min-height:90vh;background:url('https://dailybing.com/api/v1') no-repeat center center/cover;font-family:Arial,sans-serif;color:var(--text-color)}
.glass{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:12px}
.search-container{max-width:720px;margin:100px auto 80px;transition:margin-top .3s ease}
.search-container.search-only{margin-top:200px}
.search-box{display:flex;align-items:center;padding:12px 20px;border-radius:50px}
.search-box .engine-select{position:relative;cursor:pointer;display:flex;align-items:center}
.search-box .engine-select .selected-engine{display:flex;align-items:center;padding:8px 12px}
.search-box .engine-select .selected-engine img{width:20px;height:20px;margin-right:8px}
.search-box .engine-select .options{position:absolute;top:150%;left:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;box-shadow:var(--glass-shadow);display:none;flex-direction:row;z-index:10;padding:5px}
.search-box .engine-select .options.show{display:flex;background:var(--glass-bg);backdrop-filter:blur(10px)}
.search-box .engine-select .options .option{display:flex;align-items:center;padding:5px;cursor:pointer;transition:background-color .2s;border-radius:5px}
.search-box .engine-select .options .option:hover{background-color:rgba(255,255,255,0.1)}
.search-box .engine-select .options .option img{width:20px;height:20px;margin-right:0}
.search-box .engine-select .options .option span{display:none}
.search-box input{flex:1;border:0;background:transparent;padding:8px 12px;font-size:16px;color:var(--text-color);outline:0}
.search-box input::placeholder{color:#666}
.search-box button{background:transparent;border:0;color:var(--text-color);cursor:pointer;padding:8px 12px;font-size:25px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .2s}
#searchBtn:hover{background-color:rgba(255,255,255,0.1)}
.top-sites{max-width:1000px;margin:0 auto;padding:20px;transition:opacity .3s ease,max-height .3s ease}
.top-sites.hidden{opacity:0;max-height:0;padding:0;overflow:hidden}
.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}
.site-card{display:flex;flex-direction:column;align-items:center;padding:16px;text-decoration:none;color:var(--text-color);border-radius:12px;transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative}
.site-card:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow)}
.site-icon{width:60px;height:60px;border-radius:8px;background:rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.site-icon i{font-size:20px}
.site-title{font-size:12px;text-align:center;line-height:1.3}
@media(prefers-color-scheme:dark){
	:root{--bg-color:rgba(42,42,46,0.9);--glass-bg:rgba(0,0,0,0.3);--glass-border:rgba(255,255,255,0.1);--text-color:#f9f9fb}
	.site-icon{background:rgba(0,0,0,0.3)}
}
.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}
.modal-content{background-color:var(--glass-bg);margin:10% auto;padding:20px;border:1px solid var(--glass-border);border-radius:12px;width:80%;max-width:500px;backdrop-filter:blur(10px)}
.modal-content label,.modal-content input{display:block;margin-bottom:10px;width:100%}
.modal-content input{padding:8px;border:1px solid #ccc;border-radius:4px;max-width:98%}
.modal-content button{background-color:#4caf50;color:white;padding:10px 15px;border:0;border-radius:4px;cursor:pointer}
.modal-content button:hover{background-color:#45a049}
.close{color:#fff;float:right;font-size:28px;font-weight:bold;cursor:pointer}
.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}
.context-menu{position:absolute;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;box-shadow:var(--glass-shadow);padding:5px 0;z-index:3;display:none;min-width:100px}
.context-menu ul{list-style:none;padding:0;margin:0}
.context-menu li{padding:8px 20px;cursor:pointer;transition:background-color .2s}
.context-menu li:hover{background-color:rgba(255,255,255,0.1)}
.site-card .edit-btn{position:absolute;top:0;right:3px;background:transparent;border:0;color:var(--text-color);cursor:pointer;font-size:18px;display:block}
.beian-info{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:10px 0;font-size:12px;color:#fff;background:var(--glass-bg);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border)}
#messageModal{display:none;position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}
#messageModal .modal-content{background-color:var(--glass-bg);margin:15% auto;padding:20px;border:1px solid var(--glass-border);border-radius:12px;width:80%;max-width:500px;backdrop-filter:blur(10px);text-align:center}
#messageModal .modal-content p{margin-bottom:20px}
#messageModal .modal-content button{background-color:#4caf50;color:white;padding:10px 15px;border:0;border-radius:4px;cursor:pointer}
#messageModal .modal-content button:hover{background-color:#45a049}
.fixed-buttons{position:fixed;bottom:200px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100}
.fixed-buttons button{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:var(--text-color);transition:background-color .2s;backdrop-filter:blur(10px)}
.fixed-buttons button:hover{background-color:rgba(255,255,255,0.1)}
html[data-theme="dark"]{--bg-color:rgba(42,42,46,0.9);--glass-bg:rgba(0,0,0,0.3);--glass-border:rgba(255,255,255,0.1);--text-color:#f9f9fb}
html[data-theme="dark"] body{background-color:var(--bg-color);color:var(--text-color)}
html[data-theme="dark"] .glass{background:var(--glass-bg);border:1px solid var(--glass-border)}
html[data-theme="dark"] .search-box input{color:var(--text-color)}
html[data-theme="dark"] .search-box input::placeholder{color:#aaa}
html[data-theme="dark"] .search-box button{color:var(--text-color)}
html[data-theme="dark"] .site-icon{background:rgba(0,0,0,0.3)}
html[data-theme="dark"] .modal-content{background-color:var(--glass-bg);border:1px solid var(--glass-border)}
html[data-theme="dark"] .modal-content input{background-color:rgba(255,255,255,0.1);color:var(--text-color);border:1px solid var(--glass-border)}
html[data-theme="dark"] .modal-content button{background-color:#4caf50;color:white}
html[data-theme="dark"] .context-menu{background:var(--glass-bg);border:1px solid var(--glass-border)}
html[data-theme="dark"] .context-menu li:hover{background-color:rgba(255,255,255,0.1)}
html[data-theme="dark"] .beian-info{background:var(--glass-bg);border-top:1px solid var(--glass-border);color:var(--text-color)}
html[data-theme="dark"] .fixed-buttons button{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-color)}
html[data-theme="dark"] .fixed-buttons button:hover{background-color:rgba(255,255,255,0.1)}
.switch-container{display:flex;align-items:center;margin-bottom:10px}
.switch{position:relative;display:inline-block;width:30px;height:16px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}
.slider:before{position:absolute;content:"";height:10px;width:10px;left:3px;bottom:3px;background-color:white;transition:.4s}
input:checked+.slider{background-color:#2196f3}
input:focus+.slider{box-shadow:0 0 1px #2196f3}
input:checked+.slider:before{transform:translateX(14px)}
.slider.round{border-radius:34px;width:35px}
.slider.round:before{border-radius:50%}
.switch-label{margin-left:8px}
#iframeModal .modal-content{position:relative;max-width:60%;height:70vh;max-height:90vh;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.3);overflow:hidden;display:flex;flex-direction:column;margin:5% auto;background:var(--glass-bg);backdrop-filter:blur(10px);box-shadow:var(--glass-shadow)}
#iframeModal .modal-content iframe{width:100%;height:100%;border:0;flex-grow:1;margin-top:10px;border-radius:7px;background-color:#fff}
#iframeModal .modal-content .close{position:absolute;top:5px;right:30px;font-size:15px;color:#666;cursor:pointer;z-index:2;transition:color .3s ease}
#iframeModal .modal-content .close:hover{color:#000}
#iframeModal .modal-content .fullscreen-btn{position:absolute;top:-9px;right:50px;background-color:transparent;border:0;font-size:20px;color:#666;cursor:pointer;z-index:2;transition:color .3s ease}
#iframeModal .modal-content .fullscreen-btn:hover{color:#000}
#appStoreModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000}
#appStoreModal .modal-content{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);background:var(--glass-bg);padding:20px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,0.1);backdrop-filter:blur(10px);color:var(--font-color);max-height:70vh;overflow:auto}
#appStoreModal .close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}
#appStoreContainer{display:flex;flex-wrap:wrap;justify-content:space-around;max-height:50vh;overflow-y:auto;padding:10px}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}
::-webkit-scrollbar-thumb{background:#888;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#555}
.top-sites{max-height:99999vh;overflow-y:auto;padding:10px}
@media(max-width:767px){
	.top-sites{max-height:50vh;overflow-y:auto;padding:10px}
}