[v-cloak]{display:none !important}
/* ===== 本地思源宋体(自托管) ===== */
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/views/index/news/common/static/fonts/noto-serif-sc-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/views/index/news/common/static/fonts/noto-serif-sc-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/views/index/news/common/static/fonts/noto-serif-sc-900.woff2') format('woff2');
}
/* ===== Google 风格首页（思源宋体） ===== */
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
    margin: 0;
    background: #fefae0;
    color: #202124;
    font-family: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
}
/* 隐藏原站点顶部导航与底部版权，呈现 Google 极简风 */
.headerBox, .headerKox, .headBg, .footerBox { display: none !important; }

.g-home {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 22vh 20px 0;
}

.g-logo { width: 100%; max-width: 540px; margin: 0 auto 12px; user-select: none; }
.g-logo-text {
    font-family: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
    font-weight: 900;
    font-size: 72px;
    letter-spacing: -3px;
    line-height: 1;
    background: linear-gradient(90deg, #4285F4, #EA4335, #FBBC05, #34A853);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.g-search-form { width: 100%; max-width: 584px; }

.g-search {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 14px;
    border: 1px solid #9aa0a6;
    border-radius: 24px;
    background: #fdf8ea;
    transition: box-shadow .2s, border-color .2s;
}
.g-search:hover,
.g-search:focus-within {
    box-shadow: 0 1px 6px rgba(32,33,36,.28);
    border-color: #80868b;
}
.g-search-icon { width: 20px; height: 20px; color: #9aa0a6; flex: 0 0 auto; }
.g-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    margin: 0 12px;
    border: none;
    outline: none;
    background: transparent;
    font-family: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
    font-size: 16px;
    color: #202124;
}
.g-input::placeholder { color: #9aa0a6; }
.g-mic { width: 22px; height: 22px; flex: 0 0 auto; cursor: pointer; }

.g-buttons {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
}
.g-btn {
    min-width: 140px;
    height: 38px;
    padding: 0 18px;
    border: 1px solid #124559;
    border-radius: 4px;
    background: #124559;
    color: #ffffff;
    font-family: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
    font-size: 14px;
    cursor: pointer;
}
.g-btn:hover {
    background: #01161E;
    border-color: #01161E;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    color: #ffffff;
}

.g-slogan-m { display: none; }

@media (max-width: 600px) {
    .g-logo-text { font-size: 52px; }
    .g-btn { min-width: 120px; }
    .g-home { padding-top: 12vh; }
    .g-slogan { display: flex; justify-content: center; font-size: 14px; font-weight: bold; letter-spacing: 0; white-space: nowrap; }
    .g-slogan-pc { display: none; }
    .g-slogan-m { display: block; font-weight: bold; }
}

.g-logo-img {
    max-height: 92px;
    max-width: 320px;
    width: auto;
    height: auto;
    user-select: none;
}
.g-slogan {
    max-width: 540px;
    margin: 6px auto 18px;
    font-family: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
    font-size: 16px;
    font-weight: 400;
    color: #124559;
    letter-spacing: 1px;
    text-align: center;
}

.g-logo-img {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: 100%;
    display: block;
}
.g-btn-primary {
    background: #124559;
    border-color: #124559;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
.g-btn-primary:hover {
    background: #01161E;
    border-color: #01161E;
    color: #ffffff;
}

.g-topbar {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 0 20px;
    background: #fefae0;
    border-bottom: 1px solid #e8d9b5;
    z-index: 100;
}
.g-tb-btn {
    font-family: inherit;
    font-size: 14px;
    color: #ffffff;
    background: #124559;
    border: 1px solid #124559;
    border-radius: 6px;
    padding: 7px 16px;
    cursor: pointer;
}
.g-tb-btn:hover { background: #01161E; color: #fff; border-color: #01161E; }
.g-tb-qun { background: #124559; color: #fff; border-color: #124559; }
.g-tb-qun:hover { background: #01161E; border-color: #01161E; }

/* ===== footer 贴底布局 ===== */
#app { display: flex; flex-direction: column; min-height: 100vh; }
.g-home { flex: 1 0 auto; }
.g-footer { flex-shrink: 0; width: 100%; background: #01161E; color: #cfd8dc; margin-top: 0; }
.g-footer-inner { max-width: 1100px; margin: 0 auto; padding: 16px; text-align: left; }
.g-footer-links { font-size: 14px; display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.g-footer-links a { color: #9fb3c8; text-decoration: none; cursor: pointer; }
.g-footer-links a:hover { color: #ffffff; }
.g-footer-flink { color: #cfd8dc; }
.g-footer-flink a { color: #9fb3c8; }
.g-footer-flink a:hover { color: #ffffff; }
.g-footer-decl { font-size: 12px; color: #8a99a8; margin-top: 10px; line-height: 1.7; }

/* 首页热搜词 */
.g-hotwords{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:560px;margin:18px auto 0;font-size:16px;row-gap:6px;}
.g-hw-label{margin-right:8px;color:#999;font-weight:700;}
.g-hw-item{display:inline-block;margin:4px 8px;padding:3px 4px;background:transparent;border:none;border-radius:0;cursor:pointer;color:#555;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px;transition:color .2s;text-decoration-thickness:1px;}
.g-hw-item:hover{color:#124559;background:transparent;text-decoration-color:#124559;}