/* 007TG navigation UI refresh. Content, links, taxonomies and ad slots remain theme-owned. */
:root {
    --io-ui-ink: #202426;
    --io-ui-muted: #788083;
    --io-ui-paper: #f5f8f7;
    --io-ui-white: #ffffff;
    --io-ui-line: #e5ebea;
    --io-ui-cyan: #08b9b1;
    --io-ui-cyan-dark: #078e8b;
    --io-ui-coral: #f35d59;
    --io-ui-nav: #202526;
    --io-ui-shadow: 0 12px 30px rgba(26, 61, 60, .08);
}

html { scroll-behavior: smooth; }
body {
    background: var(--io-ui-paper);
    color: var(--io-ui-ink);
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    overflow-x: hidden;
}
a { color: var(--io-ui-ink); }
a:hover { color: var(--io-ui-cyan-dark); }

/* Permanent category navigation, matching the one-page directory workflow. */
.sidebar-nav { width: 248px !important; min-width: 248px !important; }
.sidebar-nav-inner {
    width: 248px !important;
    max-width: 248px !important;
    background: var(--io-ui-nav) !important;
    box-shadow: 12px 0 32px rgba(16, 35, 36, .08);
}
.sidebar-logo { height: 92px; border-color: rgba(255, 255, 255, .08) !important; }
.sidebar-nav .sidebar-logo,
.sidebar-nav .sidebar-menu,
.sidebar-nav .sidebar-menu-inner,
.sidebar-nav .sidebar-scroll { background: var(--io-ui-nav) !important; }
.sidebar-nav .logo { line-height: 92px; }
.sidebar-nav .logo img { max-height: 48px; }
.sidebar-menu-inner a,
.sidebar-nav .flex-bottom a {
    min-height: 44px;
    margin: 3px 12px;
    padding: 10px 12px;
    border-radius: 8px;
    color: #c9d4d4;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.sidebar-menu ul:first-child > li > a { padding: 12px; }
.sidebar-item > a:hover,
.sidebar-item.sidebar-show > a,
.sidebar-item > a.io-nav-current {
    color: #fff;
    background: #1c504e;
    transform: none;
    box-shadow: none;
}
.sidebar-item > a:hover:before,
.sidebar-show > a:before,
.sidebar-item > a.io-nav-current:before { background: var(--io-ui-cyan); opacity: 1; }
.sidebar-menu-inner > ul > li > a.io-nav-current:before,
.sidebar-menu-inner > ul > li.sidebar-show > a:before { left: 0; width: 4px; height: 100%; border-radius: 7px 0 0 7px; }
.sidebar-menu-inner > ul > li > a.io-nav-current i,
.sidebar-menu-inner > ul > li.sidebar-show > a i { color: #46d9d1; }
.sidebar-menu-inner > ul > li > a.io-nav-current,
.sidebar-menu-inner > ul > li.sidebar-show > a { position: relative; }
.sidebar-menu-inner > ul > li > a.io-nav-current:after,
.sidebar-menu-inner > ul > li.sidebar-show > a:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    border-radius: 7px 0 0 7px;
    background: #0bd1c5;
}
.sidebar-item ul { background: rgba(255, 255, 255, .025); }
.sidebar-menu-inner > ul > li.sidebar-show > ul { display: block !important; }
.sidebar-menu-inner .sidebar-item .sidebar-item > ul > li a span { margin-left: 42px; }
.border-color { border-color: rgba(255, 255, 255, .09) !important; }

/* Header keeps the existing WordPress menu and user/search controls. */
.main-content { margin-left: 248px !important; }
.main-content > .header-nav,
.main-content > .header-nav .page-header { position: relative; z-index: 10; }
.page-header {
    min-height: 72px;
    border-bottom: 1px solid var(--io-ui-line);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 2px 14px rgba(35, 57, 57, .035);
}
.navbar { min-height: 72px; padding: 0 36px; }
.navbar-nav > li > a,
.navbar-menu a:not(.dropdown-item) { color: #475153; }
.navbar-nav > li > a:hover,
.navbar-menu a:not(.dropdown-item):hover { color: var(--io-ui-cyan-dark); }

/* Existing home banner/search/widget content remains intact, only receives a new frame. */
.header-big {
    position: relative;
    min-height: 360px;
    margin-top: -72px;
    padding-top: 105px;
    padding-bottom: 48px;
    background-color: #173b3a;
    background-position: center;
    border-radius: 0 0 22px 22px;
    overflow: hidden;
}
.header-big .s-search {
    position: relative;
    z-index: 2;
    padding-top: 42px;
}
.header-big .s-search > #search { max-width: 820px; }
.header-big .s-type-list.big {
    display: inline-flex;
    gap: 7px;
    padding: 4px;
    border-radius: 18px;
    background: rgba(12, 34, 43, .58);
}
.header-big .s-type-list.big label { margin: 0; padding: 7px 14px; border-radius: 14px; color: rgba(255,255,255,.78); }
.header-big .s-type-list.big label.active,
.header-big .s-type-list.big label:hover { background: var(--io-ui-coral); color: #fff; }
.header-big.css-img,
.header-big.css-bing { background-size: cover; }
.header-big.bg-gradual:after {
    height: 230px;
    background-image: linear-gradient(to top, var(--io-ui-paper) 0%, transparent 82%);
}
.header-big .s-search { max-width: 820px; }
.header-big .big-title h2,
.header-big .big-title p { text-shadow: 0 2px 16px rgba(0, 0, 0, .22); }
.header-big .super-search-fm {
    display: flex;
    min-height: 58px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 14px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .16);
    overflow: hidden;
}
.header-big .super-search-fm .search-key { height: 58px; border: 0; padding: 0 22px; }
.header-big .super-search-fm #btn_search { width: 70px; border: 0; background: var(--io-ui-cyan); color: #fff; }
.header-big .s-type-list label { border-radius: 16px; }
.header-big .s-type-list label.active,
.header-big .s-type-list label:hover { background: rgba(8, 185, 177, .86); color: #fff; }
.header-big:not(.no-bg) #bulletin_box .card-body { background: rgba(16, 39, 39, .55); }

/* Homepage category blocks and directory cards. */
#content.container,
.main-content > .container { max-width: 1680px; }
.content-layout { min-width: 0; }
.home-widget-group { margin-top: 8px; }
.io-directory-section-head {
    margin-top: 34px;
    padding: 0 4px 13px;
    border-bottom: 1px solid var(--io-ui-line);
}
.io-directory-section-title {
    position: relative;
    font-size: 20px !important;
    font-weight: 700;
    letter-spacing: -.2px;
}
.io-directory-section-title .site-tag { color: var(--io-ui-cyan-dark); }
.io-directory-section-head .btn-move,
.site-title .btn-move { color: var(--io-ui-cyan-dark); }
.io-directory-section-head .btn-move:hover,
.site-title .btn-move:hover { color: var(--io-ui-coral); }
.content .card,
.home-widget-group .card,
.sidebar .card,
.io-sidebar-widget {
    border: 1px solid var(--io-ui-line);
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(36, 57, 58, .03);
}
.url-card { padding-left: 7px !important; padding-right: 7px !important; }
.url-card .url-body {
    min-height: 92px;
    border-radius: 9px;
    background: transparent;
    border: 0;
    box-shadow: none;
}
.url-card .url-body > .card {
    height: 100%;
    margin-bottom: 0 !important;
    border: 1px solid var(--io-ui-line);
    border-radius: 9px;
    background: var(--io-ui-white);
    box-shadow: 0 3px 10px rgba(36, 57, 58, .025);
}
.url-card .url-body > .card .card-body { border-radius: 9px; }
.url-card .url-body > .card:hover {
    transform: translateY(-4px);
    border-color: #a7dfda;
    box-shadow: var(--io-ui-shadow);
}
.url-card .card-body { padding: 15px; }
.url-card .url-img {
    width: 44px;
    height: 44px;
    border-radius: 13px !important;
    background: transparent;
}
.url-card .url-img > img { max-width: 100%; }
.url-card .url-img.io-fallback-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--io-ui-cyan-dark);
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
}
.url-card .url-info strong { font-size: 14px; }
.url-card .url-info p { margin-top: 6px; color: var(--io-ui-muted) !important; }
.url-card .max .url-img { width: 56px; height: 56px; }
.url-card .max .tga a {
    color: #6c8584;
    background: #eef7f6;
    border-radius: 5px;
}
.url-card .max .tga a:not(.no-tag):hover { background: var(--io-ui-coral); color: #fff; }
.url-card .site-ad-badge { border-radius: 5px; opacity: .82; }
.flex-tab { margin: -3px 0 18px; }
.flex-tab .slider_menu {
    max-width: 100%;
    padding: 4px;
    border-radius: 18px;
    background: #e7edec;
}
.flex-tab .nav-pills .nav-link {
    padding: 7px 14px;
    border-radius: 14px;
    color: #718080;
    white-space: nowrap;
}
.flex-tab .nav-pills .nav-link.active,
.flex-tab .nav-pills .nav-link:hover {
    color: #fff;
    background: var(--io-ui-coral);
}
.flex-tab .nav-pills .nav-link.active,
.flex-tab .nav-pills .nav-link.active:hover,
.flex-tab .nav-pills .nav-link.active:focus { color: #fff !important; }
.parent-category { scroll-margin-top: 90px; }

.site-title,
.cat_list,
.content-layout > h1,
.content-layout > h2,
.content-layout > h3 { color: var(--io-ui-ink); }
.site-title h1,
.content-layout > h1 { font-size: 24px; font-weight: 700; }
.site-title { border-bottom: 1px solid var(--io-ui-line); padding-bottom: 16px; }

/* Inner pages preserve full post/site body and keep the right ad/sidebar slot visible. */
.content-wrap { min-width: 0; }
.content-layout {
    background: transparent;
}
.content-layout > .panel,
.content-layout > .site-content,
.content-layout > .card,
.content-layout > article,
.content-layout > .post-content {
    padding: 0;
    overflow: hidden;
    background: var(--io-ui-white);
    border: 1px solid var(--io-ui-line);
    box-shadow: var(--io-ui-shadow);
}
.content-layout > .panel > .card-body,
.content-layout > .site-content .panel-body,
.content-layout > .card > .card-body,
.content-layout > article .panel-body,
.content-layout > .post-content .panel-body {
    padding: clamp(20px, 3vw, 42px) !important;
}
.site-body .site-name,
.content-layout .panel-header h1 { color: var(--io-ui-ink); font-weight: 750; }
.site-body .site-name { font-size: clamp(24px, 3vw, 36px); }
.single-sites .site-content.py-4.py-md-5 {
    margin: 24px 0 34px !important;
    padding: clamp(20px, 3vw, 38px) !important;
    border: 1px solid var(--io-ui-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .94);
    box-shadow: var(--io-ui-shadow);
}
.single-sites .site-content.py-4.py-md-5 .site-img,
.single-sites .site-content.py-4.py-md-5 .site-preview {
    border-radius: 12px;
    overflow: hidden;
}
.single-sites .site-content.py-4.py-md-5 .site-body {
    padding: 2px 0;
}
.site-content .single,
.content-layout .single { color: #3f4c4d; font-size: 15px; line-height: 1.95; }
.site-content .single img,
.content-layout .single img { border-radius: 8px; }
.post-tags a,
.site-content .tga a { border-radius: 5px; background: #eef7f6; color: var(--io-ui-cyan-dark); padding: 4px 8px; }
.site-content .tga a:hover,
.post-tags a:hover { background: var(--io-ui-coral); color: #fff; }
.content-layout .post-apd,
.content-layout .apd-bg { border-radius: 8px; }
.content-layout .post-apd:empty,
.content-layout .apd-bg:empty { display: none; }
.content-layout .near-navigation { border: 1px solid var(--io-ui-line); background: var(--io-ui-white); }
.content-layout .near-navigation .near-title { color: var(--io-ui-ink); }
.single-sites #content.container,
.single-post #content.container { max-width: 1440px; }
.single-sites #content.container,
.single-post #content.container { padding-top: 28px; padding-bottom: 56px; }
.single-sites #content > nav,
.single-post #content > nav { margin-bottom: 18px; color: var(--io-ui-muted); }
.single-sites #content > nav a,
.single-post #content > nav a { color: var(--io-ui-cyan-dark); }
.single-sites .content,
.single-post .content { gap: 24px; align-items: flex-start; }
.single-sites .content-wrap,
.single-post .content-wrap { flex: 1 1 auto; }
.single-sites .sidebar,
.single-post .sidebar { flex: 0 0 286px; width: 286px; }
.single-sites .site-content.py-4.py-md-5 { border-top: 4px solid var(--io-ui-cyan); }
.single-sites .site-body .site-name { letter-spacing: 0; }
.single-sites .site-body .btn,
.single-post .article-content .btn { border-radius: 7px; }
.single-sites .content-layout > .panel,
.single-post .content-layout > .panel { margin-bottom: 24px; }
.single-sites .sidebar .card,
.single-post .sidebar .card { border: 1px solid var(--io-ui-line); box-shadow: 0 5px 18px rgba(36,57,58,.04); }
body.single-sites .main-content,
body.single-post .main-content { width: calc(100% - 248px) !important; min-height: 100vh; }
body.home .sidebar-nav,
body.single-sites .sidebar-nav,
body.single-post .sidebar-nav,
body.page .sidebar-nav { width: 248px !important; min-width: 248px !important; }
body.home .sidebar-nav-inner,
body.single-sites .sidebar-nav-inner,
body.single-post .sidebar-nav-inner,
body.page .sidebar-nav-inner { width: 248px !important; max-width: 248px !important; }
body.home .main-content,
body.single-sites .main-content,
body.single-post .main-content,
body.page .main-content { margin-left: 248px !important; }
body.single-sites .io-directory-topbar,
body.single-post .io-directory-topbar { position: sticky; top: 0; z-index: 20; }
body.single-sites #content.container,
body.single-post #content.container { max-width: 100%; padding-left: 42px; padding-right: 42px; }
body.single-sites .background-fx,
body.single-post .background-fx { display: none !important; }
body.single-sites #content.container,
body.single-post #content.container { margin-top: 0 !important; }
body.single-sites #content > nav,
body.single-post #content > nav { margin-top: 18px; }
body.single-sites .content-wrap,
body.single-post .content-wrap { min-width: 0; }
body.single-sites .site-content,
body.single-post .content-layout > .panel { border-radius: 12px; background: #fff; }
/* 详情页仅保留分类导航，不显示当前项激活状态。 */
body.single-sites .sidebar-item.io-nav-active > a,
body.single-sites .sidebar-item.sidebar-show > a { color: #c9d4d4; background: transparent; box-shadow: none; }
body.single-sites .sidebar-item.io-nav-active > a i,
body.single-sites .sidebar-item.sidebar-show > a i { color: #93aaaa; }
body.single-sites .sidebar-item.io-nav-active > a:before,
body.single-sites .sidebar-item.io-nav-active > a:after,
body.single-sites .sidebar-item.sidebar-show > a:before,
body.single-sites .sidebar-item.sidebar-show > a:after { display: none; }
body.single-sites .sidebar-item > a:hover { color: #fff; background: #1c504e; box-shadow: none; }
body.single-sites .sidebar-item > a:hover i { color: #46d9d1; }

.io-site-preview { position: fixed; inset: 0; z-index: 10050; display: none; align-items: flex-start; justify-content: center; padding: 74px 20px 28px; background: rgba(19,29,30,.48); backdrop-filter: blur(4px); }
.io-site-preview.is-open { display: flex; }
.io-preview-open { overflow: hidden; }
.io-site-preview-panel { position: relative; width: min(860px,100%); max-height: calc(100vh - 102px); overflow: auto; padding: 30px; border-radius: 14px; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.2); }
.io-site-preview-close { position: absolute; top: 14px; right: 18px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f1f5f4; color: #718080; font-size: 24px; line-height: 1; cursor: pointer; }
.io-site-preview-breadcrumb { margin-bottom: 26px; color: #8a9898; font-size: 12px; }.io-site-preview-breadcrumb span { margin: 0 6px; }
.io-site-preview-header { display: flex; gap: 18px; align-items: center; padding-bottom: 24px; border-bottom: 1px solid var(--io-ui-line); }
.io-site-preview-logo { display: grid; width: 70px; height: 70px; flex: 0 0 70px; overflow: hidden; place-items: center; border-radius: 18px; background: #e4faf7; }
.io-site-preview-logo img { width: 70px; height: 70px; object-fit: contain; }.io-site-preview-kicker { margin-bottom: 6px; color: var(--io-ui-cyan-dark); font-size: 11px; font-weight: 700; letter-spacing: 1px; }
.io-site-preview-header h2 { margin: 0 0 7px; color: var(--io-ui-ink); font-size: 28px; }.io-site-preview-header p { margin: 0; color: var(--io-ui-muted); }
.io-site-preview-body { display: grid; grid-template-columns: 1fr 205px; gap: 32px; padding: 28px 0; }.io-site-preview-body h3 { margin: 0 0 12px; font-size: 16px; }
.io-site-preview-content { max-height: 250px; overflow: auto; color: #647273; line-height: 1.85; }.io-site-preview-content p:first-child { margin-top: 0; }
.io-site-preview-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }.io-site-preview-tags span { padding: 6px 10px; border-radius: 5px; background: #eefaf8; color: var(--io-ui-cyan-dark); font-size: 12px; }
.io-site-preview-actions { display: flex; gap: 10px; }.io-site-preview-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; border-radius: 7px; text-decoration: none; cursor: pointer; }
.io-site-preview-actions a:first-child { background: var(--io-ui-cyan); color: #fff; }.io-site-preview-detail { border: 1px solid var(--io-ui-line); color: #596667; }
.io-site-preview-body aside { display: grid; align-content: start; gap: 21px; padding-left: 23px; border-left: 1px solid var(--io-ui-line); }.io-site-preview-body aside span,.io-site-preview-body aside strong { display: block; }.io-site-preview-body aside span { margin-bottom: 6px; color: #94a0a0; font-size: 12px; }.io-site-preview-body aside strong { font-size: 14px; }.io-site-preview-stars { color: #f2a83b; letter-spacing: 2px; }
.site-content,
.post-content,
.single-content,
.content-layout > .card,
.content-layout .panel {
    border-radius: 12px;
}
.site-content .card-body,
.post-content,
.content-layout .article-content { line-height: 1.9; }
.sidebar-tools .card,
.sidebar-border .card,
.apd-right,
.apd { border-radius: 10px; }
.apd-right { overflow: hidden; }
.breadcrumb { color: var(--io-ui-muted); }
.breadcrumb a { color: var(--io-ui-cyan-dark); }
.posts-nav .page-numbers,
.tab-btn { border-radius: 7px; }

/* Footer and floating controls. */
.main-footer { border-top: 1px solid var(--io-ui-line); }
#footer-tools .btn { border: 1px solid var(--io-ui-line); background: #fff; color: #718080; }
#footer-tools .btn:hover { color: var(--io-ui-cyan-dark); border-color: #a7dfda; }

@media (max-width: 991.98px) {
    .sidebar-nav { width: 0; }
    .sidebar-nav.show { width: 248px; }
    .main-content,
    body.home .main-content { width: 100%; margin-left: 0; }
    .navbar { padding: 0 20px; }
    .header-big { margin-top: -62px; }
}

/* Focused utility pages, built from the directory's teal visual system. */
.io-page-hero{position:relative;overflow:hidden;margin:0 0 28px;padding:42px 46px;border:1px solid #14524f;border-radius:18px;background:#103f3d;color:#effffc}.io-page-hero:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(137,242,230,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(137,242,230,.18) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.io-page-hero:after{content:"";position:absolute;width:300px;height:300px;top:-170px;right:8%;border:1px solid rgba(129,241,228,.34);border-radius:50%;box-shadow:0 0 0 32px rgba(129,241,228,.05),0 0 0 64px rgba(129,241,228,.035)}.io-page-hero>*{position:relative;z-index:1}.io-page-kicker{margin:0 0 10px;color:#76eee3;font-size:10px;font-weight:750;letter-spacing:1.8px}.io-page-hero h1{max-width:680px;margin:0;color:#f5fffd;font-size:clamp(29px,4vw,42px);font-weight:760;letter-spacing:-1px}.io-page-hero p{max-width:610px;margin:13px 0 0;color:#aed1cd;font-size:14px;line-height:1.8}
.io-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 28px}.io-contact-card{min-height:190px;padding:25px;border:1px solid #dceae8;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(24,71,68,.055);transition:transform .2s,box-shadow .2s,border-color .2s}.io-contact-card:hover{transform:translateY(-4px);border-color:#8ddbd4;box-shadow:0 16px 28px rgba(24,71,68,.1)}.io-contact-icon{display:grid;width:38px;height:38px;margin-bottom:18px;place-items:center;border-radius:11px;background:#e7faf7;color:#137a74;font-size:16px;font-weight:800}.io-contact-card h3{margin:0 0 8px;color:#223c3a;font-size:17px;font-weight:700}.io-contact-card p{margin:0 0 17px;color:#758684;font-size:13px;line-height:1.65}.io-contact-card a{color:#087d76;font-size:13px;font-weight:700;text-decoration:none}.io-contact-assist{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;border:1px solid #dceae8;border-radius:14px;background:#f5fbfa}.io-contact-assist strong{display:block;color:#28433f;font-size:15px}.io-contact-assist span{display:block;margin-top:5px;color:#798986;font-size:13px}.io-contact-assist a{flex:0 0 auto;padding:10px 15px;border-radius:9px;background:#0bbfb5;color:#073d3a;font-size:13px;font-weight:750;text-decoration:none}
.io-verify-shell{max-width:720px;margin:0 auto}.io-verify-note{display:flex;align-items:flex-start;gap:13px;margin:0 0 20px;padding:17px 19px;border:1px solid #f0dba4;border-radius:12px;background:#fffaf0;color:#765d25;font-size:13px;line-height:1.7}.io-verify-note b{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:50%;background:#f1b949;color:#fff}.io-verify-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:22px}.io-verify-tips div{padding:14px;border:1px solid #e0ecea;border-radius:10px;background:#fff;color:#697c79;font-size:12px;line-height:1.6}.io-verify-tips strong{display:block;margin-bottom:3px;color:#2b4441;font-size:13px}
@media(max-width:767.98px){.io-page-hero{margin-bottom:18px;padding:30px 23px;border-radius:14px}.io-page-hero h1{font-size:29px}.io-contact-grid,.io-verify-tips{grid-template-columns:1fr;gap:11px}.io-contact-card{min-height:0;padding:20px}.io-contact-assist{align-items:flex-start;flex-direction:column;gap:15px}.io-verify-note{padding:14px}}
@media (max-width: 767.98px) {
    .header-big { min-height: 300px; padding-top: 94px; border-radius: 0 0 16px 16px; }
    .header-big .super-search-fm { min-height: 50px; }
    .header-big .super-search-fm .search-key { height: 50px; }
    .url-card { padding-left: 5px !important; padding-right: 5px !important; }
    .url-card .card-body { padding: 12px; }
    .url-card .url-img { width: 38px; height: 38px; }
    .url-card .max .url-img { width: 48px; height: 48px; }
    .site-title h1, .content-layout > h1 { font-size: 21px; }
    .single-sites .sidebar,.single-post .sidebar { width: 100%; flex-basis: 100%; }
    .io-site-preview { padding: 18px; align-items: center; }.io-site-preview-panel { max-height: calc(100vh - 36px); padding: 23px 18px; }.io-site-preview-body { grid-template-columns: 1fr; gap: 20px; }.io-site-preview-body aside { grid-template-columns: repeat(3,1fr); padding: 18px 0 0; border-top: 1px solid var(--io-ui-line); border-left: 0; }.io-site-preview-header h2 { font-size: 22px; }.io-site-preview-actions { flex-wrap: wrap; }
}

@media (max-width: 991.98px) {
    body.home .main-content,
    body.single-sites .main-content,
    body.single-post .main-content,
    body.page .main-content { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Desktop navigation directory layout: mirrors 007tg-navigation-redesign.html. */
body.home { background: var(--io-ui-paper); }
body.home .main-content { min-height: 100vh; }
@media (min-width: 992px) { body.home .main-content { width: calc(100% - 248px); } }
@media (min-width: 992px) {
    body.io-sidebar-collapsed .sidebar-nav,
    body.io-sidebar-collapsed .sidebar-nav-inner { width: 64px !important; min-width: 64px !important; }
    body.io-sidebar-collapsed .main-content,
    body.io-sidebar-collapsed.home .main-content,
    body.io-sidebar-collapsed.single-sites .main-content,
    body.io-sidebar-collapsed.single-post .main-content,
    body.io-sidebar-collapsed.page .main-content { width: calc(100% - 64px) !important; margin-left: 64px !important; }
    body.io-sidebar-collapsed .sidebar-logo { padding: 0 8px; }
    body.io-sidebar-collapsed .sidebar-nav .logo-expanded,
    body.io-sidebar-collapsed .io-sidebar-brand-copy,
    body.io-sidebar-collapsed .sidebar-menu-inner a span,
    body.io-sidebar-collapsed .sidebar-more,
    body.io-sidebar-collapsed .sidebar-menu-inner > ul:before,
    body.io-sidebar-collapsed .sidebar-menu-inner > ul > li:nth-of-type(6):before { display: none; }
    body.io-sidebar-collapsed .sidebar-nav .logo-collapsed { display: grid; place-items: center; width: 47px; height: 47px; }
    body.io-sidebar-collapsed .sidebar-nav .logo-collapsed img { width: 42px; height: 42px; border-radius: 50%; object-fit: contain; }
    body.io-sidebar-collapsed .sidebar-menu-inner a { justify-content: center; margin: 4px 8px; padding: 0; }
    body.io-sidebar-collapsed .sidebar-menu-inner a i { margin: 0; }
    body.io-sidebar-collapsed .sidebar-item ul { display: none !important; }
}
.header-nav { display: none; }
.io-directory-topbar { position: relative; z-index: 1100; height: 72px; padding: 0 26px; display: flex; align-items: center; background: rgba(255,255,255,.94); border-bottom: 1px solid var(--io-ui-line); }
.io-directory-menu-button,.io-directory-search-trigger { border: 0; background: transparent; color: #687575; cursor: pointer; }
.io-directory-menu-button { display: grid; width: 32px; height: 38px; padding: 0; margin-right: 20px; place-items: center; background: transparent; border: 0; cursor: pointer; }.io-directory-menu-button svg { display: none; }.io-directory-menu-button:after { content: ""; width: 20px; height: 16px; background: linear-gradient(var(--io-ui-cyan) 0 2px,transparent 2px 7px,var(--io-ui-cyan) 7px 9px,transparent 9px 14px,var(--io-ui-cyan) 14px 16px); transition: background .2s ease; }.io-sidebar-collapsed .io-directory-menu-button:after { background: linear-gradient(#888 0 3px,transparent 3px 7px,#888 7px 10px,transparent 10px 14px,#888 14px 17px); }
.io-directory-mobile-logo { display: none; }
.io-mobile-drawer { display: none; }
.io-directory-toplinks { display: flex; align-items: center; gap: 30px; }
.io-directory-toplinks a { color: #475153; font-size: 14px; font-weight: 600; text-decoration: none; }
.io-directory-toplinks a:hover { color: var(--io-ui-cyan-dark); }
.io-directory-top-item { position: relative; z-index: 1; height: 72px; display: flex; align-items: center; }.io-directory-top-item > a { display: inline-flex; align-items: center; height: 72px; }.io-directory-dropdown.menu-item-has-children:after { content: '\e612'; font-family: "iconfont"; position: absolute; top: 29px; right: -16px; color: #667575; font-size: 12px; transform: rotate(0deg) scale(.6); transition: transform .2s ease, color .2s ease; }.io-directory-dropdown.menu-item-has-children:hover:after,.io-directory-dropdown.menu-item-has-children:focus-within:after { color: var(--io-ui-cyan-dark); transform: rotate(45deg) scale(.6); }.io-directory-dropdown-menu { position: absolute; z-index: 1101; top: 61px; left: -13px; display: block; min-width: 156px; margin: 0; padding: 7px; list-style: none; opacity: 0; overflow: hidden; visibility: hidden; border: 1px solid var(--io-ui-line); border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(26,61,60,.12); transform: translateY(15px); transition: opacity .2s ease,transform .2s ease,visibility .2s; }.io-directory-dropdown:hover .io-directory-dropdown-menu,.io-directory-dropdown:focus-within .io-directory-dropdown-menu { opacity: 1; overflow: visible; visibility: visible; transform: translateY(0); }.io-directory-dropdown-menu li { margin: 0; padding: 0; }.io-directory-dropdown-menu a { display: block; padding: 9px 11px; border-radius: 5px; color: #596667; font-size: 13px; font-weight: 500; white-space: nowrap; transition: background .16s ease,color .16s ease; }.io-directory-dropdown-menu a:hover,.io-directory-dropdown-menu a:focus { background: #e7f8f6; color: var(--io-ui-cyan-dark); outline: 0; }
.io-directory-search-trigger { width: 38px; height: 38px; margin-left: auto; display: grid; place-items: center; border: 1px solid var(--io-ui-line); border-radius: 50%; }
body.single-sites .io-directory-topbar,
body.single-post .io-directory-topbar,
body.page .io-directory-topbar { position: sticky; top: 0; z-index: 20; box-shadow: 0 2px 14px rgba(35,57,57,.035); }

.sidebar-nav .sidebar-logo { height: 92px; padding: 0 24px; }
.sidebar-nav .logo { height: 92px; line-height: normal; display: flex; align-items: center; gap: 11px; }
.sidebar-nav .logo-expanded { display: grid; place-items: center; width: 54px; height: 54px; flex: 0 0 54px; }
.sidebar-nav .logo-expanded img { width: 54px; height: 54px; max-height: 54px; object-fit: contain; border-radius: 50%; }
.sidebar-nav .logo-collapsed { display: none; }
.io-sidebar-brand-copy { display: block; min-width: 0; color: #fff; }
.io-sidebar-brand-copy strong { display: block; font-size: 19px; letter-spacing: .8px; line-height: 1.1; }
.io-sidebar-brand-copy small { display: block; margin-top: 5px; color: #91a2a2; font-size: 11px; white-space: nowrap; }
.sidebar-nav .sidebar-scroll { padding: 18px 1px 30px; }
.sidebar-nav .sidebar-menu-inner > ul:before { content: "快速访问"; display: block; padding: 0 24px 8px; color: #708183; font-size: 11px; letter-spacing: 1.3px; }
.sidebar-menu-inner a { height: 44px; min-height: 44px; display: flex; align-items: center; gap: 12px; margin: 3px 13px; padding: 0 13px; }
.sidebar-menu-inner a i { width: 20px; text-align: center; color: #93aaaa; }
.sidebar-menu-inner a span { color: inherit; font-size: 14px; }
.sidebar-menu-inner .sidebar-item .sidebar-item > ul > li a span { margin-left: 18px; }
.sidebar-menu-inner > ul > li:nth-of-type(6) { position: relative; margin-top: 26px; }.sidebar-menu-inner > ul > li:nth-of-type(6):before { content: "服务与资源"; position: absolute; top: -20px; left: 24px; color: #708183; font-size: 11px; letter-spacing: 1.3px; pointer-events: none; white-space: nowrap; }

body.home .io-directory-hero { position: relative; min-height: 310px; margin: 22px 28px 0; padding: 42px clamp(28px,4.2vw,70px); display: flex; align-items: center; justify-content: space-between; gap: 42px; overflow: hidden; border: 1px solid #15514f; border-radius: 18px; background: #103e3d; box-shadow: 0 17px 36px rgba(17, 66, 64, .14); }
body.home .io-directory-hero:before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(143,247,235,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(143,247,235,.16) 1px,transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg,#000 0%,transparent 75%); pointer-events: none; }.io-directory-hero:after { content: ""; position: absolute; width: 620px; height: 620px; left: -320px; bottom: -480px; border: 1px solid rgba(104,243,230,.25); border-radius: 50%; box-shadow: 0 0 0 42px rgba(104,243,230,.035),0 0 0 84px rgba(104,243,230,.025); pointer-events: none; }
.io-directory-hero-copy { position: relative; z-index: 1; max-width: 700px; }.io-directory-eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; color: #78eee3; font-size: 10px; font-weight: 700; letter-spacing: 1.9px; }.io-directory-eyebrow span { width: 20px; height: 1px; background: #78eee3; }
.io-directory-hero h1 { max-width: 590px; margin: 0 0 12px; color: #f3fffd; font-size: clamp(31px,3.15vw,48px); font-weight: 750; line-height: 1.14; letter-spacing: -1.7px; }.io-directory-hero h1 em { color: #79eee3; font-style: normal; }.io-directory-hero p { max-width: 560px; margin: 0; color: #afd0cd; font-size: 14px; line-height: 1.75; }
.io-directory-search { display: flex; align-items: center; width: 100%; max-width: 590px; height: 50px; margin-top: 22px; border: 1px solid rgba(147,238,228,.3); border-radius: 12px; background: rgba(255,255,255,.96); overflow: hidden; box-shadow: 0 11px 24px rgba(0,0,0,.16); }.io-directory-search i { padding-left: 18px; color: #287c77; }
.io-directory-search-open { padding: 0; text-align: left; cursor: text; }
.io-directory-search-open > span { flex: 1; padding: 0 13px; color: #80908f; font-size: 13px; }.io-directory-search-open b { display: flex; align-self: stretch; min-width: 120px; align-items: center; justify-content: center; gap: 6px; background: #0ac2b8; color: #073c3a; font-size: 13px; font-weight: 750; line-height: 1; white-space: nowrap; transition: background .2s; }.io-directory-search-open b small { margin: 0; font-size: 16px; line-height: 1; }.io-directory-search-open:hover b { background: #72eee1; }
.io-directory-hero-meta { display: flex; align-items: center; gap: 11px; margin-top: 15px; color: #8cb9b5; font-size: 11px; }.io-directory-hero-meta strong { color: #d8fffa; font-weight: 650; }.io-directory-hero-meta i { width: 3px; height: 3px; border-radius: 50%; background: #4ecfc5; }
.io-directory-hero-art { position: relative; z-index: 1; width: 320px; height: 230px; flex: 0 0 320px; overflow: hidden; border: 1px solid rgba(128,238,226,.22); border-radius: 16px; background: linear-gradient(140deg,rgba(21,81,79,.72),rgba(9,47,47,.18)); }.io-directory-hero-art:before { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(138,242,230,.13); border-radius: 12px; }.io-directory-orbit { position: absolute; border: 1px solid rgba(119,239,226,.34); border-radius: 50%; }.io-directory-orbit-one { width: 285px; height: 285px; top: -118px; right: -46px; }.io-directory-orbit-two { width: 202px; height: 202px; top: -76px; right: -5px; border-color: rgba(119,239,226,.16); }.io-directory-signal { position: absolute; right: 30px; bottom: 26px; display: flex; align-items: baseline; gap: 8px; color: #80f1e5; }.io-directory-signal b { font-size: 47px; font-weight: 800; line-height: .8; letter-spacing: -2px; }.io-directory-signal span { color: #a1c8c4; font-size: 8px; font-weight: 700; line-height: 1.45; letter-spacing: 1px; }.io-directory-node { position: absolute; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(144,249,235,.5); border-radius: 50%; background: rgba(13,66,64,.9); color: #81eee4; font-size: 9px; font-weight: 700; letter-spacing: .4px; box-shadow: 0 0 20px rgba(72,234,217,.12); }.io-directory-node-a { top: 43px; left: 47px; }.io-directory-node-b { top: 104px; left: 94px; }.io-directory-node-c { top: 154px; left: 39px; }.io-directory-hero-art p { position: absolute; left: 29px; bottom: 23px; margin: 0; color: #81aaa7; font-size: 9px; font-weight: 600; line-height: 1.45; letter-spacing: 1.3px; }.io-directory-hero-art p strong { color: #e0fffb; font-weight: 700; }

/* Search is a focused overlay, keeping the directory visible as context rather than navigating away first. */
.io-search-modal { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 24px; visibility: hidden; background: rgba(13, 30, 31, 0); backdrop-filter: blur(0); transition: visibility .25s, background .25s, backdrop-filter .25s; }
.io-search-modal.is-open { visibility: visible; background: rgba(13, 30, 31, .62); backdrop-filter: blur(9px); }
.io-search-modal-panel { position: relative; width: min(680px, 100%); padding: 54px 58px 33px; overflow: hidden; border: 1px solid rgba(183, 235, 230, .7); border-radius: 22px; background: linear-gradient(135deg, #f9fffe, #edf8f6); box-shadow: 0 28px 80px rgba(0, 0, 0, .28); opacity: 0; transform: translateY(18px) scale(.98); transition: opacity .25s ease, transform .25s ease; }
.io-search-modal-panel:before { content: ""; position: absolute; width: 360px; height: 360px; right: -190px; top: -220px; border: 1px solid rgba(8, 185, 177, .2); border-radius: 50%; box-shadow: 0 0 0 32px rgba(8, 185, 177, .035), 0 0 0 64px rgba(8, 185, 177, .025); pointer-events: none; }
.io-search-modal.is-open .io-search-modal-panel { opacity: 1; transform: translateY(0) scale(1); }
.io-search-modal-close { position: absolute; z-index: 1; top: 18px; right: 18px; width: 36px; height: 36px; border: 1px solid #d6e5e3; border-radius: 50%; background: rgba(255,255,255,.7); cursor: pointer; transition: background .2s, transform .2s; }
.io-search-modal-close:hover { background: #fff; transform: rotate(90deg); }.io-search-modal-close span { position: absolute; top: 17px; left: 10px; width: 14px; height: 1px; background: #58706f; transform: rotate(45deg); }.io-search-modal-close span + span { transform: rotate(-45deg); }
.io-search-modal-mark { display: grid; width: 42px; height: 42px; margin-bottom: 17px; place-items: center; border-radius: 13px; background: #173b3a; color: #78eee3; box-shadow: 0 9px 18px rgba(23, 59, 58, .16); }.io-search-modal-mark i { font-size: 20px; }
.io-search-modal-kicker { position: relative; margin: 0 0 8px; color: var(--io-ui-cyan-dark); font-size: 10px; font-weight: 700; letter-spacing: 1.7px; }.io-search-modal h2 { position: relative; margin: 0; color: #183332; font-size: clamp(25px, 4vw, 34px); font-weight: 750; letter-spacing: -.8px; }.io-search-modal-description { position: relative; margin: 10px 0 25px; color: #718180; font-size: 14px; }
.io-search-modal-form { position: relative; display: flex; align-items: center; min-height: 60px; border: 1px solid #c7dfdc; border-radius: 14px; background: #fff; box-shadow: 0 10px 22px rgba(35, 74, 72, .08); transition: border-color .2s, box-shadow .2s; }.io-search-modal-form:focus-within { border-color: var(--io-ui-cyan); box-shadow: 0 12px 26px rgba(8, 185, 177, .16); }.io-search-modal-form > i { padding: 0 15px 0 20px; color: var(--io-ui-cyan-dark); font-size: 18px; }.io-search-modal-form input { width: 100%; min-width: 0; height: 58px; border: 0; outline: 0; background: transparent; color: #263d3c; font-size: 15px; }.io-search-modal-form input::placeholder { color: #a2b0af; }.io-search-modal-form button { align-self: stretch; margin: 5px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--io-ui-cyan); color: #fff; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: background .2s, transform .2s; }.io-search-modal-form button:hover { background: var(--io-ui-cyan-dark); transform: translateY(-1px); }
.io-search-modal-hints { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 17px; }.io-search-modal-hints > span { margin-right: 2px; color: #899795; font-size: 12px; }.io-search-modal-hints button { padding: 5px 10px; border: 1px solid #d9e7e5; border-radius: 99px; background: rgba(255,255,255,.68); color: #587270; font-size: 12px; cursor: pointer; transition: border-color .2s, color .2s; }.io-search-modal-hints button:hover { border-color: #81d7d0; color: var(--io-ui-cyan-dark); }.io-search-modal-tip { position: relative; margin: 24px 0 0; color: #98a5a4; font-size: 11px; }.io-search-modal-tip kbd { padding: 2px 5px; border: 1px solid #d8e5e3; border-radius: 4px; background: #fff; color: #687c7a; font-family: inherit; }

body.home #content.container { max-width: 100%; padding: 0 42px 70px; }
body.home #content > :not(.content) { display: none; }
body.home .content { display: block; margin: 0; }
body.home .content-wrap { width: 100%; }
body.home .content-layout { width: 100%; }
body.home .content > .sidebar { display: none; }
body.home .io-directory-section-head { align-items: end; min-height: 50px; margin: 35px 0 15px; padding: 0 0 12px; border-bottom: 0; }
body.home .io-directory-section-title { font-size: 22px !important; color: var(--io-ui-ink); }
body.home .io-directory-section-title .site-tag { color: var(--io-ui-cyan-dark); }
body.home .io-directory-section-head .btn-move { font-size: 12px; color: var(--io-ui-cyan-dark); }
body.home .flex-tab { margin: -8px 0 16px; }
body.home .flex-tab .slider_menu { display: inline-block; max-width: none; background: #e6eceb; }
body.home .flex-tab .nav-pills .nav-link { padding: 7px 14px; }
body.home .flex-tab .nav-pills .nav-link.active,
body.home .flex-tab .nav-pills .nav-link.active:hover,
body.home .flex-tab .nav-pills .nav-link.active:focus,
body.home .flex-tab .nav-pills .nav-link.active * { color: #fff !important; }
body.home .flex-tab .nav-pills .nav-link:not(.active):hover ~ .nav-item .nav-link.active,
body.home .flex-tab .nav-pills .nav-item:hover ~ .nav-item .nav-link.active,
body.home .flex-tab .nav-pills:has(.nav-link:not(.active):hover) .nav-link.active { color: #fff !important; }

body.home .content-layout > .row,
body.home .content-layout .tab-pane > .row { margin-left: -7px; margin-right: -7px; }
body.home .url-card { flex: 0 0 25%; max-width: 25%; padding: 0 7px 14px !important; }
body.home .url-card .url-body { min-height: 78px; height: 78px; }
body.home .url-card .url-body > .card { display: flex; align-items: stretch; height: 100%; border-radius: 8px; box-shadow: 0 3px 8px rgba(40,60,60,.025); }
body.home .url-card .url-body > .card .url-content { width: 100%; padding: 12px 14px; }
body.home .url-card .url-img { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 11px !important; }
body.home .url-card .url-info strong { color: var(--io-ui-ink); font-size: 14px; font-weight: 700; }
body.home .url-card .url-info p { margin-top: 6px; font-size: 12px; line-height: 1.4; }
body.home .url-card .togo { display: none !important; }
body.home .url-card .url-body > .card:hover { transform: translateY(-3px); border-color: #b9e7e2; box-shadow: var(--io-ui-shadow); }
body.home .url-card .url-body.default,
body.home .url-card .url-body.max,
body.home .url-card .url-body { margin-bottom: 0 !important; padding: 0 !important; }
body.home .url-card .url-content { min-height: 78px; }
body.home .url-card .url-info { min-width: 0; overflow: hidden; }
body.home .url-card .url-info .text-sm,
body.home .url-card .url-info p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.home .url-card .url-img img { width: 38px; height: 38px; object-fit: contain; }
body.home .url-card .url-body .tga,
body.home .url-card .url-body .site-ad-badge,
body.home .url-card .url-body .url-go { display: none !important; }

@media (min-width: 1400px) { body.home .url-card { flex-basis: 20%; max-width: 20%; } }
@media (max-width: 1199.98px) { body.home .url-card { flex-basis: 33.333%; max-width: 33.333%; } }
@media (max-width: 991.98px) {
    .header-mini-btn,
    #mini-button,
    .navbar-collapse .header-mini-btn { display: none !important; }
    html, body.home { width: 100%; max-width: 100%; overflow-x: hidden; }
    body.home .main-content { width: 100vw !important; max-width: 100vw !important; min-width: 0 !important; flex: 0 0 100vw !important; }
    body.single-sites .main-content,
    body.single-post .main-content { width: 100% !important; max-width: 100% !important; margin-left: 0; }
    body.single-sites .io-directory-topbar,
    body.single-post .io-directory-topbar { position: fixed; inset: 0 0 auto 0; z-index: 100; height: 62px; padding: 0 18px; box-shadow: 0 2px 14px rgba(35,57,57,.08); }
    body.single-sites .main-content,
    body.single-post .main-content { padding-top: 62px; }
    body.single-sites #content.container,
    body.single-post #content.container { padding-left: 18px; padding-right: 18px; }
    .io-directory-topbar { position: fixed !important; inset: 0 0 auto 0; z-index: 100; height: 62px; padding: 0 18px; box-shadow: 0 2px 14px rgba(35,57,57,.08); }
    body.home .main-content,
    body.single-sites .main-content,
    body.single-post .main-content,
    body.page .main-content { padding-top: 62px; }
    .io-directory-menu-button { display: grid !important; width: 36px; height: 36px; margin-right: 0; place-items: center; color: #4c5c5c; font-size: 0; cursor: pointer; pointer-events: auto; }
    .io-directory-menu-button:after { width: 19px; height: 15px; background: linear-gradient(#4c5c5c 0 2px,transparent 2px 6.5px,#4c5c5c 6.5px 8.5px,transparent 8.5px 13px,#4c5c5c 13px 15px); }
    .io-directory-search-trigger { margin-left: auto; }
    .io-directory-mobile-logo { position: absolute; left: 50%; display: grid; width: 38px; height: 38px; place-items: center; transform: translateX(-50%); }
    .io-directory-mobile-logo img { width: 34px; height: 34px; border-radius: 50%; object-fit: contain; }
    body.home .sidebar-nav,
    body.single-sites .sidebar-nav,
    body.single-post .sidebar-nav,
    body.page .sidebar-nav { display: none !important; }
    .io-mobile-drawer { position: fixed; z-index: 110; inset: 0; display: block; visibility: hidden; background: rgba(15,28,29,0); transition: visibility .25s, background .25s; }
    .io-mobile-drawer.is-open { visibility: visible; background: rgba(15,28,29,.38); }
    .io-mobile-drawer-panel { width: 248px; height: 100dvh; padding: 0 13px; overflow-y: auto; background: #202526; color: #d9e2e2; transform: translateX(-100%); transition: transform .25s ease; box-shadow: 12px 0 32px rgba(16,35,36,.22); }
    .io-mobile-drawer.is-open .io-mobile-drawer-panel { transform: translateX(0); }
    .io-mobile-drawer-brand { height: 92px; margin: 0 -13px 18px; padding: 0 24px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid rgba(255,255,255,.08); }
    .io-mobile-drawer-brand img { width: 47px; height: 47px; border-radius: 50%; object-fit: contain; }.io-mobile-drawer-brand strong { display: block; color: #fff; font-size: 19px; letter-spacing: .8px; }.io-mobile-drawer-brand small { display: block; margin-top: 5px; color: #91a2a2; font-size: 11px; }
    .io-mobile-drawer-menu { display: grid; gap: 4px; }.io-mobile-drawer-menu:before { content: "快速访问"; padding: 0 12px 7px; color: #708183; font-size: 11px; letter-spacing: 1.3px; }.io-mobile-drawer-menu a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 13px; border-radius: 8px; color: #c9d4d4; text-decoration: none; }.io-mobile-drawer-menu a.is-active { color: #fff; background: #1c504e; box-shadow: inset 4px 0 #0bd1c5; }.io-mobile-drawer-menu a i { width: 20px; color: #93aaaa; text-align: center; }.io-mobile-drawer-menu a.is-active i { color: #46d9d1; }.io-mobile-drawer-item > a { position: relative; }.io-mobile-submenu-toggle { margin-left: auto; padding: 8px 4px 8px 14px; color: #9aabab; font-size: 19px; font-weight: 400; line-height: 1; }.io-mobile-drawer-item.is-expanded > a .io-mobile-submenu-toggle { transform: rotate(90deg); color: #46d9d1; }.io-mobile-drawer-submenu { display: none; margin: 2px 0 4px 44px; padding-left: 10px; border-left: 1px solid rgba(148,185,181,.22); }.io-mobile-drawer-item.is-expanded .io-mobile-drawer-submenu { display: grid; }.io-mobile-drawer-submenu a { min-height: 36px; padding: 0 10px; color: #aebcbc; font-size: 13px; }.io-mobile-drawer-submenu a.is-active { color: #fff; background: rgba(28,80,78,.7); box-shadow: none; }
    body.home .io-directory-toplinks { display: none; }
    body.home .io-directory-topbar,
    body.home .io-directory-hero,
    body.home #content.container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
    body.home .io-directory-hero { min-height: 0; padding: 28px 20px; display: block; overflow: hidden; }
    body.home .io-directory-hero-copy { width: 100%; max-width: 100%; }
    body.home .io-directory-hero h1 { font-size: 30px; }
    body.home .io-directory-hero p { font-size: 13px; }
    body.home .io-directory-search { width: 100%; }
    body.home .io-directory-hero-art { width: calc(100vw - 40px); max-width: calc(100vw - 40px); height: 112px; margin-top: 20px; flex-basis: auto; }
    body.home #content.container { padding: 0 18px 50px; }
    body.home .content-layout > .row,
    body.home .content-layout .tab-pane > .row,
    body.home .content-layout .row.io-mx-n2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 100%; margin: 0 !important; }
    body.home .url-card { width: auto !important; flex-basis: auto; max-width: none !important; padding: 0 5px 10px !important; }
    body.home .url-card .url-body { height: 82px; min-height: 82px; }
    body.home .url-card .url-body > .card .url-content { padding: 12px; }
}
@media (max-width: 767.98px) {
    html, body.home { width: 100%; max-width: 100%; overflow-x: hidden; }
    body.home .main-content { width: 100vw !important; max-width: 100vw !important; min-width: 0 !important; flex: 0 0 100vw !important; }
    .io-directory-topbar { height: 62px; padding: 0 18px; }
    .io-directory-toplinks { display: none; }
    body.home .io-directory-topbar,
    body.home .io-directory-hero,
    body.home #content.container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
    body.home .io-directory-hero { padding: 28px 20px; display: block; overflow: hidden; }
    .io-directory-hero-copy { width: 100%; max-width: 100%; }
    .io-directory-hero-art { width: calc(100vw - 40px); max-width: calc(100vw - 40px); height: 112px; margin-top: 20px; flex-basis: auto; }
    body.home #content.container { padding: 0 18px 50px; }
    body.home .content-layout > .row,
    body.home .content-layout .tab-pane > .row,
    body.home .content-layout .row.io-mx-n2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 100%; margin: 0 !important; }
    body.home .url-card { width: auto !important; max-width: none !important; padding: 0 5px 10px !important; }
    body.home .url-card .url-body { height: 82px; min-height: 82px; }
    body.home .url-card .url-body > .card .url-content { padding: 12px; }
    body.home .io-directory-hero { min-height: 0; }
    body.home .io-directory-hero h1 { font-size: 30px; }
    body.home .io-directory-hero p { font-size: 13px; }
    body.home .io-directory-search { width: 100%; }
    .io-search-modal { padding: 16px; align-items: center; }
    .io-search-modal-panel { width: 100%; padding: 42px 22px 27px; border-radius: 18px; }
    .io-search-modal-description { margin-bottom: 20px; line-height: 1.6; }
    .io-search-modal-form { min-height: 56px; }
    .io-search-modal-form input { height: 54px; font-size: 14px; }
    .io-search-modal-form > i { padding: 0 11px 0 15px; }
    .io-search-modal-form button { padding: 0 13px; }
    .io-search-modal-hints { gap: 6px; margin-top: 14px; }
    .io-search-modal-tip { margin-top: 18px; }
}

@media (max-width: 991.98px) {
    body.home .io-directory-hero { width: calc(100% - 24px) !important; min-height: 0; margin: 14px 12px 0; padding: 30px 23px 22px; border-radius: 15px; }
    body.home .io-directory-hero h1 { font-size: 31px; letter-spacing: -1.1px; }
    body.home .io-directory-hero-art { width: 100%; max-width: 100%; height: 150px; margin-top: 22px; flex-basis: auto; }
    body.home .io-directory-search { height: 48px; }
    .io-directory-search-open b { min-width: 105px; }
    .io-directory-search-open > span { font-size: 12px; }
    .io-directory-hero-meta { font-size: 10px; }
}