@font-face {
  font-family: "FA Solid";
  src: url("/skin/webfonts/fa-solid-900.woff2") format("woff2");
  font-display: swap;
}

:root {
  --ink: #1c1c1c;
  --ink-soft: #6b6b6b;
  --paper: #ffffff;
  --cloud: #fff7fd;
  --line: #f0d9eb;
  --teal: #f24fad;
  --teal-deep: #f24fad;
  --coral: #f24fad;
  --gold: #f24fad;
  --navy: #1c1c1c;
  --radius: 8px;
  --max: 1180px;
  --shadow: 0 16px 44px rgba(137, 42, 111, .14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; font-size: 16px; line-height: 1.75; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }
.hm-container { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }

.site-header { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(223,231,241,.9); backdrop-filter: blur(12px); }
.nav-wrap { min-height: 70px; display: flex; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; font-size: 19px; font-weight: 800; color: var(--navy); }
.brand img { width: 38px; height: 38px; border-radius: 8px; }
.brand small { display: block; color: var(--teal); font-size: 11px; font-weight: 700; line-height: 1.1; letter-spacing: .08em; }
.main-nav { margin-left: auto; }
.main-nav ul { display: flex; align-items: center; gap: 4px; padding: 0; margin: 0; list-style: none; }
.main-nav a { display: block; padding: 8px 11px; color: var(--ink-soft); font-size: 14px; font-weight: 700; }
.main-nav a:hover, .main-nav a.active { color: var(--teal); }
.nav-cta, .button-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 18px; border: 1px solid var(--teal); border-radius: 6px; background: var(--teal); color: #fff; font-size: 14px; font-weight: 800; }
.nav-cta:hover, .button-primary:hover { border-color: var(--teal-deep); background: var(--teal-deep); }
.menu-toggle { display: none; width: 40px; height: 40px; padding: 8px; border: 1px solid var(--line); border-radius: 6px; background: #fff; }
.menu-toggle span { display: block; height: 2px; margin: 4px 0; background: var(--navy); }

.hero { position: relative; overflow: hidden; padding: 78px 0 62px; background: #effaf9; }
.hero::before { content: ""; position: absolute; right: -120px; top: -160px; width: 470px; height: 470px; border: 70px solid rgba(243,109,76,.11); border-radius: 50%; }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.04fr .96fr; gap: 58px; align-items: center; }
.hero-copy { max-width: 610px; }
.eyebrow { display: inline-flex; padding: 4px 9px; border-radius: 4px; background: #d8f0ee; color: var(--teal-deep); font-size: 13px; font-weight: 800; }
.hero h1 { margin: 16px 0 12px; color: var(--navy); font-size: 48px; line-height: 1.22; letter-spacing: 0; }
.hero h1 strong { color: var(--coral); }
.hero p { margin: 0; color: var(--ink-soft); font-size: 18px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.button-ghost { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--navy); font-weight: 800; }
.hero-trust { display: flex; gap: 22px; margin: 28px 0 0; padding: 0; list-style: none; color: var(--ink-soft); font-size: 13px; }
.hero-trust b { display: block; color: var(--navy); font-size: 18px; }

.dialog-window { position: relative; min-height: 415px; border: 1px solid #c7e7e5; border-radius: 8px; background: #fff; box-shadow: var(--shadow); padding: 17px; transform: rotate(1.6deg); }
.dialog-top { display: flex; align-items: center; gap: 6px; height: 23px; border-bottom: 1px solid var(--line); padding-bottom: 13px; }
.dialog-dot { width: 8px; height: 8px; border-radius: 50%; background: #f36d4c; }.dialog-dot:nth-child(2) { background: #f5b84c; }.dialog-dot:nth-child(3) { background: #58b9aa; }
.dialog-title { margin-left: 7px; color: var(--ink-soft); font-size: 12px; font-weight: 700; }
.chat-flow { display: grid; gap: 16px; padding: 27px 4px 8px; }
.chat { max-width: 84%; padding: 12px 14px; border-radius: 7px; font-size: 14px; line-height: 1.7; }
.chat.ai { background: #e8f7f6; border: 1px solid #d4efec; color: #1a5250; }.chat.user { justify-self: end; background: #fff4ef; border: 1px solid #ffe1d5; color: #7c3d28; }
.chat em { display: block; margin-bottom: 3px; color: var(--teal); font-size: 12px; font-style: normal; font-weight: 800; }
.floating-note { position: absolute; right: -28px; bottom: 42px; padding: 12px 15px; border-left: 4px solid var(--gold); background: #fff8e9; color: #7d5c18; box-shadow: 0 9px 24px rgba(75,61,21,.12); font-size: 13px; font-weight: 800; transform: rotate(-3deg); }

.section { padding: 76px 0; }
.section-alt { background: var(--cloud); }
.section-head { max-width: 710px; margin: 0 auto 35px; text-align: center; }
.section-head span { color: var(--coral); font-size: 13px; font-weight: 800; }
.section-head h2 { margin: 7px 0 8px; color: var(--navy); font-size: 31px; line-height: 1.35; }
.section-head p { margin: 0; color: var(--ink-soft); }
.feature-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.feature { min-height: 206px; padding: 22px 19px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.feature-icon { display: grid; place-items: center; width: 41px; height: 41px; border-radius: 6px; background: #e7f6f5; color: var(--teal); font-family: "FA Solid"; font-size: 18px; }
.feature:nth-child(2) .feature-icon, .feature:nth-child(5) .feature-icon { background: #fff0eb; color: var(--coral); }
.feature h3 { margin: 15px 0 7px; color: var(--navy); font-size: 17px; }
.feature p { margin: 0; color: var(--ink-soft); font-size: 14px; line-height: 1.75; }

.scenario-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.scenario { position: relative; min-height: 255px; overflow: hidden; padding: 25px 22px; border-radius: 8px; background: var(--navy); color: #fff; }
.scenario:nth-child(2) { background: #f06e4f; }.scenario:nth-child(3) { background: #097f7a; }.scenario:nth-child(4) { background: #293d5c; }
.scenario-no { color: rgba(255,255,255,.5); font-size: 13px; font-weight: 800; }
.scenario h3 { margin: 42px 0 8px; font-size: 21px; }.scenario p { margin: 0; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.75; }
.scenario-mark { position: absolute; right: 16px; bottom: -23px; color: rgba(255,255,255,.12); font-family: Georgia, serif; font-size: 126px; line-height: 1; }

.story-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 35px; align-items: center; }
.story-card { padding: 34px; border: 1px solid #d1e6e6; border-radius: 8px; background: #fff; }
.story-card h2 { margin: 0 0 12px; color: var(--navy); font-size: 29px; line-height: 1.4; }.story-card p { color: var(--ink-soft); }
.story-points { padding: 0; margin: 23px 0; list-style: none; }.story-points li { position: relative; padding: 8px 0 8px 24px; border-bottom: 1px solid var(--line); color: var(--ink-soft); font-size: 14px; }.story-points li::before { content: "✓"; position: absolute; left: 0; color: var(--teal); font-weight: 900; }
.character-board { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.character { min-height: 170px; padding: 17px; border-radius: 7px; background: #f5eeea; }.character:nth-child(2) { background: #eaf4f3; }.character:nth-child(3) { background: #f2f0e7; }.character:nth-child(4) { background: #ebeff6; }.character:nth-child(5) { background: #fbeee9; }.character:nth-child(6) { background: #e7f3ed; }
.character b { display: block; color: var(--navy); font-size: 16px; }.character span { display: block; margin-top: 6px; color: var(--ink-soft); font-size: 13px; }.character i { display: block; margin-top: 34px; color: var(--teal); font-size: 12px; font-style: normal; font-weight: 800; }

.review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.review { padding: 24px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.review-stars { color: var(--gold); letter-spacing: 2px; }.review p { min-height: 104px; color: var(--ink-soft); font-size: 14px; }.review-person { display: flex; align-items: center; gap: 11px; border-top: 1px solid var(--line); padding-top: 13px; }.review-avatar { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 13px; font-weight: 800; }.review-person b { display: block; color: var(--navy); font-size: 14px; }.review-person span { color: var(--ink-soft); font-size: 12px; }

.seo-copy { max-width: 910px; margin: 0 auto; }.seo-copy h2 { color: var(--navy); font-size: 27px; }.seo-copy h3 { margin-top: 30px; color: var(--teal-deep); font-size: 20px; }.seo-copy p { color: var(--ink-soft); }
.faq-list { max-width: 900px; margin: 0 auto; }.faq { border-bottom: 1px solid var(--line); }.faq summary { cursor: pointer; padding: 17px 34px 17px 0; color: var(--navy); font-weight: 800; }.faq p { margin: 0; padding: 0 0 17px; color: var(--ink-soft); font-size: 14px; }
.article-list { display: grid; gap: 14px; }.article { padding: 23px 24px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }.article h2 { margin: 0; color: var(--navy); font-size: 21px; }.article h2 a:hover { color: var(--teal); }.article p { color: var(--ink-soft); }.article-meta { color: #8b96a6; font-size: 13px; }
.page-hero { padding: 62px 0 38px; background: #effaf9; }.page-hero h1 { margin: 0 0 8px; color: var(--navy); font-size: 36px; }.page-hero p { margin: 0; color: var(--ink-soft); }.page-content { padding: 50px 0 80px; }.page-content h2 { color: var(--navy); }.page-content h3 { color: var(--teal-deep); }.page-content p, .page-content li { color: var(--ink-soft); }.article-detail { max-width: 820px; }.article-detail h1 { color: var(--navy); font-size: 34px; line-height: 1.45; }.article-detail img { border-radius: 8px; }.article-detail .article-meta { margin: 12px 0 24px; }
.cta-band { padding: 60px 0; background: var(--navy); color: #fff; }.cta-band .hm-container { display: flex; justify-content: space-between; align-items: center; gap: 26px; }.cta-band h2 { margin: 0 0 6px; font-size: 28px; }.cta-band p { margin: 0; color: rgba(255,255,255,.77); }.cta-band .button-primary { border-color: var(--coral); background: var(--coral); white-space: nowrap; }.cta-band .button-primary:hover { background: #d95839; }
.site-footer { padding: 46px 0 22px; background: #10233d; color: #d2dcea; }.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 30px; }.footer-brand { color: #fff; }.footer-brand small { color: #77d0c8; }.footer-note { max-width: 350px; color: #aebcd0; font-size: 14px; }.footer-col h3 { margin: 0 0 10px; color: #fff; font-size: 15px; }.footer-col a { display: block; margin: 7px 0; color: #b9c7d7; font-size: 14px; }.footer-col a:hover { color: #fff; }.footer-bottom { margin-top: 26px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.14); color: #8fa1b8; font-size: 12px; }
.back-top { position: fixed; right: 20px; bottom: 20px; z-index: 19; display: none; width: 40px; height: 40px; border: 0; border-radius: 6px; background: var(--teal); color: #fff; box-shadow: var(--shadow); }.back-top.visible { display: block; }
/* Logo-derived monochrome theme: pink is the only active accent. */
.hero,.page-hero{background:#fff7fd}.hero::before{border-color:rgba(242,79,173,.13)}.eyebrow{background:#fff0fa;color:var(--teal)}.dialog-window,.story-card{border-color:#f0d9eb}.dialog-dot,.dialog-dot:nth-child(2),.dialog-dot:nth-child(3){background:var(--teal)}.chat.ai,.chat.user{background:#fff0fa;border-color:#f8cde7;color:#1c1c1c}.floating-note{border-color:var(--teal);background:#fff0fa;color:#1c1c1c}.feature-icon,.feature:nth-child(2) .feature-icon,.feature:nth-child(5) .feature-icon{background:#fff0fa;color:var(--teal)}.scenario,.scenario:nth-child(2),.scenario:nth-child(3),.scenario:nth-child(4),.scenario:nth-child(even),.cta-band{background:#252529}.character,.character:nth-child(2),.character:nth-child(3),.character:nth-child(4),.character:nth-child(5),.character:nth-child(6){background:#fff0fa}.character i,.review-stars{color:var(--teal)}.cta-band .button-primary{border-color:var(--teal);background:var(--teal)}.cta-band .button-primary:hover{background:var(--teal-deep)}.site-footer{background:#1b1b1e;border-top:1px solid #48484d}.footer-brand small{color:#fff}
.home-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-news-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.home-news-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#fff0fa}.home-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.home-news-card:hover .home-news-image img{transform:scale(1.04)}.home-news-body{padding:18px}.home-news-body time{color:#8a8a8a;font-size:12px}.home-news-body h3{margin:7px 0;color:#1c1c1c;font-size:17px;line-height:1.5}.home-news-body h3 a:hover{color:var(--teal)}.home-news-body p{margin:0 0 12px;color:var(--ink-soft);font-size:13px;line-height:1.75}.home-news-more{color:var(--teal);font-size:13px;font-weight:800}.section-action{margin-top:24px;text-align:center}.home-faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:900px;margin:0 auto}.home-faq-item{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.home-faq-item h3{margin:0 0 8px;color:#1c1c1c;font-size:16px}.home-faq-item h3 a:hover{color:var(--teal)}.home-faq-item p{margin:0 0 12px;color:var(--ink-soft);font-size:14px;line-height:1.8}.home-faq-more{color:var(--teal);font-size:13px;font-weight:800}

@media (max-width: 940px) { .main-nav { display: none; }.nav-wrap { justify-content: space-between; }.menu-toggle { display: block; order: 3; }.nav-cta { order: 2; margin-left: auto; }.site-header.menu-open .main-nav { display: block; position: absolute; top: 100%; left: 0; width: 100%; padding: 10px 20px 15px; background: #fff; border-bottom: 1px solid var(--line); }.site-header.menu-open .main-nav ul { display: block; }.site-header.menu-open .main-nav a { padding: 10px 0; }.hero-grid, .story-grid { grid-template-columns: 1fr; }.dialog-window { max-width: 540px; margin: 5px auto 0; }.feature-grid { grid-template-columns: repeat(3, 1fr); }.scenario-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .hm-container { width: min(calc(100% - 28px), var(--max)); }.nav-wrap { min-height: 62px; gap: 10px; }.brand { font-size: 16px; }.brand img { width: 33px; height: 33px; }.nav-cta { min-height: 34px; padding: 0 10px; font-size: 12px; }.hero { padding: 50px 0 42px; }.hero h1 { font-size: 34px; }.hero p { font-size: 16px; }.hero-trust { gap: 16px; }.dialog-window { min-height: 355px; padding: 14px; transform: none; }.chat-flow { gap: 11px; padding-top: 19px; }.chat { font-size: 13px; }.floating-note { right: 8px; bottom: 18px; }.section { padding: 54px 0; }.section-head { margin-bottom: 26px; }.section-head h2 { font-size: 25px; }.feature-grid, .scenario-grid, .review-grid { grid-template-columns: 1fr; }.feature { min-height: auto; }.scenario { min-height: 210px; }.character-board { grid-template-columns: repeat(2, 1fr); }.story-card { padding: 24px; }.cta-band .hm-container { display: block; }.cta-band .button-primary { margin-top: 20px; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 22px; }.footer-grid > :first-child { grid-column: 1 / -1; }.page-hero { padding: 42px 0 27px; }.page-hero h1, .article-detail h1 { font-size: 28px; }.page-content { padding: 36px 0 56px; } }

/* Mobile navigation and fixed action bar, aligned with the a7 interaction pattern. */
.mobile-overlay,.mobile-menu,.mobile-float-bar{display:none}
@media (max-width:940px){body.mobile-menu-open{overflow:hidden}.main-nav,.site-header.menu-open .main-nav{display:none}.menu-toggle{position:relative;z-index:1002}.menu-toggle span{transition:transform .25s,opacity .25s}.site-header.menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-overlay{display:block;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.mobile-menu-open .mobile-overlay{opacity:1;visibility:visible}.mobile-menu{display:block;position:fixed;top:0;right:0;z-index:1001;width:min(82vw,310px);height:100dvh;padding:22px 24px 38px;background:#fff;box-shadow:-8px 0 30px rgba(0,0,0,.14);transform:translateX(100%);transition:transform .3s ease;overflow-y:auto}.mobile-menu-open .mobile-menu{transform:translateX(0)}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 18px;border-bottom:1px solid var(--line);font-size:15px;font-weight:800;color:#1c1c1c}.mobile-menu-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#f5f5f5;color:#1c1c1c;font-size:24px;line-height:1}.mobile-menu nav{padding-top:8px}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid #eee;color:#1c1c1c;font-size:15px;font-weight:700}.mobile-menu a:active{color:var(--teal)}}
@media (max-width:640px){body{padding-bottom:72px}.mobile-float-bar{display:block;position:fixed;right:0;bottom:0;left:0;z-index:997;padding:10px 16px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(0,0,0,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-float-experience{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:6px;background:var(--teal);color:#fff;font-size:15px;font-weight:800}}
@media (max-width:640px){.home-news-grid,.home-faq-list{grid-template-columns:1fr}.home-faq-item{padding:17px}.home-news-body{padding:16px}}