/*
 Theme Name: 跨境笔记子主题
 Template: generatepress
 Description: 国际风设计体系：白底 + 浅灰分层 + 橙 #F79E1E 点睛（v1.2 去大块蓝底）
 Version: 1.2.0
*/
/* ============================================================
   跨境笔记 · WP 子主题样式 = 静态原型 style.css 1:1 + WP(GP) 集成覆写
   v1.2 配色升级：去掉导航/Hero/页脚大块海军蓝背景 → 白底浅灰分层，
   主色收敛为深墨蓝黑 slate(#0F172A)，橙色 #F79E1E 仅作点睛强调。
   全站正文基准字号：18px；导航栏字号：20px（粗体）
   ============================================================ */
:root{
  --navy:#0F172A;      /* 主深色（slate-900）：标题/徽章/强调文字 */
  --navy-2:#1E293B;
  --orange:#F79E1E;    /* 品牌橙：按钮/悬停/当前态点睛 */
  --orange-2:#E88A12;
  --green:#21a65c;
  --ink:#0F172A;
  --muted:#64748B;
  --bg:#F8FAFC;
  --border:#E2E8F0;
  --radius:12px;
}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;font-size:14px;}
a{color:inherit;text-decoration:none;}
a:hover{text-decoration:none;}
.container{max-width:1400px;margin:0 auto;padding:0 14px;}

