@charset "utf-8";
@import url('font-awesome.css');
* {margin:0;padding:0;box-sizing:border-box;}
:root {--primary-color:#1f80ff;--secend-color:#ffe78f;--tb-white:#fff;--body-bg:#f6f7fa;--nav-border:#f0f2f9;--nav-scrollbar:#eaeaea;--color-title:#202935;--color-disabled:#c5c8ce;--color-content:#6c7781;--color-border:#edf0f6;--color-sub:#a2a5a7;--color-bg:#f6f7fa;--tb-green:#009a61;}
body,html {height:100%;margin:0;padding:0;background:var(--body-bg);}
ul {margin:0;padding:0;list-style:none;}
a {text-decoration:none;color:inherit;}
/* 侧边导航*/
.left-side-menu,.lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul {background:var(--tb-white);border-right:1px solid var(--nav-border);}
.left-side-menu {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:202px;left:0;top:0;bottom:0;position:fixed;z-index:1000;}
.left-side-menu .logo {margin:0 auto;padding:20px 0 10px 0;}
.left-side-menu .logo a {display:flex;align-items:center;justify-content:center;}
.left-side-menu .logo span {color:var(--tb-green);font-size:16px;}
.left-side-menu .logo .title {color:#666;font-size:18px;font-weight:bold;padding-left:5px;}
.lsm-container {transition:all .3s;z-index:100;height:calc(100% - 42px);position:relative;display:flex;flex-direction:column;}
.lsm-sidebar a {display:block;overflow:hidden;padding-left:30px;line-height:40px;max-height:50px;color:var(--color-title);transition:all .3s;position:relative;}
.lsm-container ul:first-child > li> a,.lsm-container ul:first-child > li> a span {line-height:50px;max-height:50px;}
.lsm-sidebar a span {margin-left:30px;font-size:15px;}
.lsm-sidebar-item li a span {margin-left:1px;font-size:14px;line-height:40px;}
.lsm-sidebar-item {position:relative;}
.lsm-sidebar-item.lsm-sidebar-show {border-bottom:none;}
.lsm-sidebar-item ul {display:none;background:var(--color-bg);overflow-y:auto;padding-bottom:20px;}
.lsm-sidebar-item.lsm-sidebar-show ul {display:block;}
.lsm-sidebar-item>a:before {content:"";position:absolute;left:0px;width:3px;height:50px;background:var(--tb-green);opacity:0;transition:all .3s;}
.lsm-container ul:first-child>li.lsm-sidebar-item>a:before {height:50px;}
.lsm-sidebar .lsm-sidebar-icon {font-size:16px;position:absolute;min-width:24px;margin-right:10px;line-height:50px;}
.tb-container {position:relative;margin-left:202px;}
.tb-container::after {display:block;content:"";width:0;height:0;clear:both}
/* 自定义滚动条 */
.lsm-scroll {height:100%;overflow-y:auto;display:flex;flex-direction:column;}
.lsm-scroll::-webkit-scrollbar {width:6px;}
.lsm-scroll::-webkit-scrollbar-track {border-radius: 8px;background-color:var(--tb-white);}
.lsm-scroll::-webkit-scrollbar-thumb {border-radius: 8px;-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.9); background-color:var(--tb-green);}
.lsm-scroll::-webkit-scrollbar-thumb:hover{border-radius: 8px;border-radius: 8px; -webkit-box-shadow: inset 0 0 6px rgba(255,250,250,.9); background-color:var(--tb-green);}
/* 导航右侧箭头*/
.lsm-sidebar-more {position:relative;float:right;margin-right:30px;font-size:12px;height:50px;line-height:50px;transition:transform .3s ease-out;}
.lsm-sidebar-more::after {content:"";position:absolute;top:0;bottom:0;right:0;margin:auto;width:6px;height:6px;border-bottom:1px solid var(--color-title);border-right:1px solid var(--color-title);transform:rotate(315deg);transition:transform 0.3s ease-out;pointer-events:none;}
.lsm-sidebar-show > a > i.my-icon.lsm-sidebar-more::after {transform:rotate(405deg);}
.lsm-sidebar-show,.lsm-sidebar-item>a:hover {color:var(--color-title);background:var(--color-bg);}
.lsm-sidebar-show>a:before,.lsm-sidebar-item>a:hover:before {opacity:1;}
.lsm-sidebar-item li>a:hover {color:var(--tb-green);background:var(--nav-border);}
/* 迷你模式*/
.lsm-mini .lsm-container,.lsm-mini .lsm-container {width:60px;}
.left-side-menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a span {display:none;}
.left-side-menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a> i.lsm-sidebar-more {margin-right:-20px;}
.lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul {display:none;position:absolute;top:0px;left:180px;width:180px;z-index:99;bottom:0px;top:0px;overflow:hidden;overflow-y:auto;}
.left-side-menu.lsm-mini ul:first-child > li > ul {display:none;}
.transform {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
/* 移动端样式*/
.header_m {width:100%;position:fixed;top:0;left:0;z-index:999;height:50px;line-height:50px;background:var(--tb-white);border-bottom:1px solid #e9eef5;display:flex;justify-content:center;align-items:center;display:none;}
.header_m .logo_m {position:absolute;left:15px;}
.header_m .logo_m a {display:flex;align-items:center;justify-content:center;}
.header_m .logo_m span {color:var(--tb-green);font-size:14px;}
.header_m .logo_m .title {color:#666;font-size:18px;font-weight:bold;padding-left:3px;}
.header_m .menu_m {position:absolute;right:15px;top:50%;transform: translateY(-50%);line-height: normal;}
.header_m .menu_m button {display:flex;align-items:center;justify-content:center;}
.mobile-overlay {display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:rgba(0,0,0,0.5);}
.mobile-menu-btn {z-index:1001;border:none;background:none;width:24px;height:18px;position:relative;cursor:pointer;}
.mobile-menu-btn span,.mobile-menu-btn span:before,.mobile-menu-btn span:after {content:'';position:absolute;width:100%;height:2px;background-color:#3b3e47;left:0;transition:all 0.3s ease;}
.mobile-menu-btn span {top:50%;transform:translateY(-50%);}
.mobile-menu-btn span:before {top:-6px;}
.mobile-menu-btn span:after {top:6px;}
.mobile-menu-btn.open span {background-color:transparent;}
.mobile-menu-btn.open span:before {transform:rotate(45deg);top:0;}
.mobile-menu-btn.open span:after {transform:rotate(-45deg);top:0;}
/* 响应式设计*/
@media screen and (max-width:768px) {.header_m {display:block;}
.left-side-menu {transform:translateX(-100%);width:60%;max-width:300px;}
.left-side-menu.mobile-open {transform:translateX(0);box-shadow:2px 0 10px rgba(0,0,0,0.3);}
.mobile-overlay.mobile-open {display:block;}
.lsm-container ul:first-child > li> a,.lsm-container ul:first-child > li> a span {line-height:50px;max-height:50px;}
.tb-container {margin-left:0;margin-top:30px;border:none}
}
/* 小屏幕手机优化*/
@media screen and (max-width:480px) {.left-side-menu {width:60%;}
}
/* 防止移动端滚动穿透*/
body.menu-open {overflow:hidden;}
/* 底部图片*/
.tb-h-bottom{padding:15px}
.tb-asosod{text-align:center;padding-bottom:5px;overflow:hidden;border-radius:6px}
.tb-asosod img{max-width:100%}
.tb-menu2 .menu-item{float:left;width:50%;font-size:12px;margin-bottom:15px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 侧边导航end*/
/*排版元素*/
nav {display:block;}
p {margin-top:0;margin-bottom:1rem;}
p:last-child {margin-bottom:0;}
/*DNS*/
.dns-container {width:100%;display:grid;grid-template-columns:1fr 1fr;gap:30px;}
@media (max-width:768px) {.dns-container {grid-template-columns:1fr;gap:20px;}
}
.dns-card {background-color:var(--tb-white);background-clip:border-box;border:0 solid rgba(0,0,0,0.125);border-radius:10px;padding:20px 30px;position:relative;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.dns-card-header {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #f0f0f0;}
.dns-card-title {font-size:16px;font-weight:600;color:#333;}
.title-more {color:#999;text-decoration:none;font-size:14px;display:flex;align-items:center;transition:all 0.3s ease;cursor:pointer;padding:10px;border-radius:6px;}
.title-more:hover {transform:translateX(3px);}
.more-icon::before{content:'>';font-size:14px;font-weight:bold;}
.dns-section {margin-bottom:25px;}
.dns-section:last-child {margin-bottom:0;}
.section-title {font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;}
.section-title::before {content:'';width:3px;height:16px;background:linear-gradient(180deg,var(--tb-green),var(--tb-green));margin-right:8px;border-radius:2px;}
.international .section-title::before {background:linear-gradient(180deg,var(--tb-green),var(--tb-green));}
.dns-list {display:flex;flex-wrap:wrap;gap:10px;}
.dns-item {width:calc(50% - 5px);padding:12px 16px;background:#f8f9fa;border-radius:10px;font-size:14px;color:#2c3e50;transition:all 0.2s ease;cursor:pointer;position:relative;overflow:hidden;}
.dns-item::after {content:'点击复制';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:12px;color:#999;opacity:0;transition:opacity 0.2s ease;}
.dns-item:hover {background:#e9ecef;transform:translateX(5px);}
.dns-item:hover::after {opacity:1;}
.dns-item:active {background:#dee2e6;transform:scale(0.98);}
.copy-tooltip {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.8);color:white;padding:12px 24px;border-radius:8px;font-size:14px;pointer-events:none;opacity:0;transition:opacity 0.3s ease;z-index:1000;}
.copy-tooltip.show {opacity:1;}
@media (max-width:768px) {.dns-item {width:100%;}
}
@media (max-width:480px) {
.dns-card-title {font-size:16px;}
.dns-item {font-size:13px;padding:10px 12px;}
}
/*布局与栅格系统*/
.container-xl {width:100%;padding-right:14px;padding-left:14px;margin-right:auto;margin-left:auto;}
.row {display:flex;flex-wrap:wrap;margin-right:-14px;margin-left:-14px;}
.col-6,.col-12,.col-md-4,.col-lg-3 {position:relative;width:100%;padding-right:14px;padding-left:14px;}
.col-6 {flex:0 0 50%;max-width:50%;}
.col-12 {flex:0 0 100%;max-width:100%;}
@media (min-width:768px) {.col-md-4 {flex:0 0 33.33333%;max-width:33.33333%;}
}
@media (min-width:992px) {.col-lg-3 {flex:0 0 25%;max-width:25%;}
}
/*表单元素*/
input {margin:0;font-family:inherit;font-size:inherit;line-height:inherit;overflow:visible;}
.form-control {display:block;width:100%;height:calc(2.125rem + 2px);padding:0.4375rem 1rem;font-size:0.8125rem;font-weight:400;line-height:1.25rem;color:#3c4d62;background-color:var(--tb-white);background-clip:padding-box;border:1px solid #dbdfea;border-radius:4px;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}
@media (prefers-reduced-motion:reduce) {.form-control {transition:none;}
}
.form-control::-ms-expand {background-color:transparent;border:0;}
.form-control:-moz-focusring {color:transparent;text-shadow:0 0 0 #3c4d62;}
.form-control:focus {color:#3c4d62;background-color:var(--tb-white);border-color:var(--tb-green);outline:0;}
.form-control:disabled {background-color:#f5f6fa;opacity:1;}
.form-control-lx {height:calc(3.625rem + 2px);padding:0.6875rem 2rem;font-size:0.9375rem;line-height:1.25rem;border-radius:5px;}
.form-control-lx.btn-round {border-radius:2.125rem;}
.form-control-wrap {position:relative;}
.form-text-hint-lx {position:absolute;right:22px;top:6px;height:calc(3.125rem - 2px);display:flex;align-items:center;color:var(--tb-green);padding-left:1rem;padding-right:.75rem;background:var(--tb-white);border-radius:4px;}
.form-text-hint-lx .overline-title {font-size:1.5rem;}
.is-alter .form-control ~,.is-alter div.dataTables_wrapper div.dataTables_filter input ~,div.dataTables_wrapper div.dataTables_filter .is-alter input ~,.is-alter .dual-listbox .dual-listbox__search ~,.dual-listbox .is-alter .dual-listbox__search ~,.is-alter .input-group ~ {position:relative;}
/*按钮样式*/
.btn {display:inline-block;color:#526484;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;padding:0.4375rem 1.125rem;font-size:0.8125rem;line-height:1.25rem;border-radius:4px;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;position:relative;letter-spacing:0.02em;display:inline-flex;align-items:center;}
.btn:hover {text-decoration:none;}
.btn:focus {outline:0;}
.btn:disabled {opacity:0.5;}
.btn-xl {padding:0.6875rem 0.5rem;font-size:0.9375rem;line-height:1.25rem;border-radius:5px;}
.btn-round {border-radius:2.125rem;}
.btn-block {display:block;width:100%;justify-content:center;}
.btn-block:hover {border-color:var(--tb-green);color:var(--tb-green);}
.btn-block:active {background-color:var(--tb-green);color:var(--tb-white);}
.btn-sm {padding:0.25rem 0.55rem;font-size:0.9rem;line-height:1.25rem;border-radius:3px;}
.btn-wider {display:flex;}
@media (min-width:768px) {.btn-xl {padding:0.625rem 2rem;font-size:1.0rem;line-height:2rem;border-radius:5px;}
}
/*轮廓按钮变体*/
.btn-outline-info {border-color:#e5e9f2;}
.btn-outline-info:hover {color:var(--tb-white);background-color:var(--tb-green);border-color:var(--tb-green);}
.btn-outline-info:focus {box-shadow:0 0 0 0.2rem rgba(9,194,222,0.5);}
.btn-outline-info:disabled {color:#09c2de;background-color:transparent;}
.btn-outline-light {color:#e5e9f2;border-color:#e5e9f2;color:#526484;border-color:#dbdfea;}
.btn-outline-light:hover {border-color:var(--tb-green);transform:translateY(-.125rem);box-shadow:0 .5rem 1rem 0 rgba(10,14,29,.04),0 .5rem 4rem 0 rgba(10,14,29,.08);color:var(--tb-green);border-color:var(--tb-green);}
.btn-outline-light:focus {box-shadow:0 0 0 0.2rem rgba(229,233,242,0.5);}
/*卡片组件*/
.search-placeholder{position:relative;text-align:center;font-size:1.0rem;font-weight:700;width:100%;color:#aaa}
.card {position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--tb-white);background-clip:border-box;border:0 solid rgba(0,0,0,0.125);border-radius:10px;}
.card + .card {margin-top:40px;margin-top:40px;}
.card-inner {padding:1.25rem;}
@media (min-width:576px) {.card-inner {padding:1.5rem;}
}
.card-preview {box-shadow:6px 5px 40px rgba(30,48,75,.08);border-radius:.5rem;}
/*导航与面包屑*/
.category-nav {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px 0;justify-content: center; align-items: center;}
.category-nav a{text-align:center;}
.category-btn {padding:10px 16px;background:var(--tb-white);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all 0.2s;font-size:0.9375rem}
.category-btn:hover,.category-btn.active {background:var(--tb-green);color:var(--tb-white);border-color:var(--tb-green);}
/*工具类*/
.circle {border-radius:50%;}
.overline-title {font-size:11px;line-height:1.2;letter-spacing:0.2em;color:#8094ae;text-transform:uppercase;font-weight:700;}
.mt-3 {margin-top:1.5rem;}
.pt-5 {margin-top:4rem;}
.font-weight-bold {font-weight:700;}
.g-2 {margin:-0.375rem;}
.g-2>div {padding:0.375rem;}
.nya-title {position:absolute;top:-15px;background-color:var(--tb-green);color:var(--tb-white);padding:8px 15px;border-radius:8px;font-size:1.0rem;box-shadow:0 0.5rem 0.625rem #009a6157}
.preview-list {display:flex;flex-wrap:wrap;margin:-0.75rem;}
.preview-item {padding:0.75rem;}
/*特定组件样式*/
.nk-ibx-action-item .icon {font-size:1.5rem;}
.nk-ibx-action-item .icon+span,.nk-ibx-action-item .fa+span {margin-left:0.5rem;}
.nk-ibx-action-item .fa {font-size:1.2rem;}
.nk-wrap {display:flex;flex-direction:column;min-height:100vh;}
.nk-body {outline:none;}
.nk-content {padding:10px 4px;}
@media (min-width:576px) {.nk-content {padding:20px 22px;}
.nk-content-fluid {padding-left:22px;padding-right:22px;}
.pt-5 {margin-top:1.5rem;}
}
@media (min-width:992px) {.nk-content-fluid {padding-left:24px;padding-right:24px;}
}
@media (min-width:1660px) {.nk-content-fluid {padding-left:44px;padding-right:44px;}
}
#link_content {margin-top:40px;}
.nk-content-body {flex-grow:1;}
.nk-menu-text {flex-grow:1;display:inline-block;}
.nk-footer {padding:20px 6px;}
.nk-footer-wrap {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;display:block;}
.nk-footer-copyright {color:#8094ae;text-align:center;font-size:0.85rem;line-height:30px;}
.nk-footer-copyright a {color:inherit;}
.nk-footer-copyright a:hover {color:var(--tb-green);}
@media (min-width:576px) {.nk-footer {padding:20px 22px;}
}
@media (min-width:992px) {.nk-footer-fluid {padding-left:24px;padding-right:24px;}
}
@media (min-width:1660px) {.nk-footer-fluid {padding-left:44px;padding-right:44px;}
}
#scrollTop{position:fixed;bottom:20px;right:20px;width:45px;height:45px;line-height:45px;text-align:center;background-color:rgba(0,0,0,0.7);color:#fff;font-weight:600;border-radius:50%;font-size:13px;cursor:pointer;opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0.5s;}
#scrollTop.show{opacity:1;visibility:visible;}