:root{--bg:#f5f2ec;--card:#faf8f4;--border:#ddd8cc;--text:#2c2a26;--muted:#8a8070;--accent:#7a6a52;--accent2:#b5a48a;--tag:#e8e2d6;}[data-theme="dark"]{--bg:#1a1a1e;--card:#242428;--border:#3a3a42;--text:#d8d4cc;--muted:#8a8680;--accent:#a89878;--accent2:#c8b898;--tag:#2e2e34;}[data-theme="dark"] .top-bar{background:#202024;}[data-theme="dark"] .card:hover{background:rgba(255,255,255,0.08);}[data-theme="dark"] .cat-wrap::after{background:linear-gradient(to right,transparent,#1a1a1e);}[data-theme="dark"] .weather-popup{background:#2a2a2e;border-color:#3a3a42;box-shadow:0 4px 20px rgba(0,0,0,0.5);}[data-theme="dark"] .weather-popup a{color:var(--accent2);border-top-color:#3a3a42;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);min-height:100vh;}.dark-toggle{position:fixed;bottom:16px;right:16px;z-index:200;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0.55;transition:opacity 0.2s,transform 0.15s;-webkit-tap-highlight-color:transparent;}.dark-toggle:hover{opacity:1;transform:scale(1.05);}.dark-toggle:active{transform:scale(0.9);}.dark-toggle:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;}.top-bar{position:fixed;top:0;left:0;right:0;height:28px;background:#e8e4dc;border-bottom:1px solid var(--border);z-index:150;display:flex;align-items:center;padding:0 12px;gap:12px;}.top-bar .search{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:3px 10px;flex-shrink:0;}.top-bar .search input{border:none;background:transparent;color:var(--text);font-size:0.75rem;outline:none;width:80px;transition:width 0.2s;}.top-bar .search input::placeholder{color:var(--muted);}.top-bar a{font-size:0.85rem;color:var(--text);text-decoration:none;font-weight:500;flex-shrink:0;}.top-bar .quick-links-top{display:flex;align-items:center;gap:10px;}.top-bar .quick-links-top a:hover{color:var(--accent);}.cat-wrap{flex:1 1 0%;min-width:0;position:relative;overflow:visible;}.cat-wrap::after{content:'';position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none;opacity:0;transition:opacity 0.3s;z-index:1;}.cat-wrap.has-overflow::after{opacity:1;}.category-bar{display:flex;align-items:center;gap:4px;width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-user-select:none;}.category-bar::-webkit-scrollbar{display:none;}.category-bar:active,.category-bar.dragging{cursor:grabbing;}.weather-widget{font-size:0.75rem;color:var(--accent);cursor:pointer;flex-shrink:0;padding:0 4px;border-radius:4px;transition:background 0.15s;position:relative;}.weather-widget:hover{background:var(--tag);}.weather-widget:active{opacity:0.7;}.weather-popup{display:none;position:fixed;top:36px;right:12px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.15);z-index:300;min-width:200px;padding:12px 16px;text-align:center;color:var(--text);font-size:0.8rem;line-height:1.8;}.weather-popup.show{display:block;}.weather-popup a{color:var(--accent);text-decoration:none;font-size:0.75rem;display:inline-block;margin-top:6px;border-top:1px solid var(--border);padding-top:6px;width:100%;}.weather-popup a:hover{text-decoration:underline;}.weather-popup .w-city{font-size:0.9rem;font-weight:600;margin-bottom:4px;}.weather-popup .w-desc{color:var(--muted);font-size:0.75rem;}.weather-popup .w-loading{color:var(--muted);padding:8px 0;}.weather-popup .w-error{color:#dc3545;}header{text-align:center;padding:80px 24px 32px;}h1{font-family:"PingFang SC","Microsoft YaHei",serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:500;letter-spacing:0.12em;margin-bottom:20px;}.motto{font-size:clamp(0.78rem,2vw,0.92rem);color:var(--muted);font-weight:300;line-height:1.9;max-width:520px;margin:0 auto 32px;}.engine-search{max-width:560px;margin:0 auto 5px;}.engine-tabs{display:flex;justify-content:center;gap:4px;margin-bottom:12px;}.engine-tabs button{background:transparent;border:1px solid transparent;border-radius:20px;padding:6px 16px;font-size:0.8rem;color:var(--muted);cursor:pointer;transition:background 0.15s,color 0.15s;}.engine-tabs button:hover{color:var(--text);background:var(--tag);}.engine-tabs button.active{background:var(--card);border-color:var(--border);color:var(--text);}.engine-input{position:relative;max-width:480px;margin:0 auto;}.engine-input input{width:100%;padding:14px 56px 14px 20px;border:1.5px solid var(--border);border-radius:40px;background:var(--card);color:var(--text);font-size:0.95rem;outline:none;transition:border-color 0.15s,box-shadow 0.15s;}.engine-input input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(181,164,138,0.15);}.engine-input button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--accent);border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;}.quick-links{max-width:760px;margin:20px auto 0;padding:0 16px;}.quick-links.hidden{display:none;}.sq-table{width:100%;border-collapse:collapse;}.sq-table th{text-align:left;padding:4px 8px 4px 0;font-size:0.82rem;font-weight:500;color:var(--muted);white-space:nowrap;width:52px;}.sq-table td{padding:4px 6px;}.sq-table td a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:var(--text);font-size:0.82rem;padding:4px 8px;border-radius:4px;transition:background 0.15s;}.sq-table td a:hover{background:var(--tag);color:var(--accent);}.sq-ico{width:16px;height:16px;flex-shrink:0;}.divider{display:flex;align-items:center;gap:12px;max-width:900px;margin:0 auto 2px;padding:0 24px;cursor:pointer;user-select:none;}.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border);}.divider span{font-size:0.7rem;color:var(--muted);transition:transform 0.2s;}.divider.collapsed span{transform:rotate(180deg);}.cat-tab{padding:3px 8px;background:var(--card);border:1px solid var(--border);border-radius:3px;font-size:0.7rem;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:3px;color:var(--text);transition:background 0.15s;user-select:none;}.cat-tab:hover{background:var(--tag);}.cat-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);}#bookmarks{position:fixed;top:28px;left:0;right:0;display:none;flex-wrap:wrap;gap:4px;padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--border);z-index:99;max-height:66vh;overflow-y:auto;opacity:0;transform:translateY(-8px);transition:opacity 0.2s ease,transform 0.2s ease;}#bookmarks.show{display:flex;opacity:1;transform:translateY(0);}#bookmarks .card{display:flex;width:30%;}main{padding:36px 16px 80px;}main.hidden{display:none;}main .card-grid{display:flex;flex-wrap:wrap;gap:4px;width:100%;}.card{background:transparent;border:none;border-radius:4px;padding:4px 8px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:6px;transition:background 0.15s;height:24px;}.card:hover{background:rgba(0,0,0,0.06);}.card .h{display:flex;align-items:center;gap:6px;overflow:hidden;}.card .icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}.card .icon img{width:100%;height:100%;object-fit:contain;}.card .name{font-size:0.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}@media (max-width:640px){h1{font-size:1.5rem;}.motto{font-size:0.8rem;}.engine-tabs{flex-wrap:wrap;}.engine-tabs button{padding:5px 12px;font-size:0.78rem;}.quick-links{padding:0 8px;}.sq-table th{width:44px;font-size:0.75rem;}.sq-table td a{font-size:0.75rem;padding:3px 5px;}.sq-table tr{display:flex;flex-wrap:wrap;}.sq-table th{display:block;width:100%;padding:8px 8px 2px 0;}.sq-table td{display:inline-block;width:33.33%;}.sq-table td a{display:flex;}main{padding:24px 8px 80px;}.top-bar{height:32px;z-index:151;padding:0 8px;gap:8px;justify-content:space-between;}.top-bar .search input{width:60px;}.top-bar .search input:focus{width:120px;}header{padding-top:76px;}.cat-wrap{position:fixed;top:32px;left:0;right:0;background:transparent;z-index:150;display:flex;align-items:stretch;height:36px;overflow:hidden;}.cat-wrap .category-bar{flex:1;align-items:center;padding:0 8px;}#bookmarks{top:68px;overscroll-behavior:contain;scroll-behavior:smooth;}.cat-tab,.sq-table td a{min-height:36px;-webkit-tap-highlight-color:transparent;}.engine-tabs button,.engine-input button{min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent;}.card{min-height:36px;}.card:active,.sq-table td a:active{background:var(--tag);opacity:0.8;}.card:hover,.sq-table td a:hover{background:var(--tag);color:var(--accent);}html{-webkit-overflow-scrolling:touch;}}footer{text-align:center;padding:16px 20px;border-top:1px solid var(--border);font-size:12px;position:sticky;bottom:0;background:var(--bg);z-index:100;}footer a{color:var(--muted);text-decoration:none;transition:color 0.2s;white-space:nowrap;}footer a:hover{color:var(--accent);text-decoration:underline;}