/* GPTPro68 shared visual system. Loaded alongside the existing PHP page styles. */
html.pro68-ui { --bg-base:#f7f9fc; --bg-card:#fff; --bg-tint:#eef3f8; --ink-1:#102440; --ink-2:#334962; --ink-3:#5c6f85; --ink-4:#758498; --blue-500:#1763b5; --blue-600:#124e91; --blue-700:#123966; --blue-50:#edf4fb; --blue-100:#dceafa; --dark-pill:#122c4f; --dark-pill-hover:#204775; --line-1:#e3e9f0; --line-2:#d6e0ea; --line-3:#becbd9; --radius-xl:16px; --radius-lg:12px; --radius-md:10px; --shadow-btn:none; --shadow-pop:0 10px 30px #1024400b; --shell:1200px; --ink:#102440; --paper:#f7f9fc; --green:#1763b5; --font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
html.pro68-ui body { background:#f7f9fc; color:#334962; font-family:var(--font-sans); }
html.pro68-ui { --font-sans:"PingFang SC","Microsoft YaHei",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
html.pro68-ui body::before, html.pro68-ui .bg-deco { display:none; }
html.pro68-ui .shell { width:min(1200px,calc(100% - 64px)); max-width:1200px; }
html.pro68-ui .section { padding:76px 0; }
html.pro68-ui .section-head { margin-bottom:32px; }
html.pro68-ui .section-head.split { display:flex; max-width:none; justify-content:space-between; align-items:end; gap:30px; }
html.pro68-ui .section-kicker { display:block; margin-bottom:14px; color:#347091; font:700 11px/1.5 var(--font-sans); letter-spacing:.14em; }
html.pro68-ui .section-title { color:#102440; font-size:34px; font-weight:750; line-height:1.35; letter-spacing:-.04em; background:none; -webkit-text-fill-color:currentColor; }
html.pro68-ui .section-desc { max-width:440px; margin-top:12px; color:#607187; font-size:14px; line-height:1.9; }
html.pro68-ui .btn, html.pro68-ui .article-cta-btn { min-height:46px; padding:12px 22px; border-radius:8px; box-shadow:none; font-size:14px; font-weight:650; line-height:1.5; letter-spacing:0; transition:background .18s,border-color .18s; }
html.pro68-ui .btn::before,html.pro68-ui .btn::after,html.pro68-ui .article-cta-btn::before { display:none; }
html.pro68-ui .btn-primary,html.pro68-ui .btn-dark,html.pro68-ui .article-cta-btn { background:#143c6b; border:1px solid #143c6b; color:#fff; }
html.pro68-ui .btn-primary:hover,html.pro68-ui .btn-dark:hover,html.pro68-ui .article-cta-btn:hover { background:#205389; transform:none; box-shadow:none; }
html.pro68-ui .btn-outline { background:#fff; border:1px solid #cbd8e5; color:#173c64; }
html.pro68-ui .btn-outline:hover { background:#edf3fa; transform:none; }
html.pro68-ui [data-unavailable]:focus-visible { outline-color:#1786a5; }
html.pro68-ui .pro-nav { position:sticky; top:0; z-index:100; background:#fff; border-bottom:1px solid #e3e9ef; }
.pro-nav-inner { position:relative; width:min(1200px,calc(100% - 64px)); height:80px; margin:auto; display:flex; align-items:center; gap:32px; }
.pro-brand { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.pro-brand b { display:block; color:#142c4c; font-size:22px; line-height:1.2; letter-spacing:-.8px; }
.pro-brand b span { color:#17678a; }
.pro-brand small { display:block; margin-top:4px; color:#778699; font-size:8px; letter-spacing:2px; font-weight:700; }
.pro-mark { width:38px; height:38px; display:grid; grid-template-columns:repeat(2,8px); gap:4px; justify-content:center; align-content:center; background:#122e52; border-radius:9px; transform:none; }
.pro-mark i { width:8px; height:8px; background:#fff; border-radius:1px; }
.pro-mark i:nth-child(2) { background:#43c6df; }
.pro-mark i:nth-child(3) { background:#7b92ad; }
.pro-links { display:flex; align-items:center; gap:25px; margin-left:auto; }
.pro-links a { padding:28px 0; color:#52647a; font-size:13px; font-weight:600; white-space:nowrap; border-bottom:2px solid transparent; }
.pro-links a:hover,.pro-links a[aria-current] { color:#173f6d; border-color:#2591b0; }
.pro-contact { display:flex; align-items:center; gap:16px; padding:10px 16px; border:1px solid #d7e1ed; border-radius:7px; color:#14375e; font-size:12px; font-weight:650; white-space:nowrap; cursor:pointer; }
.pro-contact:hover { background:#f1f6fb; }
.pro-mobile-menu { display:none; }
.pro-text-link { color:#185680; font-size:13px; font-weight:650; white-space:nowrap; }
html.pro68-ui .faq { width:100%; max-width:900px; margin:0 auto; border-top:1px solid #d6e0ea; }
html.pro68-ui .faq-item { margin:0; padding:0; background:transparent; border:0; border-bottom:1px solid #d6e0ea; border-radius:0; box-shadow:none; }
html.pro68-ui .faq-item.open { background:transparent; box-shadow:none; border-color:#d6e0ea; }
html.pro68-ui .faq-trigger { width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:23px 0; color:#173454; text-align:left; font-size:15px; line-height:1.65; }
html.pro68-ui .faq-plus { width:20px; height:20px; flex-shrink:0; color:#32607e; }
html.pro68-ui .faq-answer, html.pro68-ui .faq-body { color:#5c6f85; font-size:14px; }
html.pro68-ui .faq-answer>div { padding:0 30px 22px 0; }
html.pro68-ui .faq-answer p { line-height:1.95; }
html.pro68-ui .site-footer { margin-top:0; padding:56px 0 28px; background:#0f2542; border:0; color:#b4c2d3; }
html.pro68-ui .site-footer-inner { width:min(1200px,calc(100% - 64px)); max-width:1200px; }
html.pro68-ui .site-footer-grid { grid-template-columns:1.5fr .85fr .85fr .85fr; gap:48px; }
html.pro68-ui .site-footer-name,html.pro68-ui .site-footer-col-title { color:#f5f8fc; }
html.pro68-ui .site-footer-name em { color:#59bdd5; }
html.pro68-ui .site-footer-logo svg { display:none; }
html.pro68-ui .site-footer-tagline { color:#afc0d3; font-size:13px; line-height:1.9; max-width:300px; }
html.pro68-ui .site-footer-col ul a { color:#afc0d3; font-size:13px; }
html.pro68-ui .site-footer-col ul a:hover { color:#fff; }
html.pro68-ui .site-footer-bottom { margin-top:34px; padding-top:22px; border-top:1px solid #2b3e57; }
html.pro68-ui .site-footer-copyright,html.pro68-ui .site-footer-disclaimer { color:#95a9c0; font-size:11px; line-height:1.9; }
html.pro68-ui .site-footer-disclaimer strong { color:#b5c7db; }
html.pro68-ui .site-footer-qr-frame.service-qr-empty { width:100%; max-width:280px; min-height:64px; border:1px dashed #51657e; border-radius:8px; background:#182f4b; color:#d2deeb; box-shadow:none; }
html.pro68-ui .site-footer-qr-cap { color:#97adc5; font-size:11px; }
html.pro68-ui .site-footer-qr .service-qr-empty+.site-footer-qr-cap { display:none; }
html.pro68-ui .aside-qr-frame.service-qr-empty { min-height:100px; background:#f2f6fb; border-color:#ccdae7; color:#586f87; }
html.pro68-ui .service-notice { background:#102b4d; border:1px solid #34516f; border-radius:8px; box-shadow:0 8px 28px #07172d22; }
html.pro68-ui .mobile-bar { background:#fff; border-top:1px solid #d9e3ee; box-shadow:0 -4px 18px #142c4c09; }
html.pro68-ui .mobile-bar-item { color:#526c86; }
html.pro68-ui .mobile-bar-cta { background:#163e6c; border-radius:7px; box-shadow:none; color:#fff; }
/* Inner pages: use the same restrained typography and surfaces. */
html.pro68-ui .bloglist-hero { background:#edf3fa; border:1px solid #dbe5ef; border-radius:14px; box-shadow:none; }
html.pro68-ui .bloglist-hero::before,html.pro68-ui .bloglist-hero::after { display:none; }
html.pro68-ui .blh-title,html.pro68-ui .blh-title span { background:none; -webkit-text-fill-color:currentColor; color:#15385f; }
html.pro68-ui .blh-kicker,html.pro68-ui .blh-chip.is-active { background:#163e6b; color:#fff; border-color:#163e6b; box-shadow:none; }
html.pro68-ui .blh-chip { color:#405d79; border:1px solid #d6e2ee; background:#fff; box-shadow:none; }
html.pro68-ui .blh-search-input { border-radius:8px; box-shadow:none; }
html.pro68-ui .post-card { border:1px solid #dce5ef; border-radius:12px; box-shadow:none; background:#fff; }
html.pro68-ui .post-card:hover { border-color:#8daac7; transform:translateY(-2px); box-shadow:0 8px 24px #152f500a; }
html.pro68-ui .post-card::before,html.pro68-ui .post-card::after { display:none; }
html.pro68-ui .pc-title,html.pro68-ui .post-title { color:#173656; }
html.pro68-ui .article { border-color:#e0e7ef; border-radius:12px; box-shadow:none; background:#fff; }
html.pro68-ui .article h1 { color:#112d4e; font-size:36px; line-height:1.4; letter-spacing:-.04em; }
html.pro68-ui .article-body { color:#354b64; font-size:16px; line-height:1.95; }
html.pro68-ui .article-body h2 { color:#173858; font-size:24px; line-height:1.5; }
html.pro68-ui .article-body a { color:#19658f; }
html.pro68-ui .article-tag,html.pro68-ui .toc,html.pro68-ui .article-brief,html.pro68-ui .callout { color:#365d7c; background:#edf4fa; border-color:#dce7f1; box-shadow:none; border-radius:9px; }
html.pro68-ui .article-cta { background:#edf3fa; border:1px solid #d9e5f1; box-shadow:none; border-radius:12px; }
html.pro68-ui .article-cta::before,html.pro68-ui .article-cta::after { display:none; }
html.pro68-ui .aside-card,html.pro68-ui .related-card,html.pro68-ui .hub-kb-card { background:#fff; border:1px solid #dce5ef; box-shadow:none; border-radius:10px; }
html.pro68-ui .article-brief-label,html.pro68-ui .aside-card-title { color:#204567; }
html.pro68-ui .article-brief li::before { background:#3988a5; }
html.pro68-ui .hub-info-hero { background:#edf3fa; padding:42px 0 60px; }
html.pro68-ui .hub-info-hero::before,html.pro68-ui .hub-info-console::before,html.pro68-ui .hub-console-ring,html.pro68-ui .hub-flow-grid article::after { display:none; }
html.pro68-ui .hub-info-hero-grid { gap:64px; }
html.pro68-ui .hub-info-copy h1 { font-size:48px; line-height:1.15; letter-spacing:-.045em; color:#112e50; }
html.pro68-ui .hub-info-copy>p,html.pro68-ui .hub-info-head p,html.pro68-ui .hub-info-card p { color:#5d7188; }
html.pro68-ui .hub-info-kicker,html.pro68-ui .hub-info-head>span,html.pro68-ui .hub-info-cta small,html.pro68-ui .hub-check-list b { color:#2f789b; }
html.pro68-ui .hub-info-console { background:#15304f; border:1px solid #2a4867; border-radius:14px; box-shadow:none; min-height:360px; }
html.pro68-ui .hub-console-core { width:130px; height:130px; margin:24px auto; }
html.pro68-ui .hub-console-icon { clip-path:none; background:#204467; border:1px solid #3c5d7a; box-shadow:none; border-radius:18px; }
html.pro68-ui .hub-console-top b,html.pro68-ui .hub-console-list b,html.pro68-ui .hub-console-status span { color:#64c6df; }
html.pro68-ui .hub-console-list span { border-color:#36516c; color:#ccd9e8; font-size:11px; }
html.pro68-ui .hub-console-top span i,html.pro68-ui .hub-console-status i,html.pro68-ui .hub-info-note i { background:#41a5c6; box-shadow:none; }
html.pro68-ui .hub-info-soft { background:#f0f4f9; }
html.pro68-ui .hub-info-head h2 { font-size:32px; line-height:1.4; letter-spacing:-.035em; }
html.pro68-ui .hub-info-cards { border-radius:12px; box-shadow:none; border-color:#dce5ef; }
html.pro68-ui .hub-info-card { padding:26px; border-color:#dce5ef; }
html.pro68-ui .hub-info-card-icon { color:#285c88; background:#eaf2fa; border-radius:9px; }
html.pro68-ui .hub-info-card h3 { margin-top:32px; color:#173553; }
html.pro68-ui .hub-info-card small { color:#33738e; }
html.pro68-ui .hub-flow-grid article { min-height:165px; background:#16304d; border-color:#36516c; border-radius:12px; }
html.pro68-ui .hub-flow-grid b { color:#64c6df; margin-bottom:28px; }
html.pro68-ui .hub-info-cta { background:#f0f5fa; border-color:#dce5ef; border-radius:12px; }
html.pro68-ui .hub-info-cta span,html.pro68-ui .hub-info-card small { position:static; }
html.pro68-ui .hub-info-card small { display:block; margin-top:18px; }
html.pro68-ui .reveal-init { opacity:1; transform:none; filter:none; transition:none; }
html.pro68-ui .blh-deco { display:none; }
html.pro68-ui .blh-title em { background:none; color:#287995; -webkit-text-fill-color:currentColor; }
html.pro68-ui .blh-eyebrow { border:1px solid #d6e3ef; background:#fff; box-shadow:none; border-radius:6px; color:#56718a; }
html.pro68-ui .blh-dot { background:#328dab; box-shadow:none; animation:none; }
html.pro68-ui .blh-search-input:focus { border-color:#5894b4; box-shadow:0 0 0 3px #4b91be13; }
html.pro68-ui .post-cover-ph { background:#24476a; }
html.pro68-ui .post-cover-ph::before,html.pro68-ui .post-cover-ph::after { display:none; }
html.pro68-ui .post-card-badge { background:#1e4c76; box-shadow:none; }
html.pro68-ui .post-flag { background:#23577a; border-radius:5px; box-shadow:none; }
html.pro68-ui .pc-tag { background:#edf4fa; color:#356a90; }
html.pro68-ui .article { padding:30px; }
html.pro68-ui .article-body h2::before,html.pro68-ui .article-body h3::before { background:#3988a5; }
html.pro68-ui .site-footer-qr-frame.service-qr-empty { height:64px; aspect-ratio:auto; }
html.pro68-ui .hub-info-brand>span { background:#20496e; }
@media(max-width:1000px) {
  .pro-nav-inner { gap:20px; }.pro-links { gap:16px; }.pro-links a { font-size:12px; }
  html.pro68-ui .site-footer-grid { gap:26px; }
}
@media(max-width:800px) {
  .pro-nav-inner { width:calc(100% - 32px); height:68px; gap:12px; }.pro-brand b { font-size:20px; }.pro-brand small { font-size:7px; letter-spacing:1.4px; }.pro-mark { width:34px;height:34px; }
  .pro-links { display:none; }.pro-contact { margin-left:auto; padding:9px 11px; font-size:11px; gap:6px; }
  .pro-mobile-menu { display:block; }.pro-mobile-menu summary { list-style:none; width:38px; height:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; cursor:pointer; }
  .pro-mobile-menu summary::-webkit-details-marker { display:none; }.pro-mobile-menu summary span { width:19px;height:2px;background:#234768; }
  .pro-mobile-menu nav { position:absolute; left:0;right:0;top:calc(100% + 1px);display:grid;padding:10px 16px;background:#fff;border:1px solid #dbe5ef;border-radius:0 0 12px 12px;box-shadow:0 15px 25px #102b4d12; }
  .pro-mobile-menu nav a { padding:12px 6px;font-size:14px;color:#173858;border-bottom:1px solid #edf2f7; }.pro-mobile-menu nav a:last-child {border-bottom:0;}
  html.pro68-ui .shell,html.pro68-ui .site-footer-inner {width:calc(100% - 36px);}
  html.pro68-ui .section {padding:52px 0;} html.pro68-ui .section-head.split {display:block;} html.pro68-ui .section-title {font-size:28px;}
  html.pro68-ui .section-head .pro-text-link {display:inline-block;margin-top:16px;}
  html.pro68-ui .section-desc {font-size:13px;}
  html.pro68-ui .site-footer-grid {grid-template-columns:1fr 1fr;gap:34px 22px;} html.pro68-ui .site-footer-brand {grid-column:1/-1;} html.pro68-ui .site-footer-col {display:block;}
  html.pro68-ui .hub-info-copy h1 {font-size:36px;} html.pro68-ui .hub-info-hero-grid {gap:32px;} html.pro68-ui .hub-info-console {min-height:340px;}
  html.pro68-ui .article h1 {font-size:28px;} html.pro68-ui .article-body {font-size:15px;} html.pro68-ui .article-body h2 {font-size:22px;}
  html.pro68-ui .article {padding:22px 18px;} html.pro68-ui .blh-title {font-size:30px;}
  html.pro68-ui .faq-trigger {font-size:14px;padding:20px 0;}
}
@media(max-width:360px) { .pro-nav-inner {gap:7px;width:calc(100% - 24px);} .pro-brand {gap:8px;}.pro-brand b {font-size:18px;}.pro-contact {padding:8px;font-size:10px;}.pro-contact span {display:none;} }