*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;}
ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,p,form,em,span,i,u,table,hr,img{border:none;padding:0;margin:0;list-style:none;font-style:normal;}
body{background:#F7F8FA;color:#1D2129;line-height:1.6;}
a{text-decoration:none;color:#222;}
u{text-decoration:none;}

.div-x{max-width:1000px;margin:0 auto;padding:0 20px;}

.main-site,.main-go,.page-site-list{background:#fff;box-shadow: 5px 3px 5px 3px rgba(0, 0, 0, 0.1);padding:20px 20px 40px 20px;width:960px;}
.main-site{margin-top:-10px;}
.main-go{margin-top:20px;}
/* head */
.header{background:#fff;border-bottom:1px solid #E5E6EB;/*position:sticky;top:0;z-index:10;*/}
.header-wrap{display:flex;justify-content:space-between;align-items:center;}
.logo{color:#0072ff;text-decoration:none;margin-top:8px;}
.logo span{font-size:14px;color:#4e5866;font-weight:normal;margin-left:6px;position:absolute;margin-top:60px;}
.search-box{display:flex;gap:8px;}
.search-input{width:320px;padding:10px 14px;border:1px solid #DCDFE6;border-radius:6px;font-size:14px;outline:none;transition:0.2s;}
.search-input:focus{border-color:#0072ff;box-shadow:0 0 0 3px rgba(22,93,255,0.1);}
.search-btn{padding:10px 20px;background:#0072ff url('/images/ico_list.png') no-repeat 4px -178px;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding-left:32px;}
.search-select{
    padding:10px 8px;
    border:1px solid #DCDFE6;
    border-radius:6px;
    font-size:14px;
    outline:none;
    background:#fff;
}
.search-select:focus{
    border-color:#0072ff;
}
#top-nav{max-width:960px;margin:auto;}
/* 简介区域 */
.pagetitle{padding:40px 0;text-align:center;}
.pagetitle h1{font-size:32px;margin-bottom:12px;color:#1D2129;}
.pagetitle p{color:#4e5866;font-size:16px;max-width:700px;margin:0 auto;}

/* 分类标签栏 */
.category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #E5E6EB;}
.tab-item{padding:8px 16px;border-radius:20px;background:#fff;border:1px solid #E5E6EB;cursor:pointer;font-size:14px;transition:0.2s;}
.tab-item.active{background:#0072ff;color:#fff;border-color:#0072ff;}
.tab-item:hover:not(.active){border-color:#0072ff;color:#0072ff;}

.card-list{padding:10px;background:#fff;margin:10px 0;border-radius:10px;border:1px solid #E5E6EB;line-height:165%;}
.card-list a{color:#0072ff;margin:0 6px;padding:6px 2px 0 2px;display: inline-block;white-space: nowrap;}
.card-list a i{border-bottom:1px dashed #E5E6EB;color:#555;font-size:14px;padding-bottom:1px;}
.card-lists a{border-bottom:1px dashed #E5E6EB;}
.card-list-gov a{border-bottom:1px dashed #E5E6EB;}
.card-list-ai{background:#fffde8;}
.card-list-ai a,.card-list-ai2 a{border-bottom:1px dashed #fff;}
.card-list-i{background:#fffdf2;}
.card-list a:hover{border-bottom:#0072ff 1px solid;}
.category-div dl{margin-bottom:15px;}
.category-div dt{display: inline-block;font-weight:bold;}
.category-div dd{display: inline-block;margin-top:4px;margin-right:10px;}
.category-div dd a{background:#46b0eb;color:#fff;padding:1px 6px 3px 6px;border-radius:6px;}
.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:50px;}
.card-item {display: none;}
.card-item{background:#fff;border-radius:10px;padding:20px;border:1px solid #E5E6EB;transition:0.25s;}
.card-item:hover{box-shadow:0 4px 16px rgba(0,0,0,0.08);transform:translateY(-2px);}
.card-item h3{font-size:17px;margin-bottom:6px;display:flex;align-items:center;gap:8px;}
.card-item h3 .icon{width:24px;height:24px;border-radius:4px;text-align:center;border:#aaa 1px solid;}
.card-item h3 .icon img{width:18px;height:18px;}
.card-item .desc{font-size:13px;color:#4e5866;margin-bottom:12px;min-height:38px;}
.card-item .link-row{display:flex;justify-content:space-between;align-items:center;}
.card-item .url{font-size:13px;color:#0072ff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;}
.card-item .tag{font-size:12px;padding:2px 8px;background:#F2F3F5;border-radius:4px;color:#4e5866;}
.morelink{text-align:Center;}
.morelink a{padding:6px 0;float:left;width:100%;background:#0072ff;color:#fff;border-radius:12px;font-size:0.9;}
/*page-list*/
.page-site-list{}
.site-item{margin:5px 0;border-bottom:#ccc 1px dashed;padding:10px 0;}
.site-item h3{font-size:17px;margin-bottom:6px;display:flex;align-items:center;gap:8px;}
.site-item h3 .icon{width:24px;height:24px;border-radius:4px;text-align:center;border:#aaa 1px solid;}
.site-item h3 .icon img{width:18px;height:18px;}
.site-item p{overflow-wrap: break-word;}
.site-item p i{color:#888;font-size:0.9em;}
.site-item p u{color:#888;font-size:0.9em;font-style: italic;}
.page-x .pagetitle{padding-top:10px;}
.page-x .pagetitle h1 em{float:left;width:100%;font-size:0.6em;color:#888;}
.nav{margin-top:10px;}
.nav dd{margin-top:16px;}
.nav dd a{border-radius:10px;background:#fff;color:#333;padding:6px 12px;font-size:16px;}
.nav dd a:hover{color:#0072ff;border-bottom:#0072ff 1px solid;}
.nav dd a.thisnav{background:#0072ff;color:#fff}
p.p-url i{color:#f33;margin-left:5px;}
/*js list*/

.tip-box{border:1px dashed #ccc;padding:20px;max-width:680px;margin:30px auto;border-radius:8px;line-height:175%;background:#fff;}
h3.warn{color:#d93025;font-weight:normal;font-size:20px;padding-bottom:10px;}
.gotourl{border-bottom:#0072ff 1px solid;color:#0072ff;padding:0 4px;}
.goto-btns{margin-top:16px;}
.p-list{margin-left:2em;}
.main-go button{padding:8px 16px;margin-right:10px;cursor:pointer;}
button.go{background:#0072ff;color:#fff;border:#555 1px solid;}

/*site*/
.url-to a,.url-to button{float:left;padding:6px 20px;background:#0072ff;color:#fff;font-size:18px;width:350px;border:#111 1px solid;text-align:center;}
.addlist{clear:both;float:left;width:100%;margin:10px 0;}
.addlist button{padding:8px 16px;margin-right:10px;cursor:pointer;width:350px;}
.gogobut{margin-top:16px;margin-bottom:8px;}
.gogobut a{color:#0072ff;border-bottom:#0072ff 1px solid;}
#addmyweblist a{color:#0072ff;border-bottom:#0072ff 1px solid;}
.savelistmsg{font-size:14px;color:#888;line-height:170%;padding:2px 8px;background:#fff;border-radius:8px;margin-top:10px;}
.savelistmsg b{color:#f33;}
.report{clear:both;margin:10px 0;}
.report button{background:#fff;color:#f55;padding:4px 16px;cursor:pointer;width:350px;border:#111 1px solid;}
a.link_debug{color:#0072ff;border-bottom:#888 1px solid;margin-left:8px;display: inline-block;white-space: nowrap;}
a.link_110{color:#f33;border-bottom:#888 1px solid;margin-left:8px;display: inline-block;white-space: nowrap;}
button.lc_add{width:200px;background:#333;border:#555 1px solid;color:#fff;}
button.lc_view{width:135px;}

.url-to a i,.url-to button i{background:#0072ff url('/images/ico_list.png') no-repeat 6px -1px;padding-left:36px;}
.report button i{background:#fff url('/images/ico_list.png') no-repeat 6px -32px;padding-left:30px;}
button.lc_add i{background:#333 url('/images/ico_list.png') no-repeat 6px -53px;padding-left:32px;}

.h1_ico{margin-right:6px;text-align:center;}
.h1_ico img{background:#fff;border:#222 1px solid;padding:4px;border-radius:18px;width:36px;height:36px;vertical-align:middle;margin-top:-6px;}
.pagetitle h1 i{font-size:21px;color:#777;float:left;width:100%;text-indent:42px;margin-top:-8px;}
#auto-go{clear:both;margin-top:6px;}
#auto-go a{font-size:18px;background:#2cb345 url('/images/ico_list.png') no-repeat 92px -216px;;color:#fff;padding:2px 16px 4px 16px;margin-left:42px;padding-right:32px;border-radius:6px;}
.website-infos p{margin-top:10px;overflow-wrap: break-word;}
.website-infos b{float:left;width:88px;text-align:right;font-size:16px;color:#777;}
.website-infos i{color:#888;font-style: italic;font-size: 0.95em;}
p.p-bg-x{background:#f8f8f8;padding:4px 0;}
p.p-link a{margin-right:8px;border:#555 1px solid;padding:1px 6px;font-size:0.92em;}
.website-infos font{color:#f33;background:url('/images/ico_list.png') no-repeat 0 -250px;padding-left:25px;}
.web-nums h3{font-size:21px;text-align:center;padding:5px 0;color:#777;}
.web-nums ul{margin-left:5%;}
.web-nums li{float:left;width:45%;padding:4px 1%;border-top:#ccc 1px solid;}
li.li-r{border-left:#ccc 1px solid;}
li.li-t{width:90%;border-top:#ccc 1px solid;border-bottom:#ccc 1px solid;text-align:center;}

.sameweblist{clear:both;margin-top:16px;}
.sameweblist h3{padding:5px 0;font-size:1.3em;color:#666;}
.sameweblist li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 0;margin-top:2px;border-bottom:#eee 1px solid;}
.sameweblist li u{color:#888;font-style: italic;}
.sitename{padding-top:8px;}
.sameclassweb span img{width:20px;height:20px;vertical-align: middle;margin-top:-4px;border-radius:4px;margin-right:4px;}
/*goto*/
.whitelist-div{text-align:center;}
.add_whitelist i{font-size:14px;color:#888;clear:both;float:left;width:100%;padding:2px 0;}
.p-w-b{margin-bottom:4px;width:90%;border-bottom:#ccc 1px dashed;padding:1px 4px;background:url('/images/ico_list.png') no-repeat 2px -97px;text-indent:25px;}
.p-w-b u{text-decoration:none;color:#f33;border-bottom:#f88 1px solid;padding:0 4px;margin:0 2px;}
.p-w-b0{background:url('/images/ico_list.png') no-repeat 4px -148px;}
.p-w-b2{background:url('/images/ico_list.png') no-repeat 4px -123px;}
.p-up-date{color:#999;font-size:14px;text-align:right;width:90%;}
/* USER WEBLIST样式 */
.weblist-panel{margin-top:16px;border-top:1px solid #ccc;padding-top:16px;display:none;text-align:left;}
.sl-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px #eee solid;}
.domain-text{flex:1;}
.domain-text small{color:#888;}
.del-btn{background:#dd4444;color:white;border:none;}
.clear-all{background:#222;color:white;border:none;margin-top:10px;}
.empty-text{color:#666;padding:10px 0;}
.weblist-panel h3{font-size:20px;color:#888;}
.weblist-panel h3 em{font-size:16px;font-weight:bold;}
hr{margin:10px 0;height:1px;border:none;border-bottom:#aaa 1px dashed;}
.toglist{margin-top:16px;clear:both;}
.toglist button{width:350px;padding:4px 16px;}
.goto-btns button{width:350px;padding:7px 16px;background:#555;color:#fff;border:none;}
.url-to button{float:none;width:350px;}
.weblist-panel button,#mylistdiv button{padding:8px 16px;margin-right:10px;cursor:pointer;}
#countdown-tip{color:#333;margin-top:10px;font-weight:bold;}
#mylistdiv em{color:#888;font-size:14px;font-weight:normal;}

/*page-num*/
#pagenum{float:left;width:100%;font-size:16px;color:#777;margin:15px 0;}
#pagenum li{float:left;padding:5px 0;margin-right:12px;margin-top:8px;}
#pagenum li a{float:left;font-size:16px;padding:2px 8px;border:#ccc 1px solid;background:#555;color:#fff;}
#pagenum li.thisnum a{background:#f55;border:#222 1px solid;font-weight:bold;}
#pagenum li.nextpage a{background:#222;border:#222 1px solid;}
#pagenum li.backpage a{background:#222;border:#222 1px solid;}

/* 页脚 */
.footer{background:#fff;border-top:1px solid #E5E6EB;padding:30px 0;margin-top:40px;color:#4e5866;font-size:16px;text-align:center;}
.service-links a{color:#4e5866;text-decoration:none;margin:0 10px;border-bottom:#aaa 1px solid;padding:1px;}
.service-links a:hover{color:#0072ff;border-bottom:#0072ff 1px solid;padding:1px;font-weight:bold;}
.copyright{margin-top:12px;font-size:16px;}
.site-tips{clear:both;float:left;width:100%;font-size:14px;color:#555;}

/*通用页面提示*/
#toast{
position:fixed;
  z-index:99999;
  left:50%;
  top:18%;
  transform:translateX(-50%);
  min-width:280px;           /* 最小宽度，手机不再"太短" */
  max-width: calc(100% - 30px);
  width:auto;
  text-align:center;
  padding:12px 12px;
  border-radius:12px;
  color:#fff;
  background:#333;
  font-size:15px;
  line-height:1.5;
  box-sizing:border-box;
  word-break:break-all;
  display:none;
  box-shadow:0 4px 16px rgba(0,0,0,.2);
}
#toast.success{background:#4ec0ff;}
#toast.error{background:#e74c3c;}

/* 移动端适配 */
@media(max-width:900px){
	.header{padding-bottom:15px;}
    .header-wrap{flex-direction:column;gap:14px;align-items:stretch;}
    .search-input{width:auto;}
	.search-box{margin-top:-12px;}
	.pagetitle{padding:20px 20px 30px 20px;}
	.pagetitle h1{font-size:24px;}
	.main-site,.main-go,.page-site-list{background:none;box-shadow:none;padding:0 20px;width:auto;}
	.main-site,.page-site-list{background:#fff;}
	.main-go{margin-top:0;}
	.search-btn{background:#0072ff;padding-left:0;max-width:100px;}
	#toast{top:18%;}
	.div-x button,.url-to a{width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
	button.del-btn{width:60px;}
	.domain-text{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.snav dd{margin-top:10px;}
	.nav dd{margin-right:0;line-height:200%;}
	.web-nums li{width:90%;}
	li.li-r{border-left:none;}
	#top-nav{padding:0 20px;}
	.website-infos{padding-top:8px;}
	p.p-text-i{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	/*nav open-hid*/
  .category-div.nav {
    display: flex;
    align-items: center;
    gap:8px;
  }
  .category-div.nav dl {
    flex:1;
    max-height: 42px;
    overflow:hidden;
    transition: max-height 0.4s ease;
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
  }
  .category-div.nav dl.open {
    max-height: 2000px;
    flex-wrap:wrap;
  }

  .category-div.nav dl dd {
    margin-top:10px !important;
    flex-shrink:0;
  }
  .nav-toggle{
    flex-shrink:0;
    color:#0072ff;
    font-size:14px;
    cursor:pointer;
    user-select:none;
    white-space:nowrap;
	border:#0072ff 1px solid;padding:2px 6px;
	margin-top:-9px;
  }

}

@media (min-width: 900px){
  .nav-toggle{ display:none; }
  .category-div.nav dl {
    display:flex;
    flex-wrap:wrap;
  }
  .category-div.nav dl dd {
    margin-top:16px !important;
  }
}