:root {
	--space-xxs:0.0625rem;
	--space-xs:0.125rem;
	--space-sm:0.25rem;
	--space-md:0.5rem;
	--space-base:0.75rem;
	--space-lg:1rem;
	--space-xl:1.25rem;
	--space-xxl:1.5rem;
	--space-xxxl:2rem;
	--fs-xxxxs:0.5rem;
	--fs-xxxs:0.625rem;
	--fs-xxs:0.6875rem;
	--fs-xs:0.75rem;
	--fs-sm:0.875rem;
	--fs-base:1rem;
	--fs-lg:1.25rem;
	--fs-xl:1.5rem;
	--fs-xxl:2rem;
	--fs-xxxl:2.5rem;
	--border-width:1px;
	--border-color:var(--gray-200);
	--radius-sm:0.125rem;
	--radius-md:0.25rem;
	--radius-lg:0.375rem;
	--radius-xl:0.5rem;
	--radius-full:50%;
	--shadow-xxs:0 0.0625rem 0.125rem rgba(0,0,0,0.025);
	--shadow-xs:0 0.09375rem 0.1875rem rgba(0,0,0,0.05);
	--shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,0.075);
	--shadow-base:0 0.25rem 0.5rem rgba(0,0,0,0.1);
	--shadow-md:0 0.5rem 1rem rgba(0,0,0,0.15);
	--shadow-lg:0 0.75rem 1.5rem rgba(0,0,0,0.175);
	--shadow-xl:0 1rem 2rem rgba(0,0,0,0.2);
	--shadow-xxl:0 1.5rem 3rem rgba(0,0,0,0.25);
	--shadow-xxxl:0 2rem 4rem rgba(0,0,0,0.3);
	--shadow-focus:0 0 0 0.2rem rgba(0,123,255,0.25);
	--sidebar-width:140px;
	--sidebar-width-mobile:200px;
	--sidebar-active-bg:rgba(255,255,255,0.05);
	--transition-sm:0.1s ease;
	--transition-base:0.2s ease;
	--transition-md:0.3s ease;
	--transition-lg:0.4s ease;
	--transition-xl:0.5s ease;
	--white:#fff;
	--black:#000;
	--gray-50:oklch(0.985 0.002 247.839);
	--gray-100:oklch(0.967 0.003 264.542);
	--gray-200:oklch(0.928 0.006 264.531);
	--gray-300:oklch(0.872 0.01 258.338);
	--gray-400:oklch(0.707 0.022 261.325);
	--gray-500:oklch(0.551 0.027 264.364);
	--gray-600:oklch(0.446 0.03 256.802);
	--gray-700:oklch(0.373 0.034 259.733);
	--gray-800:oklch(0.278 0.033 256.848);
	--gray-900:oklch(0.21 0.034 264.665);
	--gray-950:oklch(0.13 0.028 261.692);
	--blue-50:oklch(0.97 0.014 254.604);
	--blue-100:oklch(0.932 0.032 255.585);
	--blue-200:oklch(0.882 0.059 254.128);
	--blue-300:oklch(0.809 0.105 251.813);
	--blue-400:oklch(0.707 0.165 254.624);
	--blue-500:oklch(0.623 0.214 259.815);
	--blue-600:oklch(0.546 0.245 262.881);
	--blue-700:oklch(0.488 0.243 264.376);
	--blue-800:oklch(0.424 0.199 265.638);
	--blue-900:oklch(0.379 0.146 265.522);
	--blue-950:oklch(0.282 0.091 267.935);
	--sky-50:oklch(0.977 0.013 236.62);
	--sky-100:oklch(0.951 0.026 236.824);
	--sky-200:oklch(0.901 0.058 230.902);
	--sky-300:oklch(0.828 0.111 230.318);
	--sky-400:oklch(0.746 0.16 232.661);
	--sky-500:oklch(0.685 0.169 237.323);
	--sky-600:oklch(0.588 0.158 241.966);
	--sky-700:oklch(0.5 0.134 242.749);
	--sky-800:oklch(0.443 0.11 240.79);
	--sky-900:oklch(0.391 0.09 240.876);
	--sky-950:oklch(0.293 0.066 243.157);
	--red-50:oklch(0.971 0.013 17.38);
	--red-100:oklch(0.936 0.032 17.717);
	--red-200:oklch(0.885 0.062 18.334);
	--red-300:oklch(0.808 0.114 19.571);
	--red-400:oklch(0.704 0.191 22.216);
	--red-500:oklch(0.637 0.237 25.331);
	--red-600:oklch(0.577 0.245 27.325);
	--red-700:oklch(0.505 0.213 27.518);
	--red-800:oklch(0.444 0.177 26.899);
	--red-900:oklch(0.396 0.141 25.723);
	--red-950:oklch(0.258 0.092 26.042);
	--green-50:oklch(0.982 0.018 155.826);
	--green-100:oklch(0.962 0.044 156.743);
	--green-200:oklch(0.925 0.084 155.995);
	--green-300:oklch(0.871 0.15 154.449);
	--green-400:oklch(0.792 0.209 151.711);
	--green-500:oklch(0.723 0.219 149.579);
	--green-600:oklch(0.627 0.194 149.214);
	--green-700:oklch(0.527 0.154 150.069);
	--green-800:oklch(0.448 0.119 151.328);
	--green-900:oklch(0.393 0.095 152.535);
	--green-950:oklch(0.266 0.065 152.934);
	--orange-50:oklch(0.98 0.016 73.684);
	--orange-100:oklch(0.954 0.038 75.164);
	--orange-200:oklch(0.901 0.076 70.697);
	--orange-300:oklch(0.837 0.128 66.29);
	--orange-400:oklch(0.75 0.183 55.934);
	--orange-500:oklch(0.705 0.213 47.604);
	--orange-600:oklch(0.646 0.222 41.116);
	--orange-700:oklch(0.553 0.195 38.402);
	--orange-800:oklch(0.47 0.157 37.304);
	--orange-900:oklch(0.408 0.123 38.172);
	--orange-950:oklch(0.266 0.079 36.259);
	--yellow-50:oklch(0.987 0.026 102.212);
	--yellow-100:oklch(0.973 0.071 103.193);
	--yellow-200:oklch(0.945 0.129 101.54);
	--yellow-300:oklch(0.905 0.182 98.111);
	--yellow-400:oklch(0.852 0.199 91.936);
	--yellow-500:oklch(0.795 0.184 86.047);
	--yellow-600:oklch(0.681 0.162 75.834);
	--yellow-700:oklch(0.554 0.135 66.442);
	--yellow-800:oklch(0.476 0.114 61.907);
	--yellow-900:oklch(0.421 0.095 57.708);
	--yellow-950:oklch(0.286 0.066 53.813);
	--pink-50:oklch(0.971 0.014 343.198);
	--pink-100:oklch(0.948 0.028 342.258);
	--pink-200:oklch(0.899 0.061 343.231);
	--pink-300:oklch(0.823 0.12 346.018);
	--pink-400:oklch(0.718 0.202 349.761);
	--pink-500:oklch(0.656 0.241 354.308);
	--pink-600:oklch(0.592 0.249 0.584);
	--pink-700:oklch(0.525 0.223 3.958);
	--pink-800:oklch(0.459 0.187 3.815);
	--pink-900:oklch(0.408 0.153 2.432);
	--pink-950:oklch(0.284 0.109 3.907);
	--purple-50:oklch(0.977 0.014 308.299);
	--purple-100:oklch(0.946 0.033 307.174);
	--purple-200:oklch(0.902 0.063 306.703);
	--purple-300:oklch(0.827 0.119 306.383);
	--purple-400:oklch(0.714 0.203 305.504);
	--purple-500:oklch(0.627 0.265 303.9);
	--purple-600:oklch(0.558 0.288 302.321);
	--purple-700:oklch(0.496 0.265 301.924);
	--purple-800:oklch(0.438 0.218 303.724);
	--purple-900:oklch(0.381 0.176 304.987);
	--purple-950:oklch(0.291 0.149 302.717);
	--stone-50:oklch(0.985 0.001 106.423);
	--stone-100:oklch(0.97 0.001 106.424);
	--stone-200:oklch(0.923 0.003 48.717);
	--stone-300:oklch(0.869 0.005 56.366);
	--stone-400:oklch(0.709 0.01 56.259);
	--stone-500:oklch(0.553 0.013 58.071);
	--stone-600:oklch(0.444 0.011 73.639);
	--stone-700:oklch(0.374 0.01 67.558);
	--stone-800:oklch(0.268 0.007 34.298);
	--stone-900:oklch(0.216 0.006 56.043);
	--stone-950:oklch(0.147 0.004 49.25);
}
  body {margin:0;padding:0;font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:var(--fs-base);line-height:1.5;color:var(--gray-700);background-color:#f1f2f3;font-weight:400;}
a {text-decoration:none;color:var(--sky-600);transition:color var(--transition-base);}
a:hover {color:var(--sky-600);}
h1,h2,h3,h4,h5,h6,ul,li,p {margin:0;padding:0;}
li {list-style:none;}
.menu-toggle {position:fixed;top:1rem;left:1rem;z-index:1055;background:var(--sky-600);color:var(--white);border:none;border-radius:var(--radius-lg);width:var(--space-xxl);height:var(--space-xxl);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);font-size:var(--fs-lg);}
.menu-toggle:hover {background:var(--sky-700);}
.sidebar {width:var(--sidebar-width);z-index:2000;background-color:white !important;padding:0;position:fixed;left:0;top:0;bottom:0;z-index:1081;box-shadow:var(--shadow-md);overflow:hidden;}
.sidebar-body {position:relative;height:100%;overflow-y:auto;overflow-x:hidden;}
.sidebar-item {position:relative;margin-bottom:var(--space-sm);overflow:visible;}
.sidebar-item .dropdown-icon {margin-left:auto;font-size:0.7rem;}
.sidebar-popup {display:none;position:fixed;left:calc(var(--sidebar-width) + 8px);background-color:white;min-width:180px;box-shadow:var(--shadow-sm);border-radius:var(--radius-xl);padding:8px;z-index:2200;border:3px solid rgba(60,71,76,0);}
.sidebar-item:hover .sidebar-popup {display:block;}
.sidebar-popup a {display:block;padding:8px 15px;color:var(--gray-500);font-size:var(--fs-xs);width:100%;border-radius:var(--radius-md);}
.sidebar-popup a:hover {background-color:var(--gray-100);}
.sidebar-popup::before {content:'';border-width:10px 10px 10px 0;border-style:solid;border-color:transparent white transparent;position:absolute;top:14px;left:-10px;z-index:1001;}
.sidebar-popup::after {content:'';position:absolute;top:0;left:-40px;width:40px;height:100%;background:transparent;z-index:1000;}
.dark .sidebar-popup {background-color:var(--card-bg);}
.dark .sidebar-popup::before {border-color:transparent var(--card-bg) transparent transparent;left:-10px;}
.dark .sidebar-popup a {color:var(--gray-300);font-size:12px;}
.dark .sidebar-popup a:hover {background-color:var(--gray-700);color:var(--white);}
::-webkit-scrollbar-thumb {background-color:rgba(130,130,130,.5);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-thumb:hover {background-color:var(--sky-600);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar {width:5px;height:5px}
::-webkit-scrollbar-thumb:active {background-color:var(--sky-600);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-corner {background:rgba(0,0,0,0);border-radius:0 0 8px 0}
::-webkit-scrollbar-button {background-color:rgba(0,0,0,0);height:2px;width:2px}
.sidebar-header {padding:var(--space-xxl) var(--space-base);display:flex;align-items:center;justify-content:center;}
.sidebar-logo {display:flex;align-items:center;gap:var(--space-sm);}
.sidebar-logo h5 {margin:0;color:var(--gray-900);font-size:var(--fs-lg);font-weight:500;}
.dark .sidebar-logo h5 {color:var(--white);}
.logo-icon {font-size:var(--fs-xl);color:var(--sky-600);}
.sidebar-nav {display:flex;flex-direction:column;align-items:center;}
.sidebar-nav .sidebar-link {border-radius:var(--radius-lg);padding:var(--space-base) var(--space-xxxl);color:rgba(0,0,0,0.65);display:flex;flex-direction:row;align-items:center;width:100%;justify-content:center;text-align:center;font-size:var(--fs-sm);transition:all var(--transition-sm);position:relative;z-index:2100;}
.sidebar-nav .sidebar-link .nav-icon {font-size:var(--fs-base);margin-right:var(--space-sm);margin-bottom:0;}
.sidebar-nav .sidebar-link:hover {background-color:var(--gray-100) !important;}
.sidebar-nav .sidebar-link.active {background-color:var(--gray-100) !important;}
.nav-icon {margin-right:var(--space-md);}
.category-icon {margin-right:var(--space-md);width:1rem;height:1rem;}
.main {margin-left:var(--sidebar-width);min-height:100vh;padding:0;display:flex;flex-direction:column;}
.main::after {content:'';height:500px;width:100%;background-image:url("/static/b/img/b614d6a8c2b9254ffe72cc1c7d54e64b.png");background-size:40%;display:inline-block;z-index:-2;position:absolute;top:0;left:0;}
.dark .main::after {opacity:.008;}
.top-bar {display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) 0;margin-bottom:0;}
.top-bar .container {display:flex;align-items:center;justify-content:space-between;}
.home-button-container {display:none;align-items:center;opacity:1 !important;}
@media (max-width:991.98px) {.home-button-container {display:flex;}
}
.home-button {display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-lg);color:var(--gray-700);opacity:0.7;transition:var(--transition-md);background-color:transparent !important;}
.home-button:hover {opacity:1;background-color:var(--gray-200) !important;color:var(--gray-900);}
.top-bar-left {display:flex;align-items:center;gap:var(--space-xl);flex:1;justify-content:flex-start;}
#ajax_user {display:flex;align-items:center;}
.top-bar-actions {display:flex;align-items:center;gap:var(--space-md);}
.user-dropdown {position:relative;display:inline-block;vertical-align:top;}
.user-dropdown-toggle {display:flex;align-items:center;gap:var(--space-xs);background:none;color:var(--gray-700);padding:var(--space-sm) var(--space-base);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--fs-sm);transition:var(--transition-base);border:var(--border-width) solid transparent;position:relative;z-index:10;}
.user-dropdown-toggle:hover {background-color:var(--pink-50);color:var(--gray-900);border-color:var(--pink-100);}
.user-dropdown-toggle i {color:var(--gray-300)}
.dark .user-dropdown-toggle {color:var(--gray-300);}
.dark .user-dropdown-toggle:hover {background-color:var(--gray-800);color:var(--white);border-color:var(--gray-700);}
.dark .user-dropdown-item:hover {background-color:var(--gray-700);color:var(--white);background-image:linear-gradient(to bottom,var(--sky-400),var(--pink-400));background-size:2px 100%;background-position:0 0;background-repeat:no-repeat;border-left-color:transparent;}
.top-bar-right {display:flex;align-items:center;gap:var(--space-lg);}
.top-bar-right a {color:var(--gray-500);}
.top-bar-right a:hover {color:var(--sky-600);}
.dark-mode-container {position:fixed;top:0;right:0;z-index:9999;width:25px;height:35px;display:flex;align-items:center;justify-content:center;}
.dark-mode-btn {position:absolute;width:35px;height:35px;display:flex;align-items:flex-start;justify-content:center;cursor:pointer;text-decoration:none;z-index:9999;padding-top:6px;padding-left:4px;padding-bottom:0;color:rgba(255,255,255,0.8);font-size:14px;}
.dark-mode-btn:link,.dark-mode-btn:visited,.dark-mode-btn:hover,.dark-mode-btn:active {color:white;text-decoration:none;}
.dark-mode-btn::after {content:'';position:absolute;top:0;right:0;width:0;height:0;border-bottom:22px solid transparent;border-left:22px solid transparent;border-top:22px solid #3a4569;border-right:22px solid #3a4569;z-index:-1;pointer-events:none;}
.top-bar .top-bar-link {display:flex;align-items:center;gap:var(--space-sm);color:var(--gray-700);background:none;border:none;cursor:pointer;border-radius:var(--radius-md);opacity:0.7;transition:var(--transition-md);}
.top-bar .top-bar-link span {font-size:var(--fs-sm);}
.top-bar .top-bar-link:hover {opacity:1;}
.dark .dark-mode-btn::after {border-bottom:22px solid transparent;border-left:22px solid transparent;border-top-color:rgba(45,55,72,0.7);border-right-color:rgba(45,55,72,0.7);}
.dark .dark-mode-btn {z-index:9999;}
.dark .top-bar .top-bar-link {color:var(--gray-300);opacity:0.6;}
.dark .top-bar .top-bar-link:hover {opacity:1;}
.dark .home-button {color:var(--gray-300);opacity:0.6;background-color:transparent !important;}
.dark .home-button:hover {opacity:1;background-color:rgba(255,255,255,0.1) !important;}
.top-bar .menu-toggle {position:static;top:auto;left:auto;z-index:auto;margin-right:var(--space-base);background:var(--sky-600);color:var(--white);border:none;border-radius:var(--radius-md);width:var(--space-xxl);height:var(--space-xxl);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);font-size:var(--fs-sm);opacity:0.8;transition:var(--transition-md);}
.top-bar .menu-toggle:hover {opacity:1;}
.search-box {margin:var(--space-md) auto;padding:var(--space-base) var(--space-base);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;}
.search-tabs {display:flex;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;}
.node-item {padding:var(--space-xs) var(--space-md);background-color:transparent;color:var(--gray-700);border:none;cursor:pointer;transition:var(--transition-base);font-weight:normal;font-size:var(--fs-sm);}
.search-tab {padding:var(--space-xs) var(--space-md);background-color:transparent;color:var(--gray-500);border:none;cursor:pointer;transition:var(--transition-base);font-weight:normal;font-size:var(--fs-base);}
.search-tab:hover,.node-item:hover {}
.search-tab.active {font-weight:500;color:var(--sky-600);}
.node-item.active {font-weight:500;color:var(--sky-600);}
.search-nodes {margin-top:var(--space-md);}
.node-list {display:flex;flex-wrap:wrap;gap:var(--space-md);}
.node-item.site-search {color:var(--sky-300);border-radius:var(--radius-lg);}
.node-item.site-search:hover {color:var(--sky-600);}
.node-item.site-search.active {font-weight:500;color:var(--sky-600);}
.dark .search-input {background-color:var(--gray-800);border-color:var(--gray-700);color:var(--gray-100);}
.dark .search-input::placeholder {color:var(--gray-500);}
.dark .search-input:focus {border-color:var(--sky-400);box-shadow:0 0 0 0.2rem rgba(56,189,248,0.25);}
.dark .search-button {position:absolute;right:4px;top:4px;bottom:4px;padding:0 var(--space-lg);background-color:var(--gray-700);color:var(--gray-300);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--fs-base);transition:var(--transition-base);}
.dark .search-button:hover {background-color:var(--gray-600);color:var(--white);}
.dark .search-tab {background-color:transparent;color:var(--gray-300);border:none;font-size:var(--fs-base);}
.dark .search-tab:hover {}
.dark .search-tab.active {background-color:transparent;font-weight:500;color:var(--sky-300);}
.dark .node-item {background-color:transparent;color:var(--gray-300);border:none;font-size:var(--fs-sm);}
.dark .node-item:hover {}
.dark .node-item.active {background-color:transparent;font-weight:500;color:var(--sky-300);}
.dark .node-item.site-search {color:var(--sky-400);border-radius:var(--radius-lg);}
.dark .node-item.site-search:hover {color:var(--sky-300);}
.dark .node-item.site-search.active {font-weight:500;color:var(--sky-300);}
.search-input-group {display:flex;width:100%;max-width:800px;position:relative;}
.search-input {flex:1;padding:var(--space-md) calc(var(--space-lg) + 85px) var(--space-md) var(--space-lg);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--fs-base);min-width:300px;}
.search-input:focus {outline:none;border-color:var(--sky-600);box-shadow:var(--shadow-focus);}
.search-button {position:absolute;right:4px;top:4px;bottom:4px;padding:0 var(--space-lg);background-color:var(--gray-200);color:var(--gray-700);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--fs-base);transition:var(--transition-base);}
.search-button:hover {background-color:var(--gray-300);}
.nav-tabs .nav-link {border:var(--border-width) solid transparent;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);color:var(--gray-700);font-size:var(--fs-sm);padding:var(--space-md) var(--space-base);}
.nav-tabs .nav-link:hover {border-color:var(--gray-200);background-color:var(--gray-100);}
.nav-tabs .nav-link.active {border-color:var(--border-color);border-bottom-color:var(--white);background-color:var(--white);color:var(--sky-600);}
.nav-tabs {border-bottom:var(--border-width) solid var(--border-color);margin-bottom:var(--space-base);}
.dark .nav-tabs .nav-link {color:#dee2e6;background-color:transparent;}
.dark .nav-tabs .nav-link:hover {border-color:#495057;background-color:rgba(255,255,255,0.1);}
.dark .nav-tabs .nav-link.active {border-color:#495057;border-bottom-color:#2b3035;background-color:#2b3035;color:var(--sky-400);}
.category-nav {overflow-x:auto;white-space:nowrap;margin-bottom:2rem;}
.category-nav > nav {background-color:var(--gray-200);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);}
.dark .category-nav > nav {background-color:var(--gray-800);}
@media (max-width:767.98px) {.category-nav {margin-bottom:var(--space-sm);}
}
.nav-pills {display:flex;gap:0 var(--space-xl);}
.tab-group .nav-pills .nav-link {border-radius:var(--radius-md);color:var(--gray-500);font-size:var(--fs-sm);padding:0;transition:all var(--transition-base);}
.tab-group .nav-pills .nav-link:hover {color:#283593;}
.category-nav .nav-pills .nav-link {padding:var(--space-md) var(--space-xs);}
.category-nav .nav-pills .nav-link:hover {color:#283593;}
.tab-group .nav-pills .nav-link.active {background-color:transparent;color:var(--sky-600);font-weight:500;position:relative;}
.tab-group .nav-pills .nav-link.active span {z-index:2;position:relative;}
.tab-group .nav-pills .nav-link.active::after {border-radius:3px;margin:0 3px;padding:0 4px;content:'';position:absolute;left:0;width:100%;z-index:1;bottom:0px;height:13px;background:linear-gradient(to right,transparent 0%,#f6dc3e 100%);transform:skewX(-15deg);}
.dark .nav-pills .nav-link {color:var(--gray-600);background-color:transparent;}
.dark .nav-pills .nav-link:hover {background-color:transparent;color:var(--sky-300)}
.dark .nav-pills .nav-link.active {color:#bdbfc5;font-weight:500;position:relative;}
.dark .nav-pills .nav-link.active::after {background:linear-gradient(to right,transparent 0%,var(--sky-600) 100%);}
.custom-close-btn {all:unset;width:var(--space-xxxl);height:var(--space-xxxl);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0.75;transition:all var(--transition-base);border-radius:var(--radius-sm);font-size:var(--fs-base);color:var(--white);}
.custom-close-btn:hover {opacity:1;background-color:rgba(255,255,255,0.1);color:var(--white);}
@media (max-width:991.98px) {.custom-close-btn {display:inline-flex !important;width:40px;height:40px;font-size:var(--fs-base);opacity:1;}
}
.custom-close-btn:focus {outline:2px solid var(--white);outline-offset:2px;}
.dark .custom-close-btn {color:var(--white);}
.dark .custom-close-btn:hover {background-color:rgba(255,255,255,0.1);color:var(--white);}
.section-title {border-bottom:var(--border-width) solid var(--border-color);padding-bottom:var(--space-sm);margin:var(--space-base) 0;color:var(--gray-700);}
.sub-section h2 {font-size:var(--fs-lg);font-weight:500;margin:var(--space-lg) 0 var(--space-base) 0;color:var(--gray-800);}
.sub-section h2 a {color:inherit;}
.sub-section h2 a:hover {color:var(--sky-600);}
.sub-section-header {display:flex;align-items:center;justify-content:space-between;}
.more-link {color:var(--sky-600);font-size:var(--fs-sm);}
.more-link:hover {text-decoration:underline;}
.tab-group {margin-bottom:30px;scroll-margin-top:50px;padding:var(--space-xxxl);border-radius:var(--radius-xl);background:var(--white);}

/* 移动端适配 */
@media (max-width: 767.98px) {
  .tab-group {
    padding: var(--space-lg);
    margin-bottom: var(--space-md);
    border-radius: var(--radius-md);
  }
  
  .dark .tab-group {
    background-color: var(--gray-800);
  }
}

@media (max-width: 575.98px) {
  .tab-group {
    padding: var(--space-base);
    margin-bottom: var(--space-sm);
  }
}
.tab-group .tabs-head {display:flex;align-items:center;margin-bottom:var(--space-base);flex-wrap:wrap;gap:var(--space-base);}
.tab-group .tabs-head h2 {margin:0 var(--space-base) 0 0;font-size:var(--fs-lg);color:var(--gray-800);}
.tab-group .tabs-head h2 a {color:var(--gray-600);scroll-margin-top:50px;}
.tab-group .tabs-head h2 a:hover {color:var(--sky-600);}
.tab-group .tab-nav {width:auto;display:inline-block;max-width:100%;}
.tab-group .tab-pane {scroll-margin-top:50px;}
.item-link {color:inherit;display:flex;padding:var(--space-base) var(--space-lg);height:100%;}
.item-favicon {width:24px;height:24px;margin-right:var(--space-lg);flex-shrink:0;align-self:center;border-radius:4px;}
.item:hover .item-favicon {animation:jumps 1.2s ease 1;}
@keyframes jumps {0% {transform:translate(0)}
10% {transform:translateY(8px) scaleX(1.2) scaleY(0.8)}
30% {transform:translateY(-5px) scaleX(1) scaleY(1) rotate(5deg)}
50% {transform:translateY(3px) scale(1) rotate(0)}
55% {transform:translateY(0) scaleX(1.1) scaleY(0.9) rotate(0)}
70% {transform:translateY(-5px) scaleX(1) scaleY(1) rotate(-2deg)}
80% {transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}
85% {transform:translateY(0) scaleX(1.05) scaleY(0.95) rotate(0)}
to {transform:translateY(0) scaleX(1) scaleY(1)}
}
.url-card {position:relative;display:flex;align-items:center;padding:10px;border-radius:8px;transition:all 0.3s ease;}
.url-card .url-img {width:40px;height:40px;margin-right:12px;margin-left:5px;flex-shrink:0;border-radius:3px;background:rgba(128,128,128,0.1);overflow:hidden;transition:all 0.3s ease;}
.url-card .url-img > img {max-height:100%;vertical-align:unset;}
.item {height:100%;border-radius:var(--radius-lg);transition:var(--transition-base);background-color:var(--white);position:relative;border:1px solid var(--gray-100);}
.item:hover {background-color:var(--stone-100);}
.item:hover .item-title {color:var(--sky-600);}
.item:hover .item-actions {opacity:1;}
.item-text,.item-title,.item-desc {font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.item-title {font-weight:500;color:var(--gray-800);margin-bottom:0;}
.item-desc {color:var(--gray-400);margin:var(--space-sm) 0 0 0;line-height:1.4;font-size:var(--fs-xs);}
.item-content {display:flex;flex-direction:column;justify-content:space-between;flex:1;}
.item .site-togoicon {bottom:0;right:-4px;position:absolute;z-index:1;display:flex;color:var(--sky-600);}
.item .site-togoicon span {font-size:26px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);display:none;}
.item:hover .site-togoicon span {display:flex;}
.item-actions {position:absolute;top:5px;right:8px;gap:12px;display:flex;opacity:0;}
.item-action-btn {border-radius:var(--radius-md);padding:0;font-size:var(--fs-sm);color:var(--gray-300);display:inline-flex;align-items:center;white-space:nowrap;}
.item-action-btn i,.item-action-btn span {font-size:10px;display:inline-block;vertical-align:middle;margin-right:2px;}
.item-action-btn.good:hover,.item-action-btn.favorite:hover {color:var(--gray-400);}
.item-tag {position:absolute;top:0;left:0;padding:2px 6px;font-size:var(--fs-xxxxs);font-weight:bold;border-radius:3px 0 3px 0;z-index:1;}
.item-tag.recommended {background-color:var(--green-100);color:var(--green-500);}
.item-tag.closed {background-color:var(--gray-200);color:var(--gray-500);}
.main-title {font-size:var(--fs-xl);font-weight:700;color:var(--gray-800);margin-bottom:var(--space-xxl);}
.custom-nav {margin-bottom:var(--space-lg);padding:0.75rem 1rem;background-color:#f8f9fa;border-radius:0.375rem;box-shadow:0 1px 2px rgba(0,0,0,0.05);}
.custom-nav > ul {display:flex;list-style:none;margin:0;padding:0;}
.custom-nav > ul > li {margin-right:1rem;}
.custom-nav > ul > li:last-child {margin-right:0;}
.custom-nav > ul > li > a {display:block;padding:0.5rem 0.75rem;color:#6c757d;text-decoration:none;border-radius:0.25rem;transition:all 0.2s ease;}
.custom-nav > ul > li > a:hover {color:var(--sky-600);background-color:rgba(13,110,253,0.05);}
.custom-nav > ul > li > a.active {color:var(--white);background-color:var(--sky-600);font-weight:500;}
.dark .main-title {color:var(--gray-100);}
.dark .custom-nav {background-color:#2d3748;box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.dark .custom-nav > ul > li > a {color:#a0aec0;}
.dark .custom-nav > ul > li > a:hover {color:#63b3ed;background-color:rgba(99,179,237,0.1);}
.dark .custom-nav > ul > li > a.active {color:var(--white);background-color:var(--sky-600);}
#breadcrumb {display:flex;align-items:center;margin:var(--space-xxl) 0 var(--space-base) 0;font-size:var(--fs-xs);}
.show #breadcrumb {margin-bottom:var(--space-xl);}
#breadcrumb i {transform-origin:center;margin:0 5px;color:rgba(0,0,0,0.2);}
#breadcrumb a {color:var(--gray-500);text-decoration:none;}
#breadcrumb a:hover {color:var(--sky-600);}
#breadcrumb span {color:var(--gray-400);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dark #breadcrumb i {color:rgba(255,255,255,0.2);}
.dark #breadcrumb a {color:#e0e0e0;}
.dark #breadcrumb a:hover {color:var(--sky-300);}
.dark #breadcrumb span {color:var(--gray-600);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (max-width:767.98px) {#breadcrumb span,.dark #breadcrumb span {max-width:120px;}
}
.content-navigation {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background-color:transparent;}
.prev-page,.next-page {flex:1;min-width:200px;}
.prev-page a,.next-page a {display:flex;align-items:center;color:var(--gray-400);font-size:var(--fs-xs);text-decoration:none;transition:color 0.3s ease;}
.prev-page a:hover,.next-page a:hover {color:var(--sky-600);}
.prev-page a i,.next-page a i {margin:0 var(--space-sm);}
.prev-page a {justify-content:flex-start;}
@media (max-width:767.98px) {.content-navigation {justify-content:space-between;align-items:center;}
.prev-page,.next-page {min-width:auto;}
.nav-text {display:none;}
.prev-page a,.next-page a {font-size:var(--fs-xs);}
}
.next-page a {justify-content:flex-end;}
.dark .content-navigation {background-color:transparent;}
.dark .prev-page a,.dark .next-page a {color:var(--gray-300);}
.dark .prev-page a:hover,.dark .next-page a:hover {color:var(--primary-color);}
.content-related-sites {margin:var(--space-xxl) 0;}
.content-related-sites .section-title {font-size:var(--fs-lg);color:var(--gray-800);margin-bottom:var(--space-xl);padding-bottom:var(--space-base);border-bottom:var(--border-width) solid var(--border-color);}
.content-find-site {margin:var(--space-xxl) 0;}
.content-find-site .section-title {font-size:var(--fs-lg);color:var(--gray-800);margin-bottom:var(--space-lg);padding-bottom:var(--space-base);border-bottom:var(--border-width) solid var(--border-color);}
.content-find-site .content-fields {display:flex;flex-direction:column;gap:0;}
.content-find-site .content-field-item {display:flex;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width) solid rgba(0,0,0,0.03);font-weight:600;}
.dark .content-related-sites .section-title,.dark .content-find-site .section-title {color:var(--gray-200);border-color:var(--border-color);}
.dark .content-related-sites .item-link {}
.dark .content-related-sites .item-link:hover {background-color:rgba(255,255,255,0.05);border-color:var(--sky-600);}
.dark .content-related-sites .item-title {color:var(--gray-300);}
.dark .content-related-sites .item-link:hover .item-title {color:var(--sky-400);}
.dark .content-find-site .content-field-item {background-color:var(--card-bg);border-color:var(--border-color);color:var(--gray-300);}
.dark .content-cant-open .solution-item strong {color:var(--gray-100);}
.btn-cant-open {background-color:var(--gray-100);color:var(--gray-700);border:none;padding:0.5rem 1rem;border-radius:var(--radius-md);font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:0.25rem;transition:all var(--transition-base);}
.btn-cant-open:hover {background-color:var(--gray-200);color:var(--gray-800);}
.content-cant-open {margin:var(--space-xxl) 0;}
.content-cant-open .section-title {font-size:var(--fs-lg);color:var(--gray-800);margin-bottom:var(--space-lg);padding-bottom:var(--space-base);border-bottom:var(--border-width) solid var(--border-color);}
.solution-section {display:flex;flex-direction:column;gap:0;background-color:white;padding:var(--space-base);border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.content-cant-open .solution-box {display:flex;flex-direction:column;gap:0;background-color:white;padding:var(--space-base);border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,0.05);font-size:var(--fs-sm);}
.content-cant-open .solution-box p {font-weight:bold;}
.solution-item {padding:var(--space-md);border-radius:var(--radius-md);border-bottom:var(--border-width) solid rgba(0,0,0,0.03);}
.content-cant-open .solution-item {}
.content-cant-open .solution-item i {display:none;}
.content-cant-open .solution-item:last-child {border-bottom:none;}
.dark .btn-cant-open {background-color:var(--gray-800);color:var(--gray-300);}
.dark .btn-cant-open:hover {background-color:var(--gray-700);color:var(--gray-200);}
.dark .content-cant-open .section-title {color:var(--gray-200);border-color:var(--border-color);}
.dark .solution-section {background-color:var(--card-bg);}
.dark .content-cant-open .solution-box {background-color:var(--card-bg);}
.dark .solution-item {border-color:rgba(255,255,255,0.03);}
@media (max-width:767.98px) {.content-info {flex-direction:column;align-items:flex-start;gap:var(--space-sm);}}
.content-fields {background-color:var(--sky-50);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-base);margin-bottom:var(--space-base);font-size:var(--fs-sm);gap:var(--space-xs);display:flex;flex-direction:column;}
.find-sec {background-color:white;padding:var(--space-base);border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,0.05);margin-bottom:var(--space-base);font-size:var(--fs-sm);display:flex;flex-direction:column;}
@media (max-width:767.98px) {.find-sec {padding:var(--space-sm);margin-bottom:var(--space-sm);}
.find-field {flex-direction:row;align-items:center;padding:var(--space-sm);gap:var(--space-xs);display:flex;}
.find-field i {margin-right:var(--space-xs);margin-bottom:0;}
.find-field strong {display:inline;width:auto;}
}
.find-field {display:flex;align-items:center;padding:var(--space-md);border-bottom:var(--border-width) solid rgba(0,0,0,0.03);}
.find-field:last-child {border-bottom:none;}
.find-field i {font-size:var(--fs-sm);color:var(--gray-500);flex-shrink:0;margin-right:var(--space-sm);}
.find-field strong {color:var(--gray-800);flex-shrink:0;}
.find-field p {margin:0;flex:1;}
@media (max-width:767.98px) {.find-field {display:block;}
.find-field i {display:inline-block;margin-right:var(--space-sm);margin-bottom:var(--space-xs);}
.find-field strong {display:inline-block;margin-bottom:var(--space-xs);}
}
.dark .content-fields {background-color:rgba(56,189,248,0.08);border-color:var(--border-color);}
.dark .find-box,.dark .find-section,.dark .find-sec {background-color:var(--card-bg);box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.dark .find-field {border-bottom-color:rgba(255,255,255,0.03);}
.dark .find-field i {color:var(--gray-400);}
.dark .find-field strong {color:var(--gray-200);}
@media (max-width:767.98px) {.dark .find-field {}
.dark .find-field i {color:var(--gray-400);}
.dark .find-field strong {color:var(--gray-200);}
.dark .find-field p {color:var(--gray-300);}
}
.dark .find-field a {color:var(--sky-400);}
.dark .find-field a:hover {color:var(--sky-300);}
.dark .find-field a:visited {color:var(--purple-400);}
.field-icon-text {display:flex;align-items:center;}
.field-icon-text i {color:var(--gray-500);margin-right:var(--space-xs);font-size:var(--fs-sm);}
.publish-field-item {display:flex;align-items:flex-start;flex-wrap:wrap;}
.publish-field-item i,.publish-field-item strong {display:inline-flex;align-items:center;}
.content-body {font-size:var(--fs-base);line-height:1.6;color:var(--gray-700);}
.site-footer {background-color:#ffffff;border-top:1px solid #eee;padding:20px 0;color:#333;font-family:'Microsoft YaHei','Helvetica Neue',Arial,sans-serif;margin-left:var(--sidebar-width);margin-right:0;margin-top:calc(var(--space-xxxl) * 1.5);}
.footer-content {display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xxl);white-space:nowrap;}
.footer-simple {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;box-sizing:border-box;}
.footer-brand-simple {display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;flex:0 0 auto;height:100%;}
.footer-logo {height:24px;margin-right:10px;object-fit:contain;}
.brand-logo-name {display:flex;align-items:center;gap:8px;}
.footer-logo-icon {font-size:var(--fs-base);color:var(--sky-500,#0ea5e9);display:flex;align-items:center;justify-content:center;}
.dark .footer-logo-icon {color:var(--sky-400,#38bdf8);}
.site-slogan {font-size:var(--fs-xs);color:#666;margin-left:25px;}
.footer-links-simple {display:flex;justify-content:center;flex-wrap:wrap;gap:12px;flex:1;margin:0 20px;}
.footer-links-simple a {color:#666;font-size:var(--fs-xs);transition:var(--transition-md);}
.footer-links-simple a:hover {color:#333;}
.footer-copyright-simple {font-size:var(--fs-xxs);color:#999;text-align:right;flex:0 0 auto;}
.dark .site-footer {background-color:var(--card-bg);border-top:1px solid var(--border-color);color:#adb5bd;}
.dark .site-footer a {color:#adb5bd;}
.dark .site-footer a:hover {color:var(--sky-600);}
.dark .site-name {color:#c6c9cf;}
.dark .site-slogan {color:#aaa;}
.dark .footer-links-simple a {color:#aaa;}
.content-wrap {display:flex;}
.content-layout {border-radius:14px;padding:30px;background:var(--white);margin-bottom:20px;}
.content-layout:first-child {border-radius:4px 4px 14px 14px;border-top:4px solid #283593;min-height:auto !important;}
.right-column {padding-left:20px;}
.site-header-information a {color:#6c757d;}
@media (max-width:767.98px) {.content-layout {padding:20px;}
.site-header {flex-direction:column;padding:20px;margin:-20px -20px 0;align-items:flex-start;}
.site-header-icon {height:50px;width:50px;}
.site-header-info {margin-left:0;margin-top:15px;width:100%;}
.site-header-information {font-size:12px!important;margin-top:8px;color:#6c757d}
.site-header-information-list {}
.site-header-go {position:relative;right:auto;top:auto;margin-top:15px;width:100%;flex-direction:row;justify-content:center;align-items:center;}
.site-go-btn {margin-left:0;width:100%;text-align:center;padding:0 20px;}
}
.sidebar-right {width:100%;}
@media (min-width:1200px) {.show .container {max-width:1140px;}
}
.site-header {position:relative;display:flex;padding:30px;margin:-30px -30px 0;border-radius:14px 14px 0 0;box-shadow:0 26px 40px -30px rgba(0,36,100,0.3);}
.site-header-icon {display:inline-flex;justify-content:center;height:40px;width:40px;border-radius:3px;}
.site-header-icon img {max-width:100%;max-height:100%;object-fit:contain;}
.site-header-info {display:inline-block;margin-left:15px;vertical-align:top;}
.site-name {font-size:24px;font-weight:600;padding:0;}
.site-header-information {font-size:14px;margin-top:8px;color:#6c757d}
.site-data {margin-top:10px;}
.site-data strong {font-size:12px;}
.site-header-information-list {display:inline-block;font-size:12px;padding:4px 14px 4px 12px;margin-right:3px;position:relative;z-index:1;}
.site-header-information-list::after {border-radius:5px;transform:skewX(-5deg);background:#f1f2f3;border:1px solid #f1f2f3;z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;content:"";-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;}
.site-header-information-list i {font-size:12px;margin-right:6px;color:rgba(68,58,58,0.4);vertical-align:0;}
.site-header-information-list:hover i {color:#283593;}
.site-header-information-list .btn-like:hover {color:unset;}
.site-header-information-list .btn-like.liked,.site-header-information-list .btn-like.liked i {color:#283593;}
.site-header-information-list .btn-like i {font-size:13px;}
.site-header-information-list a {height:16px;display:inline-block;line-height:1;}
.site-header-go {position:absolute;right:30px;top:30px;display:flex;flex-direction:column;align-items:flex-end;}
.site-go-btn {height:40px;line-height:38px;padding:0 15px 0 20px;display:inline-block;border:1px solid #283593;border-radius:10px;color:#fff;background:#283593;margin-left:10px;font-weight:500;transition:all 0.3s ease;}
.site-go-btn:hover {color:#fff;}
.site-go-btn strong+i {font-size:14px;vertical-align:0;font-weight:600;}
.main-content {background:#fff;padding:30px;border-radius:0 0 14px 14px;box-shadow:0 26px 40px -30px rgba(0,36,100,0.3);margin-top:-1px;}
.website-links-container,.publish-info-container {border-radius:10px;padding:15px 25px;background:#f7f8f9;margin-bottom:1rem;}
.publish-info-container strong {color:#333;font-size:14px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #efefef;display:inline-block;}
.publish-info-container>div>p {font-size:14px;color:#666;}
.website-link-item {margin-bottom:8px;}
.website-link-item:last-child {margin-bottom:0;}
.website-link-item strong {color:#333;font-size:14px;margin-right:8px;}
.website-link-item a,.publish-info-container a {color:#283593;word-break:break-all;font-size:14px;}
.website-link-item a:hover,.publish-info-container a:hover {text-decoration:underline;}
.publish-info {padding:5px 0;}
.publish-info strong {color:#333;font-size:14px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #efefef;display:inline-block;}
.site-description {margin:20px 0;line-height:1.8;}
.site-comments {margin-top:30px;padding-top:20px;border-top:1px solid #eee;}
.site-actions {display:flex;gap:15px;margin:20px 0;flex-wrap:wrap;}
@media (max-width:767px) {.content-layout h2.single-title {margin-left:-25px !important;margin-top:5px;padding-left:20px;}
}
.content-layout h2.single-title-line::before,.content-layout h2.single-title-line::after {content:'';height:20px;width:8px;background:#f6dc3e;position:absolute;left:-30px;bottom:7px;}
.content-layout h2.single-title-line::after {left:-28px;transform:skewX(-10deg)}
.panel-body.single {min-height:200px;padding:15px 0 0 0;}
.site-content h2.single-title-line {border-left:unset !important;margin:30px 0 20px 0;font-weight:700;padding:5px 0 !important;font-size:18px !important;position:relative;}
.panel-body1 p {line-height:1.875;font-size:15px;color:#444;margin-bottom:1rem;}
.panel-body p {line-height:1.875;font-size:15px;color:#444;}
.panel-body1 p {line-height:1.875;font-size:15px;color:#444;}
.content-layout h2.single-title {border-left:5px solid #283593;padding:5px 30px 5px 30px;margin:-10px -30px 15px -35px;border-radius:4px 0 0 4px;font-size:16px;font-weight:700;color:#555;}
.dark .content-layout {background:#2c2e2f !important;}
.dark .site-content h2.single-title-line {color:#c7c9cf;}
.dark .content-layout h2.single-title {border-left-color:#e5c977;color:#888;}
.dark .panel-body1 p {color:#a5a9b2;}
.dark .website-links-container,.dark .publish-info-container {background:#27292b;}
.dark .website-links-container strong,.dark .publish-info-container strong {color:#f3f4f6;border-bottom-color:#383838;}
.dark .publish-info-container>div>p {color:#d1d5db;}
.dark .main-content {background:#1f2937 !important;}
.dark .site-description {color:#e5e7eb;}
.dark .site-header-information-list::after {border-color:#303234;background:#303234;}
.card1 {border-radius:10px;background:#fff;margin-bottom:20px;}
.card-header1 {padding:20px 20px 15px;}
.card-body1 {min-height:1px;padding:0 1.25rem 1.25rem;}
.card1 h3 {font-weight:700;font-size:16px;color:#555;}
.dark .card1 {background:#2c2e2f;color:#f3f4f6;}
.dark .card1 h3 {color:#888;}
.dark .site-comments {border-top-color:#4b5563;}
.dark .btn {background:#374151;border-color:#4b5563;color:#f3f4f6;}
.dark .btn:hover {background:#4b5563;border-color:#4f46e5;color:#ffffff;}
.dark .site-go-btn {background:#e5c977;border-color:#e5c977;color:rgba(0,0,0,0.92);}
.dark .website-link-item a,.dark .publish-info-container a {color:#f6dc3e;}
.dark .website-link-item a:visited,.dark .publish-info-container a:visited {color:#d8b4fe;}
.dark .site-header {box-shadow:0 26px 40px -30px rgba(0,0,0,0.5);}
.dark .site-header-information {color:#6c757d;}
@media (max-width:767.98px) {.site-header {flex-direction:column;align-items:flex-start;padding:20px;}
.site-header-go {display:none;}
.main-content {padding:20px;}
}
@media (max-width:575.98px) {.site-header-information-list {margin-right:0;margin-bottom:8px;}
.site-actions {flex-direction:column;gap:10px;}}
.dark .footer-links-simple a:hover {color:var(--sky-600);}
.dark .footer-copyright-simple {color:#888;}
@media (max-width:767.98px) {.site-footer {white-space:normal;text-align:center;}
.footer-content {flex-flow:column;text-align:center;gap:var(--space-sm);}
.footer-copyright {white-space:normal;}
.footer-links {justify-content:center;}
.footer-links a {margin:0;}
}
.footer-copyright {margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.site-footer a {color:var(--gray-600);margin:0;padding:0;}
.footer-links {display:flex;gap:var(--space-base);align-items:center;flex-wrap:wrap;}
.footer-links a {position:relative;}
.footer-separator {color:var(--gray-400);margin:0 var(--space-sm);}
.site-footer a:hover {color:var(--sky-600);}
.container {}
.btn-back-to-top {position:fixed;bottom:50px;right:30px;width:50px;height:50px;border-radius:50%;background-color:rgba(108,117,125,0.5);color:white;border:none;cursor:pointer;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s,transform 0.3s,background-color 0.3s;z-index:9999;display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);}
.btn-back-to-top:hover {background-color:var(--sky-600);}
.dark .btn-back-to-top {background-color:rgba(108,117,125,0.7);color:var(--bs-light);box-shadow:0 1px 3px rgba(255,255,255,0.05);}
.dark .btn-back-to-top:hover {background-color:var(--sky-600);}
@media (min-width:576px) {}
@media (max-width:767.98px) {.btn-back-to-top {width:40px;height:40px;bottom:60px;right:20px;font-size:var(--fs-sm);}
}
@media (min-width:768px) and (max-width:991.98px) {.container {padding-right:20px;padding-left:20px;}
}
@media (min-width:992px) {.container {padding-right:40px;padding-left:40px;}
.sidebar {width:var(--sidebar-width);}
.main {margin-left:var(--sidebar-width);padding:0;}
.site-footer {margin-left:var(--sidebar-width);}
.menu-toggle {display:none;}
.section-title {font-size:var(--fs-xl);padding-bottom:var(--space-md);margin:var(--space-xl) 0;}
}
@media (min-width:1200px) {}
@media (min-width:1400px) {.container {max-width:1600px;}
}
@media (min-width:1600px) {}
@media (min-width:1800px) {}
@media (min-width:2940px) {.container {padding-right:100px;padding-left:100px;max-width:2740px;}
}
@media (max-width:991.98px) {.container {padding-right:20px;padding-left:20px;}
.menu-toggle {display:flex;}
.top-bar .menu-toggle {display:flex;}
.sidebar {width:var(--sidebar-width-mobile)!important;}
.main {margin-left:0;}
.site-footer {margin-left:0;padding:var(--space-md) var(--space-base);white-space:normal;text-align:center;}
.content {padding:var(--space-md);}
.sidebar-header {justify-content:space-between;}
.footer-simple {flex-direction:column;align-items:center;text-align:center;gap:15px;}
.footer-brand-simple {flex-direction:column;align-items:center;}
.site-name {margin-right:0;margin-bottom:4px;}
.footer-links-simple {flex-flow:row wrap;gap:12px;margin:0;justify-content:center;}
.footer-copyright-simple {text-align:center;}
.footer-content {flex-flow:column wrap;text-align:center;gap:var(--space-sm);}
.footer-copyright {white-space:normal;}
.footer-links {justify-content:center;}
.footer-links a {display:inline-block;margin:0 var(--space-xs);padding:var(--space-xs) 0;}
.login-wrapper {min-height:auto;padding:var(--space-md) 0;}
}
@media (max-width:767.98px) {.container {padding-right:15px;padding-left:15px;}
.top-bar {margin-bottom:0;padding:var(--space-sm) 0;}
.top-bar .container {flex-direction:column;align-items:center;gap:var(--space-sm);}
.top-bar-right {width:100%;justify-content:center;gap:var(--space-sm);}
.top-bar-left {gap:var(--space-sm);}
.top-bar-left > * {opacity:1;}
.top-bar .top-bar-link {padding:var(--space-xs) var(--space-sm);}
.top-bar .btn-dark-mode {padding:var(--space-xs) var(--space-sm);}
.search-box {margin:var(--space-lg) auto;padding:var(--space-sm) var(--space-lg);width:100%;}
.search-input {min-width:auto;padding:var(--space-sm) var(--space-md);font-size:var(--fs-sm);}
.search-button {padding:var(--space-sm) var(--space-lg);font-size:var(--fs-sm);}
}
@media (max-width:575.98px) {.container {padding-right:10px;padding-left:10px;}
.item-link {padding-top:var(--space-md);padding-bottom:var(--space-md);}
.login-form {padding:var(--space-md);}
.form-input-group {flex-direction:column;align-items:stretch;}
.form-options {flex-direction:column;align-items:flex-start;gap:var(--space-sm);}
.oauth-options {flex-wrap:wrap;}
.site-footer {padding:var(--space-sm) var(--space-base);font-size:var(--fs-xs);}
.footer-content {flex-direction:column;text-align:center;gap:var(--space-sm);}
.footer-links a {margin:0;padding:0;}
}
.dark {--secondary-color:#6c757d;--info-color:#0dcaf0;--warning-color:#ffc107;--danger-color:#dc3545;--light-color:#f8f9fa;--dark-color:#212529;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--body-bg:#1e2124;--sidebar-bg:#26282a;--content-bg:#212427;--card-bg:#2e3134;--border-color:#3a3f44;}
.dark body {background-color:var(--body-bg);color:#dee2e6;}
.dark .link-item {background-color:var(--card-bg);border-color:var(--border-color);}
.dark .section-title {color:#dee2e6;border-color:var(--border-color);}
.dark .content-title {color:#dee2e6;}
.dark .item-tag.closed {background-color:var(--gray-800);color:var(--gray-400);}
.dark .content-header-tag.closed {background-color:rgba(239,68,68,0.15);color:var(--red-400);border:1px solid rgba(239,68,68,0.3);box-shadow:0 2px 4px rgba(239,68,68,0.1);}
.dark .content-fields {background-color:var(--card-bg);border-color:var(--border-color);gap:var(--space-xs);display:flex;flex-direction:column;}
.dark .content-field-item a:hover {text-decoration:underline;}
.dark .content-body {color:var(--gray-200);}
.dark .site-footer a:hover {color:var(--sky-600);}
.dark .item {background-color:#3a3a3a;border:0;}
.dark .item-title {color:var(--gray-300);}
.dark .item-content {background-color:transparent;}
.dark .item-link:hover .item-title {color:var(--sky-400);}
.dark .item-desc {color:#6c757d!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.dark .item-favicon {background-color:var(--card-bg);}
.dark .item-action-btn {background-color:transparent;color:var(--gray-500);}
.dark .item-action-btn:hover,.dark .item-action-btn.favorite:hover {background-color:transparent;color:var(--gray-500);}
.dark .tab-group .tabs-head h2 {color:var(--gray-600);}
.dark .sub-section h2 {color:var(--gray-200);}
.dark .sub-section h2 a {color:var(--gray-200);}
.dark .sub-section h2 a:hover {color:var(--sky-600);}
.dark .sidebar-nav .sidebar-link {color:var(--gray-400);}
.dark .sidebar-nav .sidebar-link:hover {background-color:var(--gray-800) !important;color:var(--white) !important;}
.dark .sidebar-nav .sidebar-link.active {background-color:var(--gray-800) !important;color:var(--white) !important;}
.dark .sidebar {background-color:var(--sidebar-bg) !important;padding:0;overflow:hidden;}
.dark .more-link {color:var(--sky-400);}
.dark .more-link:hover {color:var(--sky-300);}
.pagination-wrapper {margin:var(--space-lg) 0 var(--space-xxxl) 0;display:flex;justify-content:center;}
.pagination {display:flex;align-items:center;padding-left:0;margin:0;border-radius:var(--radius-md);list-style:none;}
.pagination li {margin:0 var(--space-xs);}
.pagination a {padding:var(--space-sm) var(--space-base);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);color:var(--gray-700);transition:var(--transition-base);display:block;}
.pagination a:hover {background-color:var(--gray-200);border-color:var(--gray-300);color:var(--gray-900);}
.pagination .active a {background-color:var(--sky-600);border-color:var(--sky-600);color:var(--white);}
.pagination .active a:hover {background-color:var(--sky-700);border-color:var(--sky-700);color:var(--white);}
.dark .pagination a {background-color:var(--gray-700);border-color:var(--gray-600);color:var(--gray-300);}
.dark .pagination a:hover {background-color:var(--gray-600);border-color:var(--gray-500);color:var(--white);}
.dark .pagination .active a {background-color:var(--sky-600);border-color:var(--sky-600);color:var(--white);}
.dark .pagination .active a:hover {background-color:var(--sky-700);border-color:var(--sky-700);color:var(--white);}
.btn-outline-primary {color:var(--sky-600);border-color:var(--sky-600);}
.btn-outline-primary:hover {color:var(--white);background-color:var(--sky-600);border-color:var(--sky-600);}
.tab-pane .btn-outline-primary {font-size:var(--fs-sm);transition:var(--transition-md);}
.tab-pane .btn-outline-primary:hover {background-color:var(--sky-700);border-color:var(--sky-700);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.btn-view-more {color:var(--gray-700);border-color:var(--gray-300);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-base);font-size:var(--fs-sm);transition:var(--transition-md);display:inline-block;background-color:var(--gray-200);box-shadow:none;}
.btn-view-more:hover {color:var(--gray-800);background-color:var(--gray-300);border-color:var(--gray-400);transform:translateY(-2px);box-shadow:none;}
.dark .btn:hover span {color:var(--white);}
.dark .btn-outline-primary {color:var(--sky-400);border-color:var(--sky-400);}
.dark .btn-outline-primary:hover {color:var(--white);background-color:var(--sky-700);border-color:var(--sky-700);}
.dark .btn-view-more {color:var(--gray-300);border-color:var(--gray-600);background-color:var(--gray-800);box-shadow:none;}
.dark .btn-view-more:hover {color:var(--white);background-color:var(--gray-700);border-color:var(--gray-500);box-shadow:none;}
.message-container {max-width:800px;margin:0;padding:0;}
.message-header {text-align:center;margin-bottom:var(--space-xxl);}
.message-title {font-size:var(--fs-xxl);color:var(--gray-800);margin-bottom:var(--space-md);}
.message-description {font-size:var(--fs-base);color:var(--gray-600);margin:0;}
.message-form {background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);padding:var(--space-xl);border:var(--border-width) solid var(--border-color);}
.message-group {margin-bottom:var(--space-lg);}
.message-label {display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--gray-700);}
@media (max-width:767.98px) {.message-container {padding:var(--space-lg) var(--space-base);}
.message-form {padding:var(--space-lg);}
.message-title {font-size:var(--fs-xl);}
}
.message-description {color:var(--gray-600);margin-bottom:var(--space-lg);font-size:var(--fs-base);}
.dark .message-description {color:var(--gray-400);}
@media (max-width:767.98px) {.message-description {font-size:var(--fs-sm);}
}
.img-circle {border-radius:50% !important;width:16px;height:16px;margin-right:5px;object-fit:cover;}
.user-dropdown {position:relative;display:inline-block;}
.vip-badge {display:inline-block;padding:2px 6px;margin-left:5px;background-color:#ff6b35;color:white;font-size:var(--fs-xxxs);border-radius:3px;font-weight:bold;text-transform:uppercase;}
.user-dropdown-menu {opacity:0;visibility:hidden;transition:var(--transition-base);position:absolute;top:120%;right:0;min-width:200px;width:auto;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1000;overflow:hidden;margin:0;}
.user-dropdown.active .user-dropdown-menu,.user-dropdown:hover .user-dropdown-menu {opacity:1;visibility:visible;}
.user-info-section {padding:12px;display:flex;align-items:center;gap:12px;background-image:linear-gradient(to right,var(--sky-400),var(--pink-400));text-align:left;width:100%;box-sizing:border-box;}
.user-avatar-large {position:relative;width:50px;height:50px;margin:0;}
.user-avatar-large img {width:100%;height:100%;border:1px solid rgba(255,255,255,0.8);}
.user-details {display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 74px);}
.username {font-size:var(--fs-base);font-weight:bold;color:white;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;}
.vip-status {font-size:var(--fs-xs);color:white;font-weight:500;background-color:var(--orange-500);padding:2px 6px;border-radius:3px;display:inline-block;white-space:nowrap;width:auto;min-width:40px;text-align:center;}
.vip-badge-large {position:absolute;bottom:-5px;right:-5px;background-color:#FF5722;color:white;font-size:var(--fs-xxxs);padding:2px 5px;border-radius:3px;font-weight:bold;z-index:10;}
.dropdown-divider {margin:0;border:none;border-top:1px solid #f0f0f0;}
.dark .dropdown-divider {border-top-color:#4a5568;}
.user-dropdown-item {display:flex;align-items:center;gap:var(--space-sm);padding:10px 16px;color:#333;transition:all 0.2s ease;font-size:var(--fs-sm);border-radius:0;}
.user-dropdown-item:hover {background-color:#f5f5f5;color:#333;position:relative;z-index:1;}
.user-dropdown-item:hover::before {content:'';position:absolute;left:0;top:0;width:3px;height:100%;background-image:linear-gradient(to bottom,var(--sky-400),var(--pink-400));z-index:1;}
.user-dropdown-item i {width:20px;margin-right:10px;color:#666;text-align:center;}
.user-dropdown-item span {flex:1;}
.logout-item:hover {background-color:var(--red-50);color:var(--red-600);}
.logout-item:hover i {color:var(--red-600);}
.dark .user-dropdown-menu {background-color:#2d3748;border-color:#4a5568;color:#e2e8f0;}
.dark .user-info-section {background-image:linear-gradient(to right,var(--sky-700),var(--pink-700));border-bottom-color:#4a5568;}
.dark .stat-label {color:#a0aec0;}
.dark .stat-value {color:#e2e8f0;}
.dark .user-dropdown-item {color:#e2e8f0;}
.dark .user-dropdown-item:hover {background-color:var(--gray-700);color:var(--white);position:relative;}
.dark .user-dropdown-item:hover::before {content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--sky-400),var(--pink-400));z-index:1;}
.dark .logout-item:hover {background-color:var(--pink-100);color:var(--pink-500);}
.dark .logout-item:hover i {color:var(--pink-500);}
@media (max-width:767.98px) {.user-dropdown-menu {min-width:180px;max-width:220px;right:0;left:auto;width:auto;}
.user-details {max-width:calc(100% - 74px);}
.username {max-width:140px;}
}
.category-tags {display:flex;align-items:center;gap:0 var(--space-lg);flex-wrap:wrap;margin-top:-5px;margin-bottom:var(--space-lg);}
.category-tags i {font-size:var(--fs-xs);color:var(--gray-400);}
.category-tags a {font-size:var(--fs-xs);color:var(--gray-400);font-weight:300;}
.category-tags a:hover {color:var(--sky-600);}
.tag-group .category-tags {margin-top:0}
@media (max-width:991.98px) {.category-tags {margin-top:10px;}
}
.tooltip[data-popper-placement="right"] {margin-left:-10px!important}
.home-address-container {display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;white-space:nowrap;color:var(--gray-500);font-size:var(--fs-sm);font-weight:normal;border-radius:var(--radius-md);background-color:var(--gray-50);transition:all var(--transition-md);}
.home-address-container:hover {background-color:var(--gray-100);border-color:var(--gray-300);color:var(--gray-600);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.home-address-container i {color:var(--gray-400);}
.address-link {color:var(--green-700);font-weight:bold;text-decoration:none;transition:color var(--transition-md);font-size:var(--fs-sm);}
.address-link:hover {color:var(--green-700);text-decoration:none;}
.address-separator {color:var(--gray-200);margin:0 6px;}
@media (max-width:767.98px) {.home-address-container {width:100%;margin-top:var(--space-sm);order:5;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;white-space:normal;}
.top-bar-left {flex-wrap:wrap;justify-content:center;}
}
.dark .home-address-container {background-color:rgba(156,163,175,0.1);border:1px solid rgba(156,163,175,0.2);color:var(--gray-500);}
.dark .home-address-container:hover {background-color:rgba(156,163,175,0.15);border-color:rgba(156,163,175,0.3);color:var(--gray-400);box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.dark .home-address-container i {color:var(--gray-500);}
.dark .address-link {color:var(--green-300);}
.dark .address-separator {color:var(--gray-700);}
.dark .address-link:hover {color:var(--green-200);}
.site-closed .item-favicon {opacity:0.5;filter:grayscale(100%);}
.site-closed .item-title {text-decoration:line-through;color:var(--gray-400);}
.item.item-more .item-title {color:var(--gray-400);font-weight:300;font-size:var(--fs-xs);}
.panel-body img {max-width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);}
.stats-bar {background-color:var(--white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);margin:var(--space-base) 0;font-size:var(--fs-xs);color:var(--gray-600);display:flex;align-items:center;gap:var(--space-lg);max-width:max-content;box-shadow:none;}
.stats-item {display:inline-flex;align-items:center;}
.stats-item strong {color:var(--gray-700);font-weight:500;margin-left:var(--space-xs);}
.stats-separator {color:var(--gray-200);font-size:var(--fs-base);font-weight:300;}
.dark .stats-bar {background-color:var(--gray-800);color:var(--gray-400);}
.dark .stats-item strong {color:var(--gray-300);}
.dark .stats-separator {color:var(--gray-700);}
.toggle-sidebar {position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;opacity:0;transform:translateX(-100%);transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);}
.toggle-sidebar:not(.show) .toggle {opacity:0;}
.toggle-sidebar.show {opacity:1;transform:translateX(0);}
.toggle-sidebar.show .toggle {width:510px;opacity:1;}
.toggle-sidebar .toggle {top:0;left:0;z-index:1000;width:0;height:100vh;position:fixed;background:linear-gradient(to left,transparent 0%,rgba(0,0,0,0.07) 100%);transition:opacity .3s linear;}
.toggle-sidebar .toggle .toggle-inner {position:absolute;top:0;left:0;height:100%;width:400px;transform:translate3d(-100%,0,0);padding:2px;overflow:hidden;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);}
.toggle-sidebar.show .toggle .toggle-inner {transform:translate3d(150px,0,0);}
.toggle-inner-item {height:calc(100vh - 30px);overflow:auto;background:radial-gradient(92.81% 48.44% at -24.53% -16.02%,#e4fcff 0%,rgba(255,255,255,0) 100%),radial-gradient(75.78% 68.16% at 56.74% -24.02%,#fcffda 0%,rgba(255,255,255,0) 100%),radial-gradient(160.86% 46.39% at 177.14% -15.62%,#ffc8c8 9.06%,rgba(255,255,255,0) 100%),rgba(255,255,255,0.8);backdrop-filter:saturate(180%) blur(15px);margin:15px;position:relative;padding:15px;border-radius:14px;box-shadow:0 -2px 10px 1px rgba(0,0,0,0.08);}
.toggle-filter-item {padding:15px;}
.toggle-filter-item:hover {background:rgba(200,200,200,0.2);border-radius:10px}
.toggle-filter-item:hover .filter-name {color:#283593}
.toggle-filter-item:hover .filter-name span {display:inline-block}
.filter-name {position:relative;z-index:1;padding-bottom:10px;font-weight:700;color:rgba(0,0,0,0.85);font-size:12px;}
.filter-name span {display:none;font-size:12px;font-weight:400;float:right;color:#666;margin-top:2px;}
.filter-content a {padding:0 12px;border-radius:10px;border:1px solid rgba(0,0,0,0.08);line-height:28px;margin:4px;background:#fff;display:inline-block;font-size:12px;text-decoration:none;color:#333;}
.filter-content i {font-size:9px;margin-right:5px;color:#283593;font-weight:700;vertical-align:5%;}
.filter-content a:hover {border-color:#283593}
.filter-content {font-size:0;}
.filter-list {margin:-4px;}
@media (max-width:767.98px) {.toggle-sidebar.show .toggle {z-index:1090;width:100%;background:rgba(0,0,0,0.3) !important;backdrop-filter:blur(10px);}
.toggle-sidebar.show .toggle .toggle-inner {transform:translate3d(0,0,0);width:100%;}
.toggle-sidebar .toggle .toggle-inner {transition:none;padding:2px 0 2px 2px;}
.toggle-inner-item {background:radial-gradient(92.81% 48.44% at -24.53% -16.02%,#e2fafd 0%,rgba(255,255,255,0) 100%),radial-gradient(75.78% 68.16% at 56.74% -24.02%,#fafce5 0%,rgba(255,255,255,0) 100%),radial-gradient(160.86% 46.39% at 177.14% -15.62%,#ffdede 9.06%,rgba(255,255,255,0) 100%),rgba(255,255,255,0.95);}
}
.empty-favorites {text-align:center;padding:20px 15px;background:var(--gray-50);border-radius:6px;color:var(--gray-500);font-size:14px;margin-top:15px;}
.empty-favorites i {color:var(--red-500);margin:0 4px;transition:transform 0.2s ease;}
.empty-favorites:hover i {transform:scale(1.1);color:var(--red-600);}
.dark .empty-favorites {background:rgba(30,41,59,0.5);color:var(--gray-400);}

.user-content-section {min-height:300px;padding:10px 0;}
.dark .tab-group {background-color:#2c2e2f}
.dark .tab-group .tabs-head h2 a {color:#888;}
.opbar-wrap {position:fixed;z-index:999;}
@media (min-width:768px) {.opbar-wrap {pointer-events:none;top:5px;}
.opbar-wrap.show {pointer-events:auto;}
.opbar-wrap.show .opbar-inner-box {transform:translateZ(0);-webkit-transform:translateZ(0);opacity:1;}
.opbar-wrap .opbar-inner-box {transition-duration:200ms;opacity:0;transform:translate3d(0,-100%,0);}
.opbar-inner-box::before,.opbar-inner-box::after {content:'';position:absolute;width:9px;height:15px;bottom:-5px;background:#000;z-index:-1;}
.opbar-inner-box::before {left:-9px;transform:skewY(30deg);border-radius:3px 0 0 3px;}
.opbar-inner-box::after {right:-9px;transform:skewY(-30deg);border-radius:0 3px 3px 0;}
.opbar-inner-main {background:#283593;padding:15px 20px;box-shadow:0 10px 10px -5px rgba(0,0,0,0.18);}
.opbar-inner-main::before,.opbar-inner-main::after {content:'';position:absolute;width:10px;height:100%;top:0;z-index:1;}
.opbar-inner-main::before {background:linear-gradient(to left,#283593 0%,#3443aa 50%,#2d3785 100%);left:-9px;border-radius:50px 0 0 0;}
.opbar-inner-main::after {background:linear-gradient(to right,#283593 0%,#3443aa 50%,#2d3785 100%);right:-9px;border-radius:0 50px 0 0;}
}
@media (min-width:768px) {.opbar-siteinfo {display:flex;flex:1;align-items:center;}
}
@media (min-width:768px) {.opbar-site-icon {height:32px;width:32px;display:flex;justify-content:center;padding:8px;background:#1d2561;border-radius:6px;}
}
@media (min-width:768px) {.opbar-site-icon img {height:100%;}
}
@media (min-width:768px) {.opbar-site-name {margin-left:15px;}
}
@media (min-width:768px) {.opbar-site-name strong {font-size:18px;}
}
@media (min-width:768px) {.opbar-site-name a {color:#fff;}
}
@media (min-width:768px) {.opbar-site-name p {font-size:12px;color:rgba(255,255,255,0.8);}
}
.opbar-inner-box .site-go-btn {background:#fff !important;color:#283593;}
.site-go-btn {height:40px;line-height:38px;padding:0 15px 0 20px;display:inline-block;border:1px solid #283593;border-radius:10px;color:#fff;background:#283593;margin-left:10px;}
.site-go-btn strong+i {font-size:14px;vertical-align:0;font-weight:600;}
.site-go-btn i {margin-left:5px;}
.opbar-inner-box .site-go-btn {background:#fff !important;color:#283593;}
.site-go-btn.qr-img {padding:0 7px;}
.site-go-btn.qr-img i {font-size:18px;padding:0 3px;vertical-align:-1px;margin:0;}
@media (min-width:768px) {.opbar-inner-main::before,.opbar-inner-main::after {content:'';position:absolute;width:10px;height:100%;top:0;z-index:1;}
.opbar-inner-main::after {background:linear-gradient(to right,#283593 0%,#3443aa 50%,#2d3785 100%);right:-9px;border-radius:0 50px 0 0;}
}
.opbar-inner-main {display:flex;align-items:center;}
.opbar-list {padding-right:15px;display:flex;align-items:center;}
@media (min-width:768px) {.opbar-list a:nth-child(1) {display:none;}
}
.opbar-link {font-size:14px;color:#e5c977;display:flex;flex-direction:row;align-items:center;position:relative;margin-left:25px;padding:6px 0;z-index:2;}
.opbar-link i {font-size:16px;margin-right:5px;}
.opbar-link span {line-height:1;}
.opbar-link:hover {color:#fff;}
@media (min-width:768px) {.opbar-list .btn-like {display:none;}
}
.site-stats {display:flex;justify-content:center;align-items:center;gap:var(--space-xl);padding:var(--space-xs) 0;margin-bottom:var(--space-sm);font-size:11px;color:var(--gray-300);text-align:center;}
.dark .site-stats {color:var(--gray-700);background-color:transparent;border-color:transparent;box-shadow:none;}
.dark .site-stats .site-header-information-list {color:var(--gray-700);}
.dark .site-stats .site-header-information-list i {color:var(--gray-600);opacity:0.7;}
@media (max-width:767px) {.site-stats {padding:var(--space-xs);gap:var(--space-xs);}
.site-stats .site-header-information-list {font-size:var(--fs-xs);}
}
.opbar-link i {font-size:16px;margin-right:5px;}
.opbar-link::after {content:'';position:absolute;width:100%;height:8px;background:rgba(255,255,255,0.08);display:inline-block;bottom:0;z-index:-1;}
.error-text {color:#dc3545;}
.share-popup.shared {display:flex !important;}
.dark .share-btn {color:#e0e0e0;}
.dark .opbar-inner-box .site-go-btn {background:#e5c977 !important;border-color:#e5c977 !important;color:rgba(0,0,0,0.92) !important;}
.io-bomb {position:fixed;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none;width:100%;height:100%;top:0;left:0;}
.io-bomb-open .io-bomb-overlay {-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;pointer-events:auto;}
.io-bomb-overlay {position:absolute;background:rgba(10,10,10,.4);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%;height:100%;top:0;left:0;}
.io-bomb.io-bomb-open .io-bomb-body {-webkit-animation-name:tips-open;animation-name:tips-open;}
.io-bomb.io-bomb-open .io-bomb-body,.io-bomb.io-bomb-close .io-bomb-body {-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.io-bomb-body {position:relative;opacity:0;max-width:340px;width:100%;}
.io-bomb-content.share {padding-top:140px;padding-bottom:100px;background-image:radial-gradient(farthest-corner at 50% 20%,#f6f9f9 0%,#dae9ed 100%);}
.io-popup-tips-content {background:linear-gradient(to bottom,#ebf4f5 0%,#f1f4f4 100%);}
.io-bomb-content {border-radius:14px !important;padding:40px 50px 50px;}
.io-popup-tips-content {overflow-y:auto;max-height:580px;}
.io-bomb-content {position:relative;transition:.3s;overflow:hidden;border-radius:8px;box-shadow:0 10px 50px -5px rgba(6,39,67,.15);}
.yinghe-circle {width:100%;height:100%;}
.io-bomb-open .io-bomb-body {pointer-events:auto;}
.yinghe-circle-inner,.yinghe-circle-inner::after,.yinghe-circle-inner::before {position:absolute;border-radius:50%;border:1px solid #fff;}
.yinghe-circle-inner::before {height:250px;width:250px;top:15%;left:calc(100% - 300px);}
.yinghe-circle-inner::after,.yinghe-circle-inner::before {content:'';}
.yinghe-circle-inner,.yinghe-circle-inner::after,.yinghe-circle-inner::before {position:absolute;border-radius:50%;border:1px solid #fff;}
.yinghe-circle-inner {height:350px;width:350px;top:-15px;left:calc(50% - 175px);}
.yinghe-circle-inner::before {height:250px;width:250px;top:15%;left:calc(100% - 300px);}
.share-icon.douyin {left:100px;top:13%;}
.share-icon {position:absolute;width:34px;height:34px;box-sizing:content-box;z-index:2;display:flex;align-items:center;justify-content:center;}
.share-icon.douyin img {height:16px;}
.share-icon::after {content:'';position:absolute;height:100%;width:100%;border-radius:20px;border:1px solid #fff;background:rgba(255,255,255,0.7);z-index:-1;left:0;}
.share-icon.kuaishou {right:-15px;top:35%;}
.share-icon.bili {left:-20px;top:38%;width:auto;padding:0 10px;height:26px;}
.share-icon.xhs {width:auto;padding:0 10px;height:26px;}
.share-icon.weixin {left:50px;top:28%;}
.share-icon.weixin img {height:20px;}
.share-icon.qq {right:50px;top:28%}
.share-icon.xhs {right:95px;top:15%}
.share-icon.weibo {left:15px;top:14%}
.share-icon.douban {right:15px;top:15%}
.share-success {font-weight:700;text-align:center;font-size:18px;color:green}
.share-text {margin:15px 0 0;font-size:14px;line-height:1.75;color:rgba(0,0,0,0.92)}
.yinghe-circle-inner::after {height:150px;width:150px;top:30%;left:calc(100% - 250px);}
.io-popup-tips-logo {width:100%;text-align:center;height:90px;overflow:hidden;margin-top:-25px;z-index:3;position:relative;}
.io-popup-tips-logo img {padding:10px;}
.io-bomb-content img {height:auto;}
.io-bomb-content.share .io-popup-tips-content-main {background:rgba(255,255,255,0.7);box-shadow:0px 3px 10px #dce4ea;z-index:2;position:relative;}
.io-popup-tips-content-main {background:#fff;padding:40px 35px;margin:-40px -30px -30px;border-radius:14px;box-shadow:0px 3px 10px #ecf1f5;}
.io-bomb-content.share p {padding-top:18px;}
.io-popup-tips-content-main p {line-height:1.75;font-size:15px;}
.btn-o.green {color:#fff !important;}
.btn-o {display:inline-block;border-radius:6px;height:40px;line-height:40px;width:100%;text-align:center;font-size:14px;font-weight:700;color:#283593;}
.btn-o.green {border-color:#07C160 !important;background-color:#07C160 !important;}
.io-popup-footer-link {position:absolute;bottom:28px;width:100%;text-align:center;font-size:14px;}
.io-popup-footer-link strong {position:relative;color:#283593;}
.io-popup-footer-link strong::before {left:-35px;}
.io-popup-footer-link strong::after,.io-popup-footer-link strong::before {content:'';position:absolute;height:1px;width:20px;top:10px;background-color:#b7cfd5;}
.io-popup-footer-link strong::after {right:-35px;}
.btn-close-bomb {position:absolute;bottom:-40px;left:calc(50% - 16px);}
.btn-close-bomb i {cursor:pointer;color:#fff;font-size:12px;border-radius:50px;background:rgba(0,0,0,0.15);padding:10px;backdrop-filter:saturate(180%) blur(20px);margin-top:-10px;transition:.3s;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;}
.btn-close-bomb i:hover {background-color:rgba(0,0,0,0.25);}
.io-close {text-shadow:none;transition:.3s;}
@-webkit-keyframes tips-open {0% {opacity:0;-webkit-transform:translate3d(0,50px,0)}
100% {opacity:1;-webkit-transform:translate3d(0,0,0)}
}
@keyframes tips-open {0% {opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
100% {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes tips-close {0% {opacity:1;-webkit-transform:translate3d(0,0,0)}
100% {opacity:0;-webkit-transform:translate3d(0,50px,0)}
}
@keyframes tips-close {0% {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100% {opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
}
/* Media queries already handle all responsive behavior */.share-icon img {height:18px;}
.share-icon.bili img {height:12px}
.share-icon.xhs img {height:11px}
.share-icon.douyin img {height:16px}
.share-icon.weixin img {height:20px}
.btn-close-bomb i {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:rgba(0,0,0,0.15);border-radius:50%;}
.btn-close-bomb i:hover {background-color:rgba(0,0,0,0.25);}
.dark .io-popup-tips-content.share {background-image:radial-gradient(farthest-corner at 50% 20%,#4e4d4d 0%,#2f2f2f 100%);}
.dark .io-popup-tips-content {background:#2f2f2f;}
.dark .yinghe-circle-inner,.dark .yinghe-circle-inner::after,.dark .yinghe-circle-inner::before {border-color:#545454;}
.dark .io-popup-tips-content-main {background:#414141;box-shadow:none}
.dark .io-popup-tips-content.share .io-popup-tips-content-main {background:rgba(37,37,37,0.85);box-shadow:0px 3px 10px #323232;}
.dark .io-popup-tips-content .share-success {color:#01dc01!important;}
.dark .io-popup-tips-content .share-text {color:#e0e0e0;}
.dark .panel-body p strong {color:#e0e0e0;}
.dark .io-popup-footer-link strong {color:#e5c977;}
.dark .site-header-go a:not(.btn) {color:rgba(0,0,0,0.92);}
.dark .site-header-information-list {color:#e0e0e0;}
.dark .site-header-information-list i {color:unset;}
@media (max-width:767px) {.content-layout h2.single-title-line::before {left:-20px;width:5px;}
.content-layout h2.single-title-line::after {left:-18px;width:5px;}
.panel-body p {font-size:14px;}
.site-header {flex-direction:row-reverse;padding:20px;margin:-20px -20px 0;}
.site-header-info {flex:1;margin:0;}
}
.comment-section {margin-top:var(--space-lg);}
.site-tags {padding:20px 0;margin:0 -6px;}
.site-tags a {display:inline-block;font-size:12px;padding:6px 15px;margin:3px;background:#f1f2f3;border-radius:8px;color:rgba(0,0,0,0.6);}
.dark .site-tags a {background:#343637;}
.dark a:not(.btn) {color:#e0e0e0;}
.site-dns {margin:0 0 -15px;padding:20px 0 25px;border-top:5px solid #f1f2f3;text-align:center;font-size:14px;}
.dark .site-dns {border-color:#393b3c;}
.site-dns a {color:#283593;}
.external strong {position:relative;z-index:1;color:rgba(0,0,0,0.92);}
.external:not(.postbtn):hover {text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%231668ff' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%;padding-bottom:3px;background-size:20px auto;animation:waveMove 1s infinite linear}
@keyframes waveMove {from {background-position:0 100%}
to {background-position:-20px 100%}
}
.external strong::after {content:'';transform:skewX(-15deg);background:linear-gradient(to left,transparent 0%,#f6dc3e 170%);border-radius:3px;height:50%;width:100%;display:inline-block;position:absolute;left:0;bottom:-10%;z-index:-1;}
.dark .external strong::after {background:linear-gradient(to left,transparent 0%,#283593 100%);}