/* ===== CTA banner（浅橙卡片 + 实心橙按钮）===== */
.cta{background:#FFF7ED;border:1px solid #FED7AA;border-radius:14px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;margin:26px 0;flex-wrap:wrap;}
.cta .t b{display:block;font-size:18px;}
.cta .t i{font-style:normal;font-size:18px;color:#92400E;opacity:.95;}
.cta .go{background:var(--orange);border:none;color:#fff;padding:9px 20px;border-radius:8px;font-size:15px;font-weight:600;flex:none;transition:background .15s;}
.cta .go:hover{background:var(--orange-2);}

/* ===== Hero（白底浅灰渐变，紧凑靠左版）===== */
.hero{background:linear-gradient(180deg,#FFFFFF,#F1F5F9);color:var(--ink);text-align:left;padding:20px 0 22px;border-bottom:1px solid var(--border);}
.hero .crumb{color:#94A3B8;font-size:14px;margin-bottom:20px;}
.hero .crumb a{color:#64748B;}
.hero h1{font-size:20px;margin:0 0 4px;color:var(--ink);}
.hero .sub{color:#475569;max-width:640px;margin:0 0 12px;font-size:18px;}
.hero-search{max-width:380px;margin:0 0 8px;}
.hero-search input{width:100%;padding:9px 16px;border-radius:999px;border:1px solid #E2E8F0;background:#fff;font-size:16px;outline:none;color:var(--ink);box-shadow:0 1px 2px rgba(15,23,42,.05);}
.hero-search input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(247,158,30,.15);}
.hero-stats{color:#64748B;font-size:18px;}
.hero-stats b{color:var(--ink);}

/* ===== Layout ===== */
.page{padding:26px 0 44px;}
.home-extra{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;}
.home-extra .box{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;}
.home-extra h4{margin:0 0 6px;font-size:18px;color:var(--navy);}
.home-extra .box>p{font-size:18px;color:var(--muted);margin:6px 0 10px;}
.home-extra .more{font-size:18px;color:var(--orange-2);font-weight:600;}
.mini{display:block;padding:10px 0;border-bottom:1px dashed var(--border);}
.mini:last-child{border-bottom:none;}
.mini b{font-size:18px;font-weight:600;color:var(--ink);display:block;line-height:1.45;}
.mini:hover b{color:var(--orange-2);}
.mini span{font-size:16px;color:var(--muted);}

/* ===== Cards ===== */
h2.blk{font-size:18px;margin:0 0 16px;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}

/* ===== 书城 tabs ===== */
.bs-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 22px;border-bottom:1px solid var(--border);}
.bs-tab{appearance:none;border:0;background:transparent;cursor:pointer;padding:12px 20px;font-size:15px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-family:inherit;transition:color .15s;}
.bs-tab:hover{color:var(--navy);}
.bs-tab.active{color:var(--orange-2);border-bottom-color:var(--orange);}
.bs-panel{display:none;}
.bs-panel.active{display:block;}
.bs-panel > .lead{color:var(--muted);font-size:14px;margin:0 0 16px;}
.bcard{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:9px;transition:box-shadow .15s,border-color .15s;}
.bcard:hover{box-shadow:0 6px 18px rgba(15,23,42,.08);border-color:#CBD5E1;}
.bcard .badge{display:inline-block;align-self:flex-start;font-size:12px;padding:3px 10px;border-radius:999px;background:#F1F5F9;color:var(--navy);font-weight:600;}
.bcard h3{margin:2px 0 0;font-size:15px;line-height:1.35;}
.bcard p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;}
.bcard .row{display:flex;align-items:center;justify-content:space-between;margin-top:2px;}
.bcard .price{font-weight:700;color:var(--orange-2);font-size:15px;}
.bcard .soon{font-size:12px;color:#9aa1ab;}

.log-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease;}
.log-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(15,23,42,.08);}
.lc-top{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;}
.avatar{width:40px;height:40px;border-radius:10px;background:#F1F5F9;color:var(--navy);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;flex:none;}
.badges{margin-left:auto;display:flex;gap:6px;}
.badge{font-size:11px;padding:2px 8px;border-radius:6px;color:#fff;font-weight:600;}
.badge.hot{background:var(--orange);}
.badge.free{background:var(--green);}
.badge.new{background:var(--navy);}
.tag{display:inline-block;background:#F1F5F9;color:var(--muted);font-size:12px;padding:2px 9px;border-radius:999px;margin-right:6px;}

/* ===== Breadcrumb ===== */
.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:14px;}
.breadcrumb a{color:var(--muted);}
.breadcrumb a:hover{color:var(--navy);}
.breadcrumb .sep{margin:0 8px;color:#CBD5E1;}
.breadcrumb .cur{color:var(--navy);font-weight:600;}

/* ===== Article ===== */
.article-wrap{background:#fff;border:1px solid var(--border);border-radius:12px;padding:34px 38px;max-width:820px;margin:0 auto;}
article.post h1{font-size:28px;line-height:1.35;margin:10px 0 6px;}
article.post .meta{color:var(--muted);font-size:14px;margin-bottom:24px;}
article.post h2{font-size:19px;margin:28px 0 10px;color:var(--navy);padding-left:10px;border-left:4px solid var(--orange);}
.callout{background:#FFF7ED;border-left:4px solid var(--orange);padding:14px 18px;border-radius:8px;color:#92400E;font-size:14px;margin:18px 0;}
.empty{color:var(--muted);background:#fff;border:1px dashed var(--border);border-radius:12px;padding:36px;text-align:center;}

/* ===== 跨境工具导航 ===== */
.cat-line{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap;}
.ttag{font-size:13px;color:var(--navy);background:#F1F5F9;padding:2px 9px;border-radius:999px;font-weight:600;}
.fee{font-size:13px;color:var(--muted);background:#F1F5F9;padding:2px 9px;border-radius:999px;}
.tool-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease;}
.tool-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(15,23,42,.08);}
.tool-card h3{font-size:16px;margin:0 0 6px;line-height:1.45;}
.tool-card h3 a:hover{color:var(--orange-2);}
.tool-card p{font-size:14px;color:var(--muted);margin:0 0 4px;flex:1;}
.tool-foot{display:flex;gap:16px;margin-top:12px;}
.tlink{font-size:14px;color:var(--orange-2);font-weight:600;}
.tlink.ext{color:var(--navy);}
.tlink.ext:hover{text-decoration:underline;}

/* ===== 首页左侧分类目录（对标 AMZ123，与原型 .layout-home/.side 一致）===== */
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start;}
.layout .side{position:sticky;top:76px;align-self:start;background:transparent;border:none;border-radius:0;}
.layout .side .amz-side-title{display:flex;align-items:center;gap:8px;color:var(--orange-2);font-size:18px;font-weight:700;margin:0;padding:2px 0 12px;}
.layout .side .amz-side-title .minus{width:14px;height:2px;background:var(--orange);border-radius:1px;flex:none;}
.layout .side .amz-item{display:block;padding:11px 0 11px 30px;font-size:18px;color:#334155;background:transparent;}
.layout .side .amz-item:hover{color:var(--orange-2);}
@media(max-width:1020px){
  .layout{grid-template-columns:1fr;}
  .layout .side{display:none;}
}

/* ===== 首页图标宫格导航（对标 AMZ123）===== */
.plat-sec{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 14px 6px;margin-bottom:14px;}
.plat-sec .blk{font-size:18px;margin:0 0 8px;}
.plat-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;}
.plat-cell{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 2px 8px;border-radius:10px;text-align:center;}
.plat-cell:hover{background:#F1F5F9;}
.plat-ico{width:44px;height:44px;border-radius:12px;color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;}
.plat-ico.sm{font-size:12px;}
.plat-cell b{font-size:18px;font-weight:500;color:var(--ink);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.plat-cell:hover b{color:var(--orange-2);}

/* ===== 响应式 ===== */
@media(max-width:1020px){
  .home-extra{grid-template-columns:1fr;}
  .plat-grid{grid-template-columns:repeat(8,1fr);}
}
@media(max-width:720px){
  .hero h1{font-size:18px;}
  .article-wrap{padding:24px 20px;}
  .plat-grid{grid-template-columns:repeat(5,1fr);}
  .plat-cell b{white-space:normal;}
}

/* ============================================================
   WP / GeneratePress 集成覆写
   ============================================================ */
body{ overflow-x:hidden; }

/* GP 头部 → 国际风白底导航条（细底边线，深墨文字，橙色当前态） */
header.site-header, header.site-header .inside-header{ background:#fff !important; }
header.site-header{ border-bottom:1px solid var(--border); }
header.site-header .inside-header{ max-width:1400px; margin:0 auto; padding:0 14px; min-height:60px; display:flex; align-items:center; }
header.site-header .site-branding .main-title a, .site-branding a{ color:var(--ink) !important; font-weight:700; font-size:20px; text-decoration:none; }
header.site-header .site-description{ color:var(--muted) !important; font-weight:400; font-size:14px; }
header.site-header .main-navigation, header.site-header .inside-navigation{ background:transparent !important; }
#site-navigation .menu > li > a, .main-navigation .main-nav ul li a{ color:#334155 !important; font-size:20px; font-weight:700; padding:0 15px; }
#site-navigation .menu > li > a:hover,
#site-navigation .menu > li.current-menu-item > a,
#site-navigation .menu > li.current_page_item > a{ color:var(--orange-2) !important; background:transparent !important; }
#site-navigation ul ul a{ color:var(--ink) !important; background:#fff !important; }
button.menu-toggle{ background:#fff !important; color:var(--ink) !important; }
header.site-header .nav-float-right{ float:right; }

/* 前台右上角：会员登录 / 注册（主导航末项，带 CSS 类） */
#site-navigation .menu > li.kjb-menu-login > a{ color:var(--ink); font-weight:600; }
#site-navigation .menu > li.kjb-menu-reg > a{ color:var(--ink); border:1px solid #CBD5E1; border-radius:8px; padding:6px 16px !important; margin-left:6px; }
#site-navigation .menu > li.kjb-menu-reg > a:hover{ background:#F1F5F9; }

/* GP 页脚 → 白底 + 顶部分隔线 */
.site-footer{ background:#fff; border-top:1px solid var(--border); margin-top:40px; }
.site-info{ color:#94A3B8; font-size:14px; }
.site-info a{ color:#475569; }

/* 自定义落地页：去掉 GP 卡片化容器包装 + 隐藏 GP 自带标题/面包屑（避免与 hero 内 h1、原型面包屑重复） */
body.home .inside-article, body.page-kb .inside-article, body.page-bookstore .inside-article,
body.page-about .inside-article, body.page-member .inside-article{ padding:0 !important; background:transparent !important; border:none !important; box-shadow:none !important; }
body.home .entry-header, body.page-kb .entry-header, body.page-bookstore .entry-header,
body.page-about .entry-header, body.page-member .entry-header{ display:none !important; }

/* 减少两侧留白（对标 AMZ123 宽幅）：拆掉 GP 外层 grid-container 宽度限制，内容区通栏 */
body.home .site.grid-container, body.page-kb .site.grid-container, body.page-bookstore .site.grid-container,
body.page-about .site.grid-container, body.page-member .site.grid-container{
  max-width:none !important; width:100% !important; padding-left:0 !important; padding-right:0 !important; }
body.home .site-content, body.page-kb .site-content, body.page-bookstore .site-content,
body.page-about .site-content, body.page-member .site-content{ max-width:none !important; }
body.home .content-area, body.page-kb .content-area, body.page-bookstore .content-area,
body.page-about .content-area, body.page-member .content-area{
  width:100% !important; max-width:none !important; float:none !important; padding-left:0 !important; padding-right:0 !important; }
body.home .site-main, body.page-kb .site-main, body.page-bookstore .site-main,
body.page-about .site-main, body.page-member .site-main{
  width:100% !important; max-width:none !important; }
body.home .entry-content, body.page-kb .entry-content, body.page-bookstore .entry-content,
body.page-about .entry-content, body.page-member .entry-content{ margin:0 !important; max-width:none !important; }
body.home .page-header, body.home .breadcrumb,
body.page-kb .page-header, body.page-kb .breadcrumb,
body.page-bookstore .page-header, body.page-bookstore .breadcrumb,
body.page-about .page-header, body.page-about .breadcrumb,
body.page-member .page-header, body.page-member .breadcrumb{ display:none !important; }

/* hero 通栏到视口边缘 */
.entry-content .hero{ width:100vw; margin-left:calc(50% - 50vw); }

/* 字号/链接按原型（覆盖 GP 默认大字号）；全站正文 18px */
.entry-content{ font-size:18px; line-height:1.8; color:var(--ink); }
.entry-content p, .entry-content li{ font-size:18px; line-height:1.8; }
.entry-content a{ color:inherit; text-decoration:none; }
.entry-content .hero h1{ font-size:20px; margin:0 0 4px; color:var(--ink); }
.entry-content .article-wrap h1{ font-size:28px; line-height:1.35; margin:10px 0 6px; }
.entry-content .article-wrap .meta{ color:var(--muted); font-size:14px; margin-bottom:24px; }
.entry-content .article-wrap h2{ font-size:19px; margin:28px 0 10px; color:var(--navy); padding-left:10px; border-left:4px solid var(--orange); }
.entry-content h2.blk, .entry-content .plat-sec .blk{ font-size:18px; margin:0 0 8px; }

/* PMPro 区块在白卡内更协调 */
.entry-content .pmpro_levels, .entry-content [class*="pmpro"]{ font-size:14px; }