/* 重置默认样式background: #f5f7fa; */
:root {
    --primary: #333;
    --primary-color: #00a193;
    --primary-rgb: 0, 161, 147;
    --border: #e8ebf9;
    --white: #fff;
    --eee: #eee;
    --simple-color: 204, 149, 0;
    --simple-black-color: 51, 51, 51;
    --simple-body-bg-color: 240, 242, 245;
    --simple-card-bg-color: 255, 255, 255;
    --simple-hover-bg-color: 241, 242, 243;
    --box-shadow: 0px -2px 10px 1px rgba(51, 51, 51, 0.05);
    --radius-s: 4px;
    --radius-m: 6px;
    --spacing: 0.25rem;
}
[data-theme="dark"] {
    --simple-color: 252, 149, 35;
    --simple-black-color: 221, 221, 221;
    --simple-body-bg-color: 5, 17, 36;
    --simple-card-bg-color: 12, 32, 58;
    --simple-hover-bg-color: 20, 36, 75;
    --box-shadow: 0px -2px 10px 1px rgba(255, 255, 255, 0.03);
}
[data-theme="dark"] .simple-search::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
}
/* 熊导航 utility 类 */
.d-flex { display: flex; }
.p-relative { position: relative; }
.align-items-center { align-items: center; }
.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.flex-direction-column { flex-direction: column; }
.gap-2 { gap: calc(var(--spacing) * 2); }
.mx-2 { margin-left: calc(var(--spacing) * 2); margin-right: calc(var(--spacing) * 2); }
.mx-3 { margin-left: calc(var(--spacing) * 4); margin-right: calc(var(--spacing) * 4); }
.mx-4 { margin-left: calc(var(--spacing) * 6); margin-right: calc(var(--spacing) * 6); }
.my-1 { margin-top: var(--spacing); margin-bottom: var(--spacing); }
.my-2 { margin-top: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * 2); }
.my-3 { margin-top: calc(var(--spacing) * 4); margin-bottom: calc(var(--spacing) * 4); }
.mt-1 { margin-top: var(--spacing); }
.mt-2 { margin-top: calc(var(--spacing) * 2); }
.mt-3 { margin-top: calc(var(--spacing) * 4); }
.mt-4 { margin-top: calc(var(--spacing) * 6); }
.mr-1 { margin-right: var(--spacing); }
.mr-2 { margin-right: calc(var(--spacing) * 2); }
.mr-3 { margin-right: calc(var(--spacing) * 4); }
.ml-2 { margin-left: calc(var(--spacing) * 2); }
.ml-3 { margin-left: calc(var(--spacing) * 4); }
.mb-1 { margin-bottom: var(--spacing); }
.mb-2 { margin-bottom: calc(var(--spacing) * 2); }
.mb-3 { margin-bottom: calc(var(--spacing) * 4); }
.mb-4 { margin-bottom: calc(var(--spacing) * 6); }
.p-1 { padding: var(--spacing); }
.p-2 { padding: calc(var(--spacing) * 2); }
.p-3 { padding: calc(var(--spacing) * 4); }
.p-4 { padding: calc(var(--spacing) * 6); }
.pb-1 { padding-bottom: var(--spacing); }
.pb-2 { padding-bottom: calc(var(--spacing) * 2); }
.pb-3 { padding-bottom: calc(var(--spacing) * 4); }
.px-2 { padding-left: calc(var(--spacing) * 2); padding-right: calc(var(--spacing) * 2); }
.px-3 { padding-left: calc(var(--spacing) * 4); padding-right: calc(var(--spacing) * 4); }
.px-4 { padding-left: calc(var(--spacing) * 6); padding-right: calc(var(--spacing) * 6); }
.py-1 { padding-top: var(--spacing); padding-bottom: var(--spacing); }
.py-2 { padding-top: calc(var(--spacing) * 2); padding-bottom: calc(var(--spacing) * 2); }
.py-3 { padding-top: calc(var(--spacing) * 4); padding-bottom: calc(var(--spacing) * 4); }
.py-4 { padding-top: calc(var(--spacing) * 6); padding-bottom: calc(var(--spacing) * 6); }
* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-weight: 400;line-height: 1;color: var(--primary);background: linear-gradient(45deg,rgba(0, 204, 102, 0.05),  rgba(16, 119, 243, 0.05), rgba(255, 102, 0, 0.05));min-height: 100vh;overflow-x: hidden;position: relative;}
ul,li{list-style: none; }
a{color: var(--primary);text-decoration: none;outline: none;}
a:hover{color: var(--primary-color);text-decoration: underline;}
.lozad {padding: 0px 0;}
/* 头部导航 固定定位 */
.header {width: 100%;height: 55px;background: var(--white);box-shadow: 0 1px 6px var(--eee);position: fixed;top: 0;left: 0;z-index: 999;}
.header-inner {width: 1300px;margin: 0 auto;height: 100%;display: flex;align-items: center;justify-content: space-between;}
.logo {font-size: 18px;height: 40px;}
.logo img{height: 40px;}
.header-title { font-size:1rem;margin-left: 1rem;color: #999;font-weight: 400;}
.nav {display: flex;margin-left: auto;align-items: center;}
.nav a {text-decoration: none;margin: 0 6px;font-size: 16px;line-height: 26px;}
.nav a:hover {text-decoration: none;}
#clock {font-size: 16px;font-family: monospace;font-weight: 600;margin-left: 15px;}
/* icon_图标 */
.icon_list{position: relative;padding: 0px;width:1300px;border: 1px solid var(--border); box-shadow: 0 2px 10px var(--eee);margin-top:0.5rem;margin-bottom:1rem;height:102px;background-color: var(--white);}
.icon_list ul{ position: absolute;zoom: 1;top: 0;left: 0;bottom: 0;right: 0;}
.icon_list ul li{ float:left;margin-left: 0px;display: block; width:71.6px;}
.icon_list ul li a{font-size: 12px;overflow: hidden;display: block;width: 71.6px;height: 100px;border-radius: 5px;padding-top: 8px;padding-bottom: 0px;margin: 0 auto;text-align: center;outline: 0;text-decoration: none;transition: all 0.25s ease;}
.icon_list ul li a:hover{text-decoration: none;background:rgba(var(--primary-rgb), 0.05);font-size: 12px;transform: translateY(-2px);}
.icon_list ul li a:hover img {animation: jumps 0.8s ease;}
.icon_list ul li img {display: block;margin: 5px auto;width: 50px;height: 50px;border-radius:10px;}
.icon_list ul li .title {text-align: center;display: block;margin: 0 auto;margin-top: 0px;line-height: 22px;height: 22px;font-size: 12px;width: 100%;}
.website-wrap {width: 100%;padding-top: 20px;margin: 0 auto;position: relative;overflow: hidden;box-shadow: 0 2px 10px var(--eee);}
.website-wrap .preset-list {position: relative;overflow: hidden;padding-top: 5px;}
.website-wrap .preset-list li {width:5.5555%;float: left;}
.website-wrap .preset-list li a {display: block; padding-top:3px;margin-right:5px;border: 2px solid var(--white);transition: transform 0.25s, background-color 0.25s, border-color 0.25s;}
.website-wrap .preset-list li a:hover {border-color: var(--primary-color);text-decoration: none;transform: translateY(-2px);position: relative;z-index: 2;}
.website-wrap .preset-list li a:hover .pic {animation: jumps 0.8s ease;}
.website-wrap .preset-list li a .pic {display: block;width: 50px;height: 50px;margin: 7px auto 0;border-radius: 10px;}
.website-wrap .preset-list li a .title {display: block;width: 100%;height: 20px;font-size: 12px;text-align: center;margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 主容器 */
.container {
max-width: 1300px;margin: 0 auto;padding: 55px 0 0 0;display: flex;flex-direction: column;position: relative;z-index: 1;}
/* 搜索框 start - */
.simple-search { width: 100vw; margin-left: calc(-50vw + 50%); padding: 84px 0 80px; background: linear-gradient(45deg, rgba(255, 234, 216, .34),rgba(0, 204, 102, 0.12), rgba(216, 240, 255, .24), rgba(16, 119, 243, 0.12), rgba(224, 248, 224, .24),rgba(240, 226, 255, .34), rgba(255, 102, 0, 0.2)); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; justify-content: center; position: relative; }
.simple-search-box { flex: 1; max-width: 850px; height: 55px; border-radius: var(--radius-m); background: rgba(var(--simple-card-bg-color), .6); backdrop-filter: blur(12px); z-index: 999; }
.simple-search-select { width: 28px; height: 28px; cursor: pointer; position: relative; }
.simple-search-select img { width: 100%; height: 100%; }
.simple-search-input { flex: 1; border: none; outline: none; background: transparent; font-size: 15px; color: rgba(var(--simple-black-color)); }
.simple-search-input::placeholder { color: rgba(var(--simple-black-color), .6); }
.simple-search-clear { width: 40px; cursor: pointer; transform: scale(0); transition: all .2s ease; color: rgba(var(--simple-black-color)); }
.simple-search-clear.show { transform: scale(1); }
.simple-search-submit { width: 50px; border: none; background: transparent; cursor: pointer; }
.simple-search-submit i { font-size: 22px; font-weight: 500; color: rgba(var(--simple-black-color)); }
.engine-panel { position: absolute; border-radius: var(--radius-m); padding: 8px; box-shadow: var(--box-shadow); z-index: 999; top: 100%; left: 0; width: 100%; opacity: 0; transform: translateY(-10px); visibility: hidden; pointer-events: none; transition: all .25s ease; background: rgba(var(--simple-card-bg-color)); backdrop-filter: blur(12px); }
.engine-panel.show { opacity: 1; transform: translateY(0); visibility: visible; pointer-events: auto; }
.engine-panel-wrap { flex-wrap: wrap; justify-content: space-around; }
.engine-item { padding: 8px 12px; border-radius: 8px; font-size: 13px; cursor: pointer; }
.engine-item:hover { background: rgba(var(--simple-hover-bg-color)); }
.engine-item-img { width: 36px; height: 36px; background: rgba(var(--simple-hover-bg-color)); border-radius: var(--radius-s); display: flex; align-items: center; justify-content: center; }
.engine-item-img.active { background: rgba(var(--simple-color), .1); }
.engine-item-img img { width: 20px; height: 20px; }
.engine-item-name { font-size: 12px; margin-top: 4px; color: rgba(var(--simple-black-color), .6); }
.suggest-list { position: absolute; top: 100%; left: 0; right: 0; background: rgba(var(--simple-card-bg-color)); border-radius: var(--radius-m); box-shadow: var(--box-shadow); margin-top: 8px; max-height: 260px; overflow-y: auto; display: none; z-index: 99; }
.suggest-list.show { display: block; }
.suggest-item { padding: 10px 16px; cursor: pointer; border-radius: var(--radius-s); }
.suggest-item:hover, .suggest-item.active { background: rgba(var(--simple-hover-bg-color)); color: rgba(var(--simple-color)); }
/* 搜索框 end */
/* 电脑 */
.category-top {width: 100%;margin-bottom: 1.2rem;padding: 6px 0 6px 6px ;position: relative;box-shadow: 0 2px 10px var(--eee);border: 1px solid var(--border); background-color: var(--white);overflow: hidden;}
.category-top ul li a{color: var(--primary-color);font-size: 15px;line-height: 30px;overflow: hidden;transition: all 0.25s ease;display: inline-flex;align-items: center;min-height: 30px;}
.category-top ul li a:hover{color: var(--primary);}
.category-top ul li a:hover img{animation: jumps 0.8s ease;}
.category-top ul{white-space: nowrap;overflow: hidden;}
.category-top li{display: block;float: left; margin:0 5px 0 5px;overflow: hidden;}
.category-top ul li img{width: 20px; height: 20px; margin:0 5px 0 0;}
/* 广告区域样式 - 移到顶部 */
.topdh-section {text-align: center;position: relative;overflow: hidden;margin-top: 1.5rem;margin-bottom: 1.5rem;padding: 0.3rem 0.3rem;}
.ad-section {background-color: var(--white);text-align: center;position: relative;overflow: hidden;margin: 0 0 1rem 0;padding: 0.5rem 0.5rem 0.5rem 1.5rem;border: 1px solid var(--border);box-shadow: 0 2px 10px var(--eee);}
.ad-title {font-size: 1rem;color: #c084fc;margin-bottom: 0.5rem;text-shadow: 0 0 10px rgba(196, 181, 253, 0.3);}
.ad-links {display: grid;grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));gap: 0rem;flex-wrap: wrap;justify-content: center;align-items: center;padding: 0px;margin: 0px;line-height: 1.2;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition:max-height 0.2s ease;}
.ad-links.close{max-height:250px;}
.ad-links.open{max-height:100%;}
.ad-links a{ font-size: 14px;text-decoration: none;line-height: 1.2;padding: 0.4rem 0.4rem;margin: 0.26rem 0rem 0.26rem 0rem;border-bottom: 1px dotted #F0F0F0;display: flex;align-items: center;}
.ad-links a:hover{text-decoration: underline;}

.toggle-btn{border:1px solid var(--primary-color);color:var(--primary-color);background:var(--white);padding:4px 12px;cursor:pointer;transition:0.3s;border-radius: 5px;}
.toggle-btn:hover{background:var(--primary-color);color:var(--white);}

.topdh-links {display: grid;grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));gap: 0rem;flex-wrap: wrap;justify-content: center;align-items: center;padding: 0px;margin: 0px;line-height: 1;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.topdh-links a{color: var(--primary-color); font-size: 16px;text-decoration: none;line-height: 1;padding: 0.5rem;margin: 0.3rem 0rem;background: linear-gradient(to bottom, #eaf2fd, var(--primary-color),#eaf2fd) right center no-repeat; background-size: 1px 70%;}
.topdh-links a:hover{color: var(--primary);text-decoration: underline;font-weight: 600;}
.ad-link {color: var(--primary-color);padding: 0.4rem 0.4rem;margin: 0.3rem 0rem 0.3rem 0rem;font-size: 16px;line-height: 1;display: inline-flex;align-items: center;}
.ad-link img{width:20px; height: 20px; margin:0 5px 0 0;}
.ad-link:hover {text-decoration: none;}
.link-list{display:flex;flex-wrap:wrap;gap:0px 15px;padding:10px 5px 10px 20px;}
.link-list a{color: var(--primary);font-size: 16px;line-height:40px;padding:0px 15px 0px 0;white-space:nowrap;border-bottom: 1px dotted #eee;}
.link-list a:hover{color: var(--primary-color);text-decoration: underline;}

.yellow{background:#faff72;}/*黄色*/
.red{background:#f47983;}/*红色*/
.Black{background:#c2ccd0;}/*黑色*/
.green{background:#bce672 !important;}/*绿色*/
.purple{background:#cca4e3;}/*紫色*/
.blue{background:#70f3ff;}/*蓝色*/
.gray{background:#eaf2fd;}/*灰色*/
.tuijian{color: #FF0000;}/*红色*/
/* 主要内容区域 */
.main {display: grid;margin-bottom: 0rem;padding-bottom: 0rem;flex: 1;}
/* 分类卡片样式 - 移除流动边框特效 */
.category-card {margin-bottom: 1rem;position: relative;overflow: hidden;padding: 0.5rem 0.5rem ;border: 1px solid var(--border);background:var(--white);box-shadow: 0 2px 10px var(--eee);}
/* 分类头部 */
.category-header {font-size: 0.8rem;display: flex;align-items: center;margin: 10px;padding-bottom: 10px;border-bottom: 1px solid var(--border);}
.category-icon {color: var(--primary-color);width:20px; height: 20px; margin:-2px 2px 0 0;vertical-align: middle;margin-right: 10px;display: inline-block;}
.category-title {color:var(--primary-color);font-weight: 600;font-size: 1rem;margin: 0;position: relative;margin-right: 1.5rem;}
/* 链接网格 */
.links-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));gap: 0rem;overflow:hidden;transition:max-height 0.2s ease;}
.links-grid.close{max-height:0px;}
.links-grid.open{max-height:100%;}
/* 电脑链接 */
.nav-link {display: flex;align-items: center;padding: 10px 5px;margin: 0.5rem;text-decoration: none;border-radius: 5px;transition: all 0.3s ease;font-size: 15px;position: relative;overflow: hidden;background: rgb(var(--primary-rgb), 0.02);border: 1px solid var(--border);white-space: nowrap;text-overflow: ellipsis;}
.nav-link:hover {background:var(--white);border: 1px solid var(--primary-color);transform: translateY(-4px);box-shadow: 0px 5px 5px #ddd;transition: transform .3s, box-shadow .3s;text-decoration: none;}
/* 图标样式 */
.link-icon {width: 25px;height: 25px;margin: 0.1rem 0.3rem 0 0.3rem;display: inline-block;transition: all 0.3s ease;position: relative;}
/* 网站favicon图标样式 */
.site-favicon {width: 20px;height: 20px;margin-right: 0.2rem;border-radius: 3px;transition: all 0.3s ease;object-fit: cover;position: relative;z-index: 1;}
.nav-link:hover .link-icon,.nav-link:hover .site-favicon {background: rgba(255, 255, 255, 0.1);animation: jumps 0.8s ease;}
/* 页面底部 */
.link {width:100%;border: 1px solid var(--border);box-shadow: 0 2px 10px var(--eee);margin-bottom:1rem;font-size:14px;background: rgba(255, 255, 255, 0.8);}
.link ul li {margin: 10px;padding: 0 5px 0 10px;}
.link ul li a{margin: 0px 5px;line-height: 30px;}
.link ul li a:hover {text-decoration: underline;}
.linktop {width:100%;border-bottom: 1px solid var(--border);height: 36px;background: url(../images/link.svg) 8px 7px no-repeat;}
.linktop span {margin-left: 40px;line-height: 36px;}
/* 底部样式 */
.footer {text-align: center;padding:10px 20px 20px 20px;margin-top: 10px;position: relative;line-height: 1.6rem;}
.footer::before {content: '';position: absolute;top: -1px;left: 0;right: 0;height: 1px;}
.footer p {font-size:13px;color: var(--primary);}
.footer img {height: 25px;margin: 5px 5px 5px 0;vertical-align: middle;line-height:2rem;transition: filter 0.3s ease;}
.footer p a {display: inline-block;transition: transform 0.25s ease;}
.footer p a:hover img {animation: jumps 0.8s ease;}
.footer p a:hover {transform: translateY(-2px);}

#rfloat {position: fixed;right: 0;opacity: .99;top: 260px;color: var(--primary);border-radius: 5px 0 0 5px;z-index: 99;}
#rfloat ul {width: 40px;margin: 0;padding: 0;text-align: center;z-index: 99;opacity: 1;}
#rfloat ul li {margin :5px 0 5px 0;border-radius: 5px 0 0 5px;background-color: var(--white);}
#rfloat ul li a {padding: 5px 0px;display: block;font-size: 13px;}
#rfloat ul li a:hover {text-decoration: none;font-size: 15px;border-radius: 5px 0 0 5px;transform: translateY(-3px);box-shadow: 0 3px 6px rgb(var(--primary-rgb), 0.99);}
/* 响应式设计 */
@media (max-width: 1300px) {
.header-inner, .container {width: 100%;}
}
@media (max-width: 768px) {
body {padding-top: 50px;background: rgb(var(--primary-rgb), 0.05);}
.container {padding: 0px;}
.header {height: auto;display: flex; align-items: center;}
.header-inner {padding: 10px 10px;}
.header-title { display: none;}
.nav {margin-top: 8px;}
.icon_list {display:none;}
.website-wrap {width: 100%;padding-top: 20px;margin: 0 auto;position: relative;}
.website-wrap .preset-list li {width:11.1111%;float: left;margin-bottom:10px;display: block;}
/* 搜索框 start */
.simple-search {padding: 70px 0 70px;}
.simple-search-box {width: 100%;}
.simple-search-input {font-size: 0.95rem;}
/* 搜索框 end */
.ad-links {grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));gap: 0rem;}
.ad-links a{font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.links-grid {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 0rem;}
.nav-link {padding: 0.2rem 0.2rem;line-height: 2rem;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ad-link {width: 100%;text-align: center;display: flex;justify-content: center;}
.link {font-size:0.75rem;line-height: 1.2rem;}
.link ul li a{line-height: 1.2rem;}
.footer p {font-size: 0.75rem;line-height: 1.2rem;}
.footer img {height: 15px !important;line-height:2rem;margin: 5px 5px 5px 0;}
#rfloat{display:none;}
.nav{display:flex;}
.nav > a:not(.nav-action){display:none;}
.nav > b{display:none;}
.nav-action{margin:0 4px;}
.icon-svg{width:18px;height:18px;}
.nav-submit{padding:2px 8px;font-size:12px;}
/* 手机端 footer logo 一行横向滚动 */
.footer-logos {display: flex !important;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;justify-content: flex-start;padding-bottom: 5px;text-align: left;}
.footer-logos::-webkit-scrollbar {display: none;}
.footer-logos a {flex-shrink: 0;white-space: nowrap;}
}
@media (max-width: 480px) {
body {padding-top: 50px;background: rgb(var(--primary-rgb), 0.05);}
.title {font-size: 1.5rem;}
.header {width: 100%;height: auto;display: flex; align-items: center;}
.header-inner {padding: 5px 10px;}
.header-title { display: none;}
.logo {font-size: 18px;width: 98px;height: 30px;}
.logo img{width: 98px;height: 30px;}
/* 手机 */
.nav {margin-top: 8px;}
.container {padding: 0px;}
.website-wrap {width: 100%;padding:20px 5px 0 5px;margin: 0 auto;position: relative;box-shadow: 0 0 0 #fff;}
.website-wrap .preset-list li {width:16.666%;float: left;margin-bottom:10px;display: block;}
.website-wrap .preset-list li a .pic {display: block;width: 32px;height: 32px;margin: 5px auto 0;border-radius: 8px;}
.website-wrap .preset-list li a .title {display: block;width: 100%;height: 18px;font-size: 9px;text-align: center;margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.category-top {padding:10px 5px;margin:0 0 10px 0;border: 0px;box-shadow: 0 0 0 #fff;border-radius:0px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;}
.category-top::-webkit-scrollbar {display: none;}
.category-top ul{overflow: visible;white-space: nowrap;}
.category-top li{display: inline-block;float: none;margin:0 2px;}
.category-top ul li a{display: inline-flex;align-items: center;float: none;font-size: 14px;font-weight: 600;line-height: 26px;margin:0 2px;overflow: hidden;position: relative;min-height: 26px;}
.category-top ul li img{width:18px; height: 18px; margin:0 0.1rem 0 0;overflow: hidden;position: relative;}
.icon_list {display:none;}
.engine-item {padding: 6px;}
.links-grid {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 0rem;}
.category-card {padding:0 5px;margin:10px 0;border-radius: 0px;border: 0px;box-shadow: 0 0 0 #fff;}
.ad-section {padding:10px 0;margin:10px 0;border-radius: 0px;border: 0px;box-shadow: 0 0 0 #fff;}
.topdh-section {padding:5px 0;margin:10px 2px 20px 2px;}
/* 链接样式手机 */
.nav-link {display: flex;align-items: center;padding: 4px 5px 3px 5px;margin: 0.3rem 0.2rem;border-radius: 3px;font-size:14px;}
/* 手机图标 */
.link-icon {width: 21px;height: 21px;margin: 0.1rem 0.15rem 0 0rem;display: inline-block;transition: all 0.3s ease;position: relative;}
/* 链接样式手机结束 */
.ad-links a{font-size:13px;}
.ad-links {padding: 2px 2px 2px 5px;grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));}
.topdh-links {padding: 2px 0px;grid-template-columns: repeat(auto-fit, minmax(45px, 1fr));gap: 0rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.topdh-links a{font-size: 13px;line-height: 0.8rem;padding: 0.2rem 0; margin: 0.2rem 0rem;}
.link {font-size:0.75rem;line-height: 1.2rem;border-radius: 0px;border: 0px;box-shadow: 0 0 0 #fff;}
.link ul li a{line-height: 1.2rem;}
.footer p {font-size: 0.75rem;line-height: 1.2rem;}
.footer img {height: 15px !important;line-height:2rem;margin: 5px 5px 5px 0;}
#rfloat{display:none;}
.nav{display:flex;}
.nav > a:not(.nav-action){display:none;}
.nav > b{display:none;}
.nav-action{margin:0 3px;}
.icon-svg{width:16px;height:16px;}
.nav-submit{padding:2px 6px;font-size:11px;}
}
/* 自定义动画 */
@keyframes fadeInUp {
from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}
}

@keyframes jumps {
0% { transform: translate(0px); }
20% { transform: translateY(6px) scaleX(1.2) scaleY(0.8); }
40% { transform: translateY(-4px) scale(1) rotate(5deg); }
60% { transform: translateY(2px) scale(1) rotate(0deg); }
70% { transform: translateY(0px) scaleX(1.1) scaleY(0.9); }
100% { transform: translate(0px) scale(1); }
}
.category-card {animation: fadeInUp 0.8s ease forwards;}
.category-card:nth-child(1) { animation-delay: 0.1s; }
.category-card:nth-child(2) { animation-delay: 0.2s; }
.category-card:nth-child(3) { animation-delay: 0.3s; }
.category-card:nth-child(4) { animation-delay: 0.4s; }
.category-card:nth-child(5) { animation-delay: 0.5s; }
.category-card:nth-child(6) { animation-delay: 0.6s; }

/* ===== 深色模式 ===== */
[data-theme="dark"] {
    --primary: #d4d4d4;
    --primary-color: #00a193;
    --primary-rgb: 91, 154, 255;
    --border: #2e2e3e;
    --white: #1a1a2e;
    --eee: #1e1e30;
}
[data-theme="dark"] body {
    background: #0f0f1a;
    background-image: linear-gradient(45deg, rgba(0,204,102,0.04), rgba(16,119,243,0.04), rgba(255,102,0,0.03));
}
[data-theme="dark"] .header {
    background: #161628;
    box-shadow: 0 1px 6px rgba(0,0,0,0.5);
}
[data-theme="dark"] .website-wrap .preset-list li a {
    background-color: #1e1e30;
}
[data-theme="dark"] .category-card,
[data-theme="dark"] .category-top,
[data-theme="dark"] .ad-section,
[data-theme="dark"] .link {
    background: #1a1a2e;
    border-color: #2e2e3e;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
[data-theme="dark"] .category-header { border-bottom-color: #2e2e3e; }
[data-theme="dark"] .nav-link {
    background: rgba(91,154,255,0.05);
    border-color: #2e2e3e;
}
[data-theme="dark"] .nav-link:hover {
    background: #1a1a2e;
    border-color: var(--primary-color);
    box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}
[data-theme="dark"] .ad-links a { border-bottom-color: #2e2e3e; }
[data-theme="dark"] .link-list a { border-bottom-color: #2e2e3e; }
[data-theme="dark"] #rfloat ul li { background-color: #1a1a2e; }
[data-theme="dark"] .footer p { color: #888; }
[data-theme="dark"] .footer img {filter: brightness(1.5);opacity: 0.85;}
[data-theme="dark"] .footer p a:hover img {filter: brightness(1.8);opacity: 1;}
[data-theme="dark"] .link { background: rgba(26,26,46,0.8); }
[data-theme="dark"] .toggle-btn { background: #1a1a2e; }
[data-theme="dark"] .toggle-btn:hover { background: var(--primary-color); }
[data-theme="dark"] .gray { background: #1e2a3e !important; }
[data-theme="dark"] .header-title { color: #777; }
[data-theme="dark"] .topdh-links a { background: linear-gradient(to bottom, #1a2438, var(--primary-color), #1a2438) right center no-repeat; background-size: 1px 70%; }
[data-theme="dark"] .topdh-links a:hover { color: #7ab8ff; }
[data-theme="dark"] .nav-link:hover .link-icon,
[data-theme="dark"] .nav-link:hover .site-favicon { background: rgba(255,255,255,0.05); }
[data-theme="dark"] .nav a[href="/ranking/"] { color: var(--primary-color) !important; }
[data-theme="dark"] .tuijian { color: #ff6b6b; }
[data-theme="dark"] .icon_list { background-color: var(--white); border-color: var(--border); box-shadow: 0 2px 10px rgba(0,0,0,0.3); }
[data-theme="dark"] .website-wrap { box-shadow: 0 2px 10px rgba(0,0,0,0.3); }
[data-theme="dark"] .linktop { border-bottom-color: var(--border); }
@media (max-width: 768px) {
  [data-theme="dark"] body { background: #0f0f1a; }
  [data-theme="dark"] .website-wrap { box-shadow: none; }
  [data-theme="dark"] .category-card { box-shadow: none; border: 0; }
  [data-theme="dark"] .category-top { box-shadow: none; border: 0; }
  [data-theme="dark"] .ad-section { box-shadow: none; border: 0; }
  [data-theme="dark"] .link { box-shadow: none; border: 0; }
}

/* ===== 导航操作按钮 ===== */
.nav { position: relative; }
.nav-action {
    margin: 0 5px;
    font-size: 15px;
    line-height: 26px;
    cursor: pointer;
    color: var(--primary);
    text-decoration: none;
    transition: color 0.3s;
    white-space: nowrap;
}
.nav-action:hover { color: var(--primary-color); text-decoration: none; }
.icon-svg {width: 20px;height: 20px;display: inline-block;vertical-align: middle;transition: transform 0.3s ease;}
.nav-action:hover .icon-svg {transform: scale(1.15);}
.nav-submit {
    background: var(--primary-color);
    color: #fff !important;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 14px;
}
.nav-submit:hover { opacity: 0.85; color: #fff !important; }

/* ===== 浏览记录面板 ===== */
.history-panel {
    display: none;
    position: absolute;
    top: 52px;
    right: 0;
    width: 260px;
    max-height: 360px;
    overflow-y: auto;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    z-index: 1000;
}
.history-panel.show { display: block; }
.history-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-color);
    border-bottom: 1px solid var(--border);
}
.clear-history {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    cursor: pointer;
}
.clear-history:hover { color: #f47983; }
.history-panel ul { padding: 4px 0; }
.history-panel ul li a {
    display: flex;
    align-items: center;
    padding: 7px 14px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--primary);
    text-decoration: none;
    transition: background 0.2s;
}
.history-panel ul li a:hover {
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--primary-color);
    text-decoration: none;
}
.history-panel ul li a img {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    margin-right: 8px;
    flex-shrink: 0;
}
.history-empty {
    padding: 24px 14px;
    text-align: center;
    color: #999;
    font-size: 13px;
}