/*
 Theme Name: 导航专用主题
 Description: 配合 Simple Nav Directory 插件使用的导航主题
 Version: 0.4
*/

body {margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background:#e6f6ff;color:#1f2933;background-image:radial-gradient(circle at 0 0,rgba(255,255,255,0.6) 0,rgba(255,255,255,0.6) 26px,transparent 27px),radial-gradient(circle at 80px 80px,rgba(255,255,255,0.4) 0,rgba(255,255,255,0.4) 22px,transparent 23px);background-size:160px 160px;}
a {color:#2563eb;text-decoration:none;}
a:hover {text-decoration:underline;}

/* 头部整体 */
.daohang-site-header {padding:8px 0 0 0;border-bottom:1px solid rgba(148,163,184,0.4);margin-bottom:6px;background:#ffffffcc;backdrop-filter:blur(8px);position:sticky;top:0;z-index:20;box-shadow:0 2px 6px rgba(15,23,42,0.08);}
.daohang-site-header-inner {max-width:1220px;margin:0 auto;padding:0 16px 8px 16px;}

/* 第一行：LOGO + 搜索 + 多语言 */
.daohang-header-top {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.daohang-logo {font-size:22px;font-weight:800;letter-spacing:1px;color:#111827;white-space:nowrap;}
.daohang-logo a {color:#111827;text-decoration:none;}
.daohang-search {flex:0 1 480px;}
.daohang-search-input {width:100%;box-sizing:border-box;border-radius:999px;border:1px solid #d1d5db;padding:7px 12px 7px 34px;font-size:13px;color:#111827;background:#f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-4.35-4.35m0 0A7 7 0 1010.3 17.3a7 7 0 006.35-6.65z'/%3E%3C/svg%3E") no-repeat 11px center;background-size:14px 14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;}
.daohang-search-input:focus {border-color:#2563eb;box-shadow:0 0 0 1px rgba(37,99,235,0.35);background-color:#ffffff;}
.daohang-lang {min-width:40px;text-align:right;}
.daohang-lang-flag {display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;font-size:14px;cursor:default;}

/* 第二行：主菜单栏 */
.daohang-main-nav {margin-top:7px;display:inline-flex;align-items:center;gap:4px;padding:4px 6px 5px 6px;border-radius:999px;background:#111827;color:#e5e7eb;font-size:13px;box-shadow:0 4px 10px rgba(15,23,42,0.35);}
.daohang-main-nav a {color:#e5e7eb;padding:4px 11px;border-radius:999px;}
.daohang-main-nav a:hover {background:#1f2937;color:#ffffff;text-decoration:none;}

/* 底部 */
.daohang-site-footer {margin-top:30px;background:#0b7285;color:#e0f2fe;}
.daohang-footer-top {padding:26px 0 18px 0;}
.daohang-footer-bottom {border-top:1px solid rgba(148,163,184,0.5);padding:10px 0 14px 0;font-size:13px;text-align:center;background:#075985;color:#e5f3ff;}
.daohang-footer-inner {max-width:1220px;margin:0 auto;padding:0 16px;}
.dh-footer-cols {display:flex;flex-wrap:wrap;gap:40px;justify-content:center;font-size:13px;}
.dh-footer-col h4 {margin:0 0 8px 0;font-size:14px;font-weight:700;}
.dh-footer-col a {display:block;color:#e0f2fe;margin:2px 0;}
.dh-footer-col a:hover {color:#ffffff;text-decoration:underline;}



/* 主体 */
.daohang-main {padding:16px 0 40px 0;}
.daohang-inner {max-width:1220px;margin:0 auto;padding:0 16px;}
.daohang-title {text-align:left;font-size:26px;margin:10px 0 10px 2px;color:#111827;font-weight:700;}

/* 顶部标签条：nav_tag */
.dh-tags-nav {margin:4px 0 16px 2px;display:flex;flex-wrap:wrap;gap:8px;}
.dh-tags-nav a {display:inline-block;padding:4px 11px;border-radius:999px;background:#ffffffcc;border:1px solid rgba(148,163,184,0.8);font-size:12px;color:#374151;box-shadow:0 2px 6px rgba(15,23,42,0.08);}
.dh-tags-nav a:hover {background:#2563eb;color:#ffffff;border-color:#2563eb;text-decoration:none;}

/* 单个网址详情页基础样式（保持简洁） */
.daohang-single-content {max-width:800px;margin:0 auto;}
.daohang-single-button {display:inline-block;margin:16px 0 24px 0;padding:10px 22px;border-radius:999px;background:#10b981;color:#ffffff;font-size:14px;box-shadow:0 4px 12px rgba(16,185,129,0.5);}
.daohang-single-button:hover {background:#059669;text-decoration:none;color:#ffffff;}
.daohang-single-desc {font-size:15px;line-height:1.7;color:#111827;}

/* 首页瀑布流布局 */
.dh-grid {column-count:4;column-gap:16px;}
.dh-card {display:inline-block;width:100%;margin:0 0 16px 0;background:#ffffff;border-radius:18px;border:1px solid rgba(148,163,184,0.7);box-shadow:0 6px 18px rgba(15,23,42,0.16);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;break-inside:avoid;}
.dh-card:hover {transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,0.22);border-color:rgba(148,163,184,0.9);}

/* 卡片头部：纯色条 + 圆 icon + 名称 */
.dh-card-header {display:flex;align-items:center;padding:8px 10px 8px 10px;color:#ffffff;}
.dh-card-header-left {display:flex;align-items:center;gap:6px;}
.dh-card-icon {width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,0.2);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;}
.dh-card-title {font-size:14px;font-weight:700;margin:0;}

/* 顶部条颜色 */
.dh-card:nth-child(4n+1) .dh-card-header {background:#fb7185;}
.dh-card:nth-child(4n+2) .dh-card-header {background:#38bdf8;}
.dh-card:nth-child(4n+3) .dh-card-header {background:#a855f7;}
.dh-card:nth-child(4n+0) .dh-card-header {background:#f59e0b;}

/* 分类描述 */
.dh-card-desc {margin:6px 10px 4px 12px;font-size:12px;line-height:1.5;color:#6b7280;}

/* 卡片内网址列表 */
.dh-list {list-style:none;margin:0;padding:0 10px 0 10px;}
.dh-item {display:flex;align-items:center;font-size:13px;line-height:1.5;padding:3px 0;border-radius:0;}
.dh-item + .dh-item {border-top:1px dashed rgba(209,213,219,0.9);}

/* 左侧序号 */
.dh-num {width:26px;font-size:11px;color:#9ca3af;flex-shrink:0;text-align:right;margin-right:4px;}

/* 主链接区 */
.dh-main-link {display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dh-main-link:hover {color:#2563eb;text-decoration:none;}

/* favicon */
.dh-favicon {width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;overflow:hidden;background:#f3f4f6;margin-right:2px;}
.dh-favicon img {display:block;width:16px;height:16px;}

/* 网站名文本 */
.dh-title-text {display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* NEW / HOT / 自定义标记 */
.dh-tag {display:inline-block;padding:0 6px;margin-left:4px;border-radius:999px;font-size:10px;line-height:1.7;}
.dh-tag-new {background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0;}
.dh-tag-hot {background:#fee2e2;color:#ef4444;border:1px solid #fecaca;}
.dh-tag-custom {background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe;}

/* 国旗 */
.dh-flag {margin-left:4px;font-size:13px;}

/* 放大镜：默认 hover 出现；detail-only 行常显 */
.dh-view-link {margin-left:6px;font-size:13px;flex-shrink:0;color:#9ca3af;opacity:0;transform:translateX(4px);transition:opacity .12s ease,transform .12s ease;}
.dh-item:hover .dh-view-link {opacity:1;transform:translateX(0);}
.dh-item-detail-only .dh-view-link {opacity:1;transform:translateX(0);}


/* 空分类提示 */
.dh-empty {margin:4px 0 2px 12px;font-size:12px;color:#9ca3af;}

/* 卡片底部“更多站点” */
.dh-card-footer {margin-top:4px;padding:4px 10px 6px 12px;border-top:1px solid rgba(229,231,235,0.9);text-align:right;background:#f9fafb;}
.dh-card-more {font-size:11px;color:#6b7280;}
.dh-card-more:hover {color:#111827;text-decoration:none;}

/* 分类页 / 列表页通用样式 */
.snd-nav-list {list-style:none;margin:0;padding:0 4px 0 4px;max-width:760px;background:#ffffff;border-radius:14px;border:1px solid rgba(148,163,184,0.5);box-shadow:0 4px 14px rgba(15,23,42,0.12);}
.snd-nav-list > li, .snd-nav-item {display:flex;align-items:center;font-size:13px;padding:4px 8px;border-bottom:1px dashed rgba(209,213,219,0.9);}
.snd-nav-list > li:last-child {border-bottom:none;}
.snd-nav-list .snd-nav-main-link {font-size:13px;color:#111827;}
.snd-nav-list .snd-nav-main-link:hover {color:#2563eb;}

/* 悬浮预览气泡 */
.dh-tooltip {position:fixed;z-index:9999;display:none;pointer-events:none;}
.dh-tooltip-inner {background:#111827;color:#f9fafb;border-radius:16px;box-shadow:0 16px 40px rgba(15,23,42,0.7);padding:10px;width:260px;max-width:80vw;}
.dh-tooltip-thumb {width:100%;height:140px;border-radius:12px;overflow:hidden;background:#020617;margin-bottom:8px;}
.dh-tooltip-thumb img {display:block;width:100%;height:100%;object-fit:cover;}
.dh-tooltip-title {font-size:14px;font-weight:700;margin-bottom:4px;}
.dh-tooltip-desc {font-size:12px;line-height:1.5;color:#e5e7eb;max-height:96px;overflow:hidden;}
@media (max-width:768px){.dh-tooltip{display:none!important;}}

/* 响应式 */
@media (max-width:1170px){.dh-grid {column-count:3;}}
@media (max-width:900px){.dh-grid {column-count:2;}}
@media (max-width:640px){
  .daohang-site-header-inner {padding:0 10px 6px 10px;}
  .daohang-header-top {flex-direction:column;align-items:stretch;gap:8px;}
  .daohang-search {flex:1 1 auto;}
  .daohang-main-nav {margin-top:8px;display:flex;justify-content:flex-start;flex-wrap:wrap;}
  .daohang-main {padding:12px 0 26px 0;}
  .daohang-inner {padding:0 10px;}
  .daohang-title {font-size:22px;margin-bottom:10px;}
  .dh-grid {column-count:1;}
  .dh-card {border-radius:14px;}
}