/* 重置默认样式background: #f5f7fa; */
:root {
    --primary: #73614e;
    --primary-color: #5b4639;;
    --primary-rgb: 91, 70, 57;
    --border: #e8ebf9;
    --white: #fff;
    --eee: #eee;
}
* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif !important;font-weight: 400;line-height: 1;color: var(--primary);background: rgb(var(--primary-rgb), 0.1);min-height: 100vh;overflow-x: hidden;position: relative;}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
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: 60px;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;width: 170px;height: 50px;}
.logo img{width: 170px;height: 50px;}
.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: underline;}
#search-engine {margin-left: 20px;font-size: 16px;background-color: #f3f4f6;border: 1px solid #d1d5db;border-right: none;padding: 8px 12px;height: 40px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;outline: none;cursor: pointer;transition: all 0.3s ease;}
#search-engine:hover {background-color: #f9fafb;}
/* 输入框 */
#search-input {flex-grow: 1;font-size: 16px;padding: 10px 16px;width: 150px;height: 40px;margin-left: -5px;border: 1px solid #d1d5db;background-color: #f3f4f6;outline: none;}
/* 搜索按钮渐变 */
#search-button {background: linear-gradient(90deg, #3b82f6, #22d3ee);color: var(--white);border: none;margin-left: -5px;height: 40px;padding: 0px 16px;font-size: 16px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;cursor: pointer;transition: opacity 0.3s ease;}
#search-button:hover {opacity: 0.9;}
/* 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: 3px;padding-top: 8px;padding-bottom: 0px;margin: 0 auto;text-align: center;outline: 0;text-decoration: none;}
.icon_list ul li a:hover{text-decoration: none;background:rgba(var(--primary-rgb), 0.05);font-size: 12px;}
.icon_list ul li img {display: block;margin: 5px auto;width: 55px;height: 55px;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%;margin: 0 auto;position: relative;overflow: hidden;box-shadow: 0 2px 10px var(--eee);}
.website-wrap .preset-list {position: relative;overflow: hidden;}
.website-wrap .preset-list li {width:5.5555%;float: left;}
.website-wrap .preset-list li a {display: block; padding-top:3px;margin-right:5px;background-color: #fafafa;border-radius: 3px;border: 2px solid var(--white);}
.website-wrap .preset-list li a:hover {border-color: var(--primary-color);text-decoration: none;}
.website-wrap .preset-list li a .pic {display: block;width: 55px;height: 55px;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: 70px 0 0 0;display: flex;flex-direction: column;position: relative;z-index: 1;}
/* 搜索框 start */
.search-section {display: grid;margin: 30px 0 30px 0;padding-top: 60px;padding-bottom: 50px;z-index: 100;justify-content: center;background: linear-gradient(45deg, rgba(115, 97, 78, 0.1), rgba(255, 102, 0, 0.05), rgba(91, 70, 57, 0.05));border-radius:20px;}
.search-section {position: relative;display: flex;justify-content: center;}
.search-left {display: flex;width: 677px;height: 54px;line-height: 20px;border: 1px solid rgba(217, 217, 217, 0.90);opacity:0.99;filter:alpha(opacity=99); -moz-opacity:0.99; opacity:0.99;background:var(--white);box-shadow: 0 2px 5px rgb(0 0 0 / 15%);}
.search-logo {width: 40px;align-items: center;justify-content: center;background: url("/images/scgoogle.svg") center center no-repeat;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);filter: alpha(opacity=20);-moz-opacity: 0.99;-khtml-opacity: 0.99;opacity: 0.99;cursor: pointer;}
.search-logo:hover {filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);filter: alpha(opacity=100);
-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.search-methods {display: none;position: absolute;top: 120px;width: 130px;font-size: 1rem;border: 1px solid rgba(217, 217, 217, 0.98);background-color: var(--white);}
.search-methods li {padding-left: 39px;background: url("/images/scgoogle.svg") 10px no-repeat;overflow: hidden;height: 36px;line-height: 36px;color: #545454;cursor: pointer;}
.search-logo.baidu, li.baidu {background-image: url("/images/scbaidu.svg");background-size: 24px 24px;}
.search-logo.bing, li.bing {background-image: url("/images/scbing.svg");background-size: 24px 24px;}
.search-logo.sogou, li.sogou {background-image: url("/images/scsogou.svg");background-size: 24px 24px;}
.search-logo.so, li.so {background-image: url("/images/scso.svg");background-size: 24px 24px;}
.search-logo.google, li.google {background-image: url("/images/scgoogle.svg");background-size: 24px 24px;}
.search-methods .search-item:hover {background-color: #f0f0f0;}
.search-result {display: none;position: absolute;width: 637px;top: 120px;border: 1px solid rgba(187, 187, 187, 1);background-color: var(--white);}
.result-item {height: 34px;line-height: 34px;padding-left: 15px;}
.result-item.active {background: #F0F0F0;}
.result-item:hover {background-color: var(--eee);cursor: pointer;}
.input-wrap {position: relative;flex: 1;}
.input-wrap .search-input {height: 52px;width: 100%;outline: 0;border: 0;font-size: 18px;padding-left: 15px;}
.input-wrap .clear-keyword {display: none;position: absolute;top: 80%;right: 10px;transform: translateY(-50%);cursor: pointer;color: #d2d2d2;font-size: 30px;}
.search-submit {width: 123px;height: 54px;line-height: 26px;background-repeat: no-repeat;background-position: center;-webkit-background-size: 35px 35px;background-size: 35px 35px;color: var(--primary);font-size:1.5rem;text-align: center;border: 1px solid #ffd000;cursor: pointer;background: #ffd000;box-shadow: 2px 5px 10px rgb(0 0 0 / 15%);}
.search-section .floating1 {position: absolute;background-image: url("/images/sc1.webp");opacity: 0.9;background-repeat: no-repeat;background-position: center;background-size: cover; width:148px;height:150px;bottom:5px;left:50px}
.search-section .floating2 {position: absolute;background-image: url("/images/sc2.webp");opacity: 0.9;background-repeat: no-repeat;background-position: center;background-size: cover; width:122px;height:100px;bottom:30px;right:110px;}
.search-section .floating3 {position: absolute;background: url("/images/sc3.webp");opacity: 0.9;background-repeat: no-repeat;background-position: center;background-size: cover;width:93px;height:100px;bottom:30px;right:15px;}
/* 搜索框 end */
.category-top {width: 100%;margin-bottom: 1.2rem;padding: 6px 0 6px 6px ;position: relative;box-shadow: 0 2px 10px var(--eee);border-radius:3px;border: 1px solid var(--border); background-color: var(--white);overflow: hidden;}
.category-top ul li a{color: var(--primary-color); font-size: 16px;line-height: 30px;overflow: hidden;}
.category-top ul li a:hover{color: var(--primary);}
.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:0px 5px 0 0;vertical-align: middle;}
/* 广告区域样式 - 移到顶部 */
.topdh-section {border-radius: 3px;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);border-radius: 3px;text-align: center;position: relative;overflow: hidden;margin-bottom: 1rem;padding: 0.5rem;border: 1px solid var(--border);box-shadow: 0 2px 10px var(--eee);}
.ad-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 0px;}
.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(106px, 1fr));gap: 0rem;flex-wrap: wrap;justify-content: center;align-items: center;padding: 0px;margin: 0px;line-height: 1.2;font-size: 16px;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: 15px;text-decoration: none;line-height: 1.2;padding: 0.4rem 0.4rem;margin: 0.26rem 0rem 0.26rem 0rem;border-bottom: 1px dotted #F0F0F0;}
.ad-links a:hover{text-decoration: underline;}

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

.topdh-links {display: grid;grid-template-columns: repeat(auto-fit, minmax(60px, 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, #fafafa, var(--primary),#fafafa) right center no-repeat; background-size: 1px 70%;}
.topdh-links a:hover{color:var(--primary);text-decoration: underline;}
.ad-link {color: var(--primary);padding: 0.4rem 0.4rem;margin: 0.3rem 0rem 0.3rem 0rem;font-size: 16px;font-weight: 600;line-height: 1;}
.ad-link img{color: var(--primary);width:20px; height: 20px; margin:-2px 2px 0 0;vertical-align: middle;}
.ad-link:hover {/*text-decoration: none;border: 1px solid var(--primary-color);background:var(--white);transform: translateY(-3px);box-shadow: 0 3px 5px #ddd;transition: transform .3s, box-shadow .3s;*/}
.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 {border-radius: 3px;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);width:20px; height: 20px; margin:-2px 2px 0 0;vertical-align: middle;margin-right: 10px;display: inline-block;}
.category-title {color:var(--primary);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: 0.5rem 0.3rem;margin: 0.5rem;text-decoration: none;border-radius: 5px;transition: all 0.3s ease;font-size: 16px;position: relative;overflow: hidden;background: rgb(var(--primary-rgb), 0.02);border: 1px solid var(--border);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-link:hover::before {left: 100%;}
.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);}
/* 页面底部 */
.link {width:100%;border: 1px solid var(--border);border-radius: 3px;box-shadow: 0 2px 10px var(--eee);margin-bottom:1rem;font-size:14px;background: rgba(255, 255, 255, 0.8);}
.link ul li {margin: 0.5rem;}
.link ul li a{margin: 0 0.45rem 0 0.45rem;line-height: 1.3rem;}
.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: #999;}
.footer img {height: 25px;margin: 5px 5px 5px 0;vertical-align: middle;line-height:2rem;}
#rfloat {position: fixed;right: 0;opacity: .8;top: 320px;color: var(--primary);border-radius: 3px 0 0 3px;z-index: 99;}
#rfloat ul {width: 50px;margin: 0;padding: 0;text-align: center;z-index: 99;opacity: 1;}
#rfloat ul li {margin :5px 0 5px 0;border-radius: 3px 0 0 3px;background-color: var(--white);}
#rfloat ul li a {padding: 5px 0px;display: block;font-size: 14px;}
#rfloat ul li a:hover {text-decoration: none;font-size: 14px;border-radius: 3px 0 0 3px;transform: translateY(-3px);box-shadow: 0 3px 6px rgb(var(--primary-rgb), 0.6);}
/* 响应式设计 */
@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 { font-size: 0.95rem;}
.nav {margin-top: 8px;}
.floating2 {display:none;}
.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 */
.search-section {padding: 1rem 1rem;width: 100%;display: grid;margin-top: 20px;margin-bottom: 10px;z-index: 2;justify-content: center;border-radius:0px;background: rgba(255, 255, 255, 0);border: 0px;box-shadow: 0px;}
.search-section {position: relative;display: flex;justify-content: center;}
.search-left {display: flex;width: 100%;height: 54px;line-height: 20px;border: 1px solid rgba(217, 217, 217, 0.96);background:var(--white);}
.search-logo {width: 40px;align-items: center;justify-content: center;background: url("/images/scgoogle.svg") center center no-repeat;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);filter: alpha(opacity=20);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;cursor: pointer;}
.search-logo:hover {filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.search-methods {display: none;position: absolute;top: 54px;width: 120px;font-size: 0.95rem;border: 1px solid rgba(217, 217, 217, 0.96);background-color: var(--white);}
.search-methods li {padding-left: 39px;background: url("/images/scgoogle.svg") 10px no-repeat;overflow: hidden;height: 34px;line-height: 34px;color: #545454;cursor: pointer;}
.search-logo.baidu, li.baidu {background-image: url("/images/scbaidu.svg");background-size: 26px 26px;}
.search-logo.bing, li.bing {background-image: url("/images/scbing.svg");background-size: 28px 28px;}
.search-logo.sogou, li.sogou {background-image: url("/images/scsogou.svg");background-size: 24px 24px;}
.search-logo.so, li.so {background-image: url("/images/scso.svg");background-size: 26px 26px;}
.search-logo.google, li.google {background-image: url("/images/scgoogle.svg");background-size: 28px 28px;}
.search-methods .search-item:hover {background-color: #f0f0f0;}
.search-result {display: none;position: absolute;width: 80%;top: 80px;border: 1px solid rgba(187, 187, 187, 1);background-color: var(--white);}
.result-item {height: 34px;line-height: 34px;padding-left: 15px;}
.result-item.active {background: #F0F0F0;}
.result-item:hover {background-color: var(--eee);cursor: pointer;}
.input-wrap {position: relative;flex: 1;}
.input-wrap .search-input {height: 52px;width: 100%;outline: 0;border: 0;font-size: 0.95rem;padding-left: 0.3rem;}
.input-wrap .clear-keyword {display: none;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);cursor: pointer;color: #d2d2d2;font-size: 0.85rem;}
.search-submit {width: 80px;height: 54px;line-height: 26px;background-repeat: no-repeat;background-position: center;color: var(--primary);font-size:1rem;text-align: center;font-family: Roboto;border: 1px solid #ffd000;cursor: pointer;background: #ffd000;}
/* 搜索框 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;}
.link {font-size:0.6rem;line-height: 1rem;}
.link ul li a{line-height: 1rem;}
.footer p {font-size: 0.6rem;line-height: 1rem;}
.footer img {height: 15px !important;line-height:2rem;margin: 5px 5px 5px 0;}
#rfloat{display:none;}
.nav{display:none;}
.floating1{display:none;}
.floating2{display:none;}
.floating3{display:none;}
}
@media (max-width: 480px) {
body {padding-top: 50px;background: rgb(var(--primary-rgb), 0.05);}
.title {font-size: 1.5rem;}
.header {width: 100%;height: 40px;height: auto;display: flex; align-items: center;}
.header-inner {padding: 5px 10px;}
.header-title { font-size: 0.95rem;}
.logo {font-size: 18px;width: 119px;height: 35px;}
.logo img{width: 119px;height: 35px;}

.nav {margin-top: 8px;}
.container {padding: 0px;}
.floating2 {display:none;}
.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: 40px;height: 40px;margin: 5px auto 0;border-radius: 10px;}
.website-wrap .preset-list li a .title {display: block;width: 100%;height: 18px;font-size: 10px;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;}
.category-top ul li a{display: block;float: left;font-size: 13px;line-height: 26px;margin:0 0.1rem 0 0.1rem;overflow: hidden;position: relative;}
.category-top ul li img{width:16px; height: 16px; margin:0rem 0.1rem 0 0;vertical-align: middle;overflow: hidden;position: relative;}
.icon_list {display:none;}
.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: 0.1rem 0 0.1rem 0.3rem;margin: 0.5rem 0.2rem;border-radius: 3px;font-size:14px;}
/* 图标样式 */
.link-icon {width: 20px;height: 20px;margin: 0.1rem 0.2rem 0 0rem;display: inline-block;transition: all 0.3s ease;position: relative;}
/* 链接样式手机结束 */
.ad-links a{font-size:14px;}
.ad-links {padding: 2px 0px;grid-template-columns: 1fr 1fr;grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));}
.topdh-links {padding: 2px 0px;grid-template-columns: 1fr 1fr;grid-template-columns: repeat(auto-fit, minmax(45px, 1fr));gap: 0rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.topdh-links a{font-size: 14px;line-height: 0.8rem;padding: 0.2rem 0; margin: 0.2rem 0rem;}
.link {font-size:0.6rem;line-height: 1rem;border-radius: 0px;border: 0px;box-shadow: 0 0 0 #fff;}
.link ul li a{line-height: 1rem;}
.footer p {font-size: 0.6rem;line-height: 1rem;}
.footer img {height: 15px !important;line-height:2rem;margin: 5px 5px 5px 0;}
#rfloat{display:none;}
.nav{display:none;}
}
/* 自定义动画 */
@keyframes fadeInUp {
from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}
}

@keyframes backgroundPulse {
0%, 100% { 
opacity: 1; 
transform: scale(1);
}
50% { 
opacity: 0.8; 
transform: scale(1.05);
}
}

@keyframes particleFloat {
0% { transform: translateY(0px) rotate(0deg); }
100% { transform: translateY(-100vh) rotate(360deg); }
}

@keyframes subtleFlow {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}

@keyframes titleGlow {
0%, 100% { 
opacity: 0.3; 
transform: translate(-50%, -50%) scale(1);
}
50% { 
opacity: 0.6; 
transform: translate(-50%, -50%) scale(1.1);
}
}

@keyframes subtitlePulse {
0%, 100% { opacity: 0.8; }
50% { opacity: 1; }
}

@keyframes iconFloat {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-3px); }
}

@keyframes footerGlow {
0%, 100% { opacity: 0.3; }
50% { opacity: 1; }
}

@keyframes adGlow {
0%, 100% { opacity: 0.5; }
50% { opacity: 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; }