:root {
  --page-bg: #fffdf8;
  --soft-bg: #f7fbfc;
  --text-main: #102e4a;
  --text-secondary: #557089;
  --text-muted: #8095a7;
  --primary: #18b7bf;
  --primary-hover: #10a6ae;
  --skill-blue: #316fdb;
  --mint: #62d99c;
  --purple: #8a70eb;
  --orange: #ff9d34;
  --coral: #ff7061;
  --yellow: #ffd66c;
  --card-shadow: 0 10px 30px rgba(43, 83, 105, 0.08);
  --card-shadow-hover: 0 14px 36px rgba(43, 83, 105, 0.13);
  --font-body-v2: "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-display-v2: "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-hand-v2: "STKaiti", "KaiTi", "Kaiti SC", cursive;
}

html { scroll-behavior: smooth; }

body.go-v2 {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: var(--text-main);
  background: var(--page-bg);
  font-family: var(--font-body-v2);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.go-v2 *, .go-v2 *::before, .go-v2 *::after { box-sizing: border-box; }
.go-v2 a { color: inherit; }
.go-v2 button, .go-v2 input { font: inherit; }
.go-v2 img, .go-v2 svg { display: block; }

.skip-link {
  position: fixed;
  top: -80px;
  left: 16px;
  z-index: 300;
  padding: 9px 15px;
  border-radius: 12px;
  color: #fff !important;
  background: var(--text-main);
  transition: top .2s ease;
}
.skip-link:focus { top: 12px; }

.v2-container {
  width: 100%;
  max-width: 1248px;
  margin: 0 auto;
  padding-right: 24px;
  padding-left: 24px;
}

/* Header */
.v2-header {
  position: sticky;
  top: 0;
  z-index: 120;
  height: 72px;
  border-bottom: 1px solid rgba(16, 46, 74, .045);
  background: rgba(255, 255, 255, .96);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.v2-header-inner {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 212px;
  align-items: center;
  width: 100%;
  max-width: 1248px;
  height: 72px;
  margin: 0 auto;
  padding: 0 24px;
}

.v2-brand {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: 9px;
  color: var(--text-main) !important;
  text-decoration: none !important;
}
.v2-brand-mark { width: 42px; height: 42px; flex: 0 0 42px; }
.v2-brand-copy { display: flex; flex-direction: column; line-height: 1.02; }
.v2-brand-copy strong { font-size: 21px; font-weight: 900; letter-spacing: -.05em; }
.v2-brand-copy small { margin-top: 6px; color: #66829a; font-size: 10px; font-weight: 500; letter-spacing: .02em; }

.v2-nav { display: flex; align-items: center; justify-content: center; gap: 11px; }
.v2-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 36px;
  padding: 0 13px;
  border-radius: 18px;
  color: #415e78;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  transition: color .22s ease, background .22s ease, transform .22s ease;
}
.v2-nav a:hover { color: #168ca3; background: #f1fafb; transform: translateY(-1px); }
.v2-nav a.is-current { color: #168ca3; background: #eaf8fb; font-weight: 800; }

.v2-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 13px; }
.v2-search-link {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid rgba(16, 46, 74, .06);
  border-radius: 50%;
  color: var(--text-main) !important;
  background: #fff;
  box-shadow: 0 5px 16px rgba(43, 83, 105, .055);
  text-decoration: none !important;
  transition: transform .22s ease, border-color .22s ease, color .22s ease;
}
.v2-search-link svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.v2-search-link:hover { color: var(--primary) !important; border-color: rgba(24, 183, 191, .32); transform: translateY(-2px); }

.v2-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 136px;
  height: 44px;
  padding: 0 23px;
  border-radius: 22px;
  color: #fff !important;
  background: linear-gradient(135deg, #20bdc1, #14a9ae);
  box-shadow: 0 9px 22px rgba(24, 183, 191, .24);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  transition: transform .22s ease, box-shadow .22s ease;
}
.v2-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(24, 183, 191, .3); }
.v2-mobile-menu { display: none; }

/* Hero */
.v2-hero {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  background:
    radial-gradient(circle at 7% 55%, rgba(117, 216, 231, .24), transparent 22%),
    radial-gradient(circle at 35% 80%, rgba(255, 222, 146, .21), transparent 27%),
    radial-gradient(circle at 76% 17%, rgba(168, 230, 244, .27), transparent 27%),
    radial-gradient(circle at 84% 81%, rgba(98, 217, 156, .16), transparent 22%),
    linear-gradient(118deg, #fffdf8 0%, #fafdfe 54%, #eefbff 100%);
}
.v2-hero::before, .v2-hero::after {
  position: absolute;
  border-radius: 50%;
  content: "";
  filter: blur(1px);
  pointer-events: none;
}
.v2-hero::before { width: 170px; height: 170px; left: -105px; bottom: 42px; background: rgba(190, 236, 240, .47); }
.v2-hero::after { width: 125px; height: 125px; right: -55px; bottom: -24px; background: rgba(201, 240, 250, .52); }
.v2-hero-glow { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(2px); }
.v2-hero-glow-a { width: 128px; height: 128px; left: 5%; top: 37%; background: rgba(224, 244, 250, .65); }
.v2-hero-glow-b { width: 100px; height: 100px; right: 31%; bottom: -48px; background: rgba(255, 235, 191, .58); }

.v2-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: 53% 47%;
  min-height: 500px;
}
.v2-hero-copy { position: relative; z-index: 3; padding-top: 44px; }
.v2-hero-note {
  position: absolute;
  top: 33px;
  left: -54px;
  width: 130px;
  color: #14567e;
  font-family: var(--font-hand-v2);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  transform: rotate(-7deg);
}
.v2-hero-note svg { width: 84px; height: 54px; margin: -2px auto 0; fill: none; stroke: #16b7b2; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.v2-hero h1 {
  margin: 0 0 11px 88px;
  color: #103151;
  font-family: var(--font-display-v2);
  font-size: 64px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.055em;
}
.v2-ai-word {
  position: relative;
  display: inline-block;
  margin-left: 4px;
  padding-right: 8px;
  background: linear-gradient(118deg, #23c2c1 5%, #3caee3 53%, #ffd05c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  letter-spacing: -.075em;
}
.v2-ai-word i { position: absolute; top: 1px; right: -17px; width: 28px; height: 35px; }
.v2-ai-word i b { position: absolute; display: block; width: 7px; height: 23px; border-radius: 5px; background: #ffbf38; transform: rotate(27deg); }
.v2-ai-word i b:first-child { top: 0; left: 12px; }
.v2-ai-word i b:last-child { width: 7px; height: 15px; top: 24px; left: 25px; transform: rotate(65deg); }

.v2-hero-lead {
  max-width: 560px;
  margin: 0 0 15px 88px;
  color: #405e78;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.65;
}

.v2-stats { display: flex; gap: 16px; margin: 0 0 15px 8px; }
.v2-stat {
  display: flex;
  align-items: center;
  width: 138px;
  height: 64px;
  gap: 11px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 17px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 8px 22px rgba(44, 81, 104, .085);
}
.v2-stat-icon { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 50%; color: #fff; box-shadow: 0 5px 12px currentColor; }
.v2-stat-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.v2-stat-green .v2-stat-icon { background: linear-gradient(145deg, #59d879, #15b65c); color: rgba(28, 190, 91, .28); }
.v2-stat-purple .v2-stat-icon { background: linear-gradient(145deg, #a98af8, #775ce9); color: rgba(119, 92, 233, .27); }
.v2-stat-orange .v2-stat-icon { background: linear-gradient(145deg, #ffae35, #ff7c1d); color: rgba(255, 124, 29, .26); }
.v2-stat-icon svg { color: #fff; }
.v2-stat strong, .v2-stat small { display: block; white-space: nowrap; }
.v2-stat strong { color: #123653; font-size: 14px; font-weight: 900; line-height: 1.1; }
.v2-stat small { margin-top: 5px; color: #3e607a; font-size: 11px; font-weight: 600; line-height: 1.1; }

.v2-search {
  display: flex;
  align-items: center;
  width: 650px;
  height: 58px;
  margin: 0;
  padding: 5px 6px 5px 19px;
  border: 1px solid rgba(24, 183, 191, .3);
  border-radius: 29px;
  background: #fff;
  box-shadow: 0 9px 24px rgba(43, 83, 105, .075), 0 0 0 4px rgba(255, 255, 255, .38);
}
.v2-search > svg { width: 22px; height: 22px; flex: 0 0 22px; fill: none; stroke: #183e5c; stroke-width: 1.9; stroke-linecap: round; }
.v2-search input { min-width: 0; flex: 1; height: 46px; padding: 0 13px; border: 0; outline: none; color: var(--text-main); background: transparent; font-size: 14px; }
.v2-search input::placeholder { color: #71869b; opacity: 1; }
.v2-search button {
  width: 120px;
  height: 46px;
  flex: 0 0 120px;
  padding: 0;
  border: 0;
  border-radius: 23px;
  color: #fff;
  background: linear-gradient(135deg, #20bdc1, #14a9ae);
  box-shadow: 0 8px 18px rgba(24, 183, 191, .25);
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease;
}
.v2-search button:hover { transform: translateY(-2px); box-shadow: 0 11px 22px rgba(24, 183, 191, .3); }
.v2-search:focus-within { border-color: rgba(24, 183, 191, .65); box-shadow: 0 0 0 4px rgba(24, 183, 191, .09), 0 9px 24px rgba(43, 83, 105, .075); }

.v2-hero-visual { position: relative; z-index: 2; min-width: 0; }
.v2-hero-visual > img {
  position: absolute;
  right: -9px;
  bottom: 1px;
  width: 554px;
  max-width: none;
  height: auto;
  animation: v2-float 5.4s ease-in-out infinite;
  filter: drop-shadow(0 18px 22px rgba(62, 96, 118, .07));
}
.v2-hero-bubble {
  position: absolute;
  z-index: 4;
  top: 29px;
  right: -3px;
  width: 146px;
  padding: 15px 11px 14px;
  border: 2px solid rgba(105, 173, 225, .26);
  border-radius: 28px 28px 28px 11px;
  color: #165b98;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 9px 20px rgba(43, 83, 105, .06);
  font-family: var(--font-hand-v2);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  transform: rotate(-5deg);
}
.v2-hero-bubble::after { position: absolute; left: 20px; bottom: -13px; width: 18px; height: 18px; border-right: 2px solid rgba(105, 173, 225, .26); border-bottom: 2px solid rgba(105, 173, 225, .26); background: rgba(255, 255, 255, .78); content: ""; transform: skew(15deg) rotate(45deg); }
.v2-hero-bubble em { margin-left: 4px; font-style: normal; }
.v2-book-labels { position: absolute; z-index: 5; right: -13px; bottom: 48px; display: flex; flex-direction: column; gap: 5px; transform: rotate(-2deg); }
.v2-book-labels span { min-width: 91px; padding: 3px 8px; border-radius: 4px; color: #8a4a13; background: rgba(255, 207, 111, .76); font-family: var(--font-hand-v2); font-size: 11px; font-weight: 800; text-align: center; box-shadow: 0 3px 7px rgba(138, 74, 19, .08); }

@keyframes v2-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

/* Primary cards */
.v2-feature-section { padding: 18px 0 0; background: var(--page-bg); }
.v2-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.v2-feature-card {
  position: relative;
  min-width: 0;
  height: 370px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 24px;
  box-shadow: var(--card-shadow);
  transition: transform .22s ease, box-shadow .22s ease;
}
.v2-feature-card:hover { transform: translateY(-3px); box-shadow: var(--card-shadow-hover); }
.v2-feature-coze { background: linear-gradient(135deg, #eefff1, #ddfcf1); }
.v2-feature-skill { background: linear-gradient(135deg, #eef8ff, #e5f0ff); }
.v2-feature-card::before { position: absolute; width: 240px; height: 240px; right: -55px; bottom: -70px; border-radius: 50%; content: ""; background: rgba(255, 255, 255, .38); }
.v2-feature-content { position: relative; z-index: 4; width: 58%; height: 100%; padding: 30px 0 25px 34px; }
.v2-icon-badge { display: inline-grid; width: 46px; height: 46px; place-items: center; border-radius: 16px; color: #fff; box-shadow: 0 8px 16px rgba(43, 83, 105, .13); vertical-align: middle; }
.v2-icon-badge svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.v2-icon-green { background: linear-gradient(145deg, #5ddd82, #13bd5c); }
.v2-icon-blue { background: linear-gradient(145deg, #88a9ff, #5f68e9); }
.v2-badge { display: inline-flex; align-items: center; height: 30px; margin-left: 9px; padding: 0 13px; border-radius: 15px; color: #19a25d; background: rgba(93, 221, 130, .18); font-size: 13px; font-weight: 800; vertical-align: middle; }
.v2-feature-card h2 { margin: 15px 0 10px; color: #092d50; font-size: 29px; font-weight: 900; line-height: 1.2; letter-spacing: -.045em; }
.v2-feature-card p { margin: 0; color: #3f627d; font-size: 14px; font-weight: 500; line-height: 1.75; }
.v2-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  gap: 14px;
  border: 0;
  border-radius: 24px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 9px 20px rgba(43, 83, 105, .14);
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease;
}
.v2-button:hover { transform: translateY(-2px); box-shadow: 0 13px 24px rgba(43, 83, 105, .19); }
.v2-feature-card .v2-button { position: absolute; bottom: 55px; left: 34px; width: 256px; }
.v2-button-coze { background: linear-gradient(135deg, #20c2ac, #0aafa7); }
.v2-button-skill { background: linear-gradient(135deg, #347ee8, #2459cf); }
.v2-card-meta { position: absolute; bottom: 18px; left: 34px; display: flex; align-items: center; gap: 11px; width: 520px; color: #56768c; font-size: 11px; white-space: nowrap; }
.v2-card-meta i { display: block; width: 1px; height: 13px; background: rgba(64, 94, 120, .25); }
.v2-feature-art { position: absolute; z-index: 2; max-width: none; height: auto; object-fit: contain; filter: drop-shadow(0 12px 18px rgba(54, 91, 117, .09)); }
.v2-workflow-art { right: -17px; bottom: 15px; width: 274px; }
.v2-skill-visual { position: absolute; z-index: 2; right: -5px; bottom: 22px; width: 265px; height: 286px; }
.v2-skill-art { right: 1px; bottom: -5px; width: 242px; }
.skill-name { position: absolute; z-index: 5; min-width: 86px; padding: 5px 9px; border-radius: 11px; color: #15395e; background: rgba(255, 255, 255, .88); box-shadow: 0 6px 15px rgba(49, 111, 219, .12); font-size: 11px; font-weight: 800; text-align: center; }
.skill-name-a { top: 34px; right: 45px; transform: rotate(5deg); }
.skill-name-b { top: 119px; right: 60px; transform: rotate(-2deg); }
.skill-name-c { top: 211px; right: 36px; transform: rotate(3deg); }
.v2-card-note { position: absolute; z-index: 5; color: #22634f; font-family: var(--font-hand-v2); font-size: 16px; font-weight: 700; line-height: 1.2; transform: rotate(-7deg); }
.v2-card-note svg { width: 64px; height: 24px; margin: 2px auto 0; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; }
.note-coze { top: 43px; right: 105px; }
.note-skill { top: 39px; right: 84px; color: #2763b3; }

/* Discovery cards */
.v2-discovery-section { padding: 20px 0 0; background: var(--page-bg); }
.v2-discovery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.v2-discovery-card {
  position: relative;
  height: 286px;
  padding-bottom: 88px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 22px;
  box-shadow: var(--card-shadow);
  transition: transform .22s ease, box-shadow .22s ease;
}
.v2-discovery-card:hover { transform: translateY(-3px); box-shadow: var(--card-shadow-hover); }
.v2-card-ai { background: linear-gradient(135deg, #fff2ee, #ffefed 58%, #fff7f4); }
.v2-card-learn { background: linear-gradient(135deg, #f5f0ff, #eee8ff 60%, #f7f2ff); }
.v2-card-automation { background: linear-gradient(135deg, #fff9df, #fff2cc 65%, #fff9e7); }
.v2-discovery-card::before { position: absolute; right: -34px; bottom: -54px; width: 210px; height: 210px; border-radius: 50%; background: rgba(255, 255, 255, .34); content: ""; }
.v2-mini-icon { position: absolute; z-index: 4; top: 21px; left: 26px; display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; color: #fff; box-shadow: 0 8px 16px rgba(43, 83, 105, .12); font-family: Consolas, monospace; font-size: 20px; font-weight: 800; }
.v2-mini-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.v2-mini-icon-coral { background: linear-gradient(145deg, #ff7569, #ff443e); }
.v2-mini-icon-purple { background: linear-gradient(145deg, #9b7cff, #6f55e8); }
.v2-mini-icon-orange { background: linear-gradient(145deg, #ffbd39, #ff9719); }
.v2-discovery-copy { position: static; width: 67%; padding: 80px 0 22px 26px; }
.v2-discovery-card h2 { min-height: 48px; margin: 0 0 9px; color: #0c2d4e; font-size: 20px; font-weight: 900; line-height: 1.25; letter-spacing: -.035em; }
.v2-discovery-card p { margin: 0; color: #486981; font-size: 13px; font-weight: 500; line-height: 1.65; }
.v2-discovery-card h2, .v2-discovery-card p { position: relative; z-index: 5; }
.v2-card-learn h2, .v2-card-automation h2 { min-height: 25px; }
.v2-card-learn h2 { margin-bottom: 5px; }
.v2-text-link { position: absolute; z-index: 7; left: 24px; bottom: 28px; display: inline-flex; align-items: center; justify-content: center; width: 180px; height: 42px; gap: 11px; border-radius: 21px; color: #fff !important; font-size: 14px; font-weight: 700; text-decoration: none !important; box-shadow: 0 8px 17px rgba(43, 83, 105, .12); transition: transform .22s ease, box-shadow .22s ease; }
.v2-text-link:hover { transform: translateY(-2px); box-shadow: 0 11px 21px rgba(43, 83, 105, .17); }
.v2-card-ai .v2-text-link { background: linear-gradient(135deg, #ff6e63, #ff453e); }
.v2-card-learn .v2-text-link { background: linear-gradient(135deg, #9476f3, #6651e5); }
.v2-card-automation .v2-text-link { background: linear-gradient(135deg, #ffb637, #ff8b19); }
.v2-mini-art { position: absolute; z-index: 3; max-width: none; height: auto; object-fit: contain; filter: drop-shadow(0 10px 17px rgba(43, 83, 105, .09)); }
.v2-ai-art { right: -17px; bottom: 21px; width: 181px; transform: rotate(1deg); }
.v2-learn-art { right: -24px; bottom: 15px; width: 178px; }
.v2-automation-art { right: -25px; bottom: -11px; width: 191px; }
.v2-mini-note { position: absolute; z-index: 6; top: 25px; right: 17px; max-width: 150px; color: #b14a52; font-family: var(--font-hand-v2); font-size: 14px; font-weight: 700; line-height: 1.25; text-align: center; transform: rotate(-7deg); }
.v2-mini-note svg { width: 76px; height: 24px; margin: 0 auto; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; }
.note-learn { top: 21px; right: 15px; color: #6a57bf; }
.note-automation { top: 18px; right: 20px; color: #b06b22; }

/* CTA */
.v2-cta-section { padding: 22px 0 24px; background: var(--page-bg); }
.v2-cta {
  position: relative;
  height: 230px;
  overflow: hidden;
  border: 1px solid rgba(89, 192, 199, .13);
  border-radius: 26px;
  background: linear-gradient(180deg, #dff8ff, #d8f4ed);
  box-shadow: var(--card-shadow);
}
.v2-cta-bg { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: fill; opacity: .88; }
.v2-cta::after { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(224, 250, 255, .08), rgba(244, 255, 255, .35) 38%, rgba(239, 255, 255, .18) 68%, transparent); content: ""; }
.v2-cta-person { position: absolute; z-index: 3; left: 11px; bottom: -22px; width: 230px; max-width: none; height: auto; filter: drop-shadow(0 10px 14px rgba(26, 71, 91, .08)); }
.v2-cta-copy { position: relative; z-index: 5; width: 620px; margin: 0 auto; padding-top: 28px; text-align: center; }
.v2-cta h2 { margin: 0 0 5px; color: #102e4a; font-size: 32px; font-weight: 900; line-height: 1.2; letter-spacing: -.045em; }
.v2-cta p { margin: 0 0 13px; color: #405f77; font-size: 14px; font-weight: 500; line-height: 1.55; }
.v2-button-cta { width: 284px; background: linear-gradient(135deg, #20c2ac, #0aa9a5); }
.v2-cta-note { position: absolute; z-index: 6; top: 35px; left: 200px; color: #14567e; font-family: var(--font-hand-v2); font-size: 16px; font-weight: 700; line-height: 1.3; text-align: center; transform: rotate(-7deg); }
.v2-cta-note svg { width: 70px; height: 42px; margin-top: -2px; fill: none; stroke: #13a9a7; stroke-width: 1.6; stroke-linecap: round; }
.v2-sign-copy { position: absolute; z-index: 5; right: 39px; bottom: 30px; display: flex; flex-direction: column; gap: 7px; transform: rotate(-1deg); }
.v2-sign-copy span { display: grid; width: 112px; height: 34px; place-items: center; color: #8a4b14; font-family: var(--font-hand-v2); font-size: 15px; font-weight: 900; text-shadow: 0 1px rgba(255,255,255,.35); }

/* Footer */
.v2-footer { min-height: 274px; border-top: 1px solid #e8eef1; color: var(--text-secondary); background: #fffdf8; }
.v2-footer-grid { position: relative; display: grid; grid-template-columns: 2fr .75fr .75fr 1.35fr; gap: 54px; min-height: 224px; padding: 28px 0 18px; }
.v2-footer h2 { margin: 0 0 10px; color: var(--text-main); font-size: 14px; font-weight: 900; line-height: 1.2; }
.v2-footer nav { display: flex; flex-direction: column; align-items: flex-start; }
.v2-footer nav a { margin: 1px 0; color: var(--text-secondary); font-size: 12px; line-height: 1.55; text-decoration: none !important; transition: color .2s ease; }
.v2-footer nav a:hover { color: var(--primary); }
.v2-footer-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--text-main); }
.v2-footer-brand .v2-brand-mark { width: 38px; height: 38px; flex-basis: 38px; }
.v2-footer-brand > span { display: flex; flex-direction: column; line-height: 1; }
.v2-footer-brand strong { color: var(--text-main); font-size: 18px; font-weight: 900; }
.v2-footer-brand small { margin-top: 6px; color: #6d8497; font-size: 9px; }
.v2-footer-intro > p { max-width: 330px; margin: 15px 0 0; color: #61798e; font-size: 12px; line-height: 1.75; }
.v2-footer-contact > p { margin: 0 0 8px; color: #61798e; font-size: 11px; line-height: 1.55; }
.v2-footer-qr { display: flex; align-items: center; gap: 11px; }
.v2-footer-qr img { width: 84px; height: 84px; padding: 3px; border: 1px solid #e2ecee; border-radius: 9px; background: #fff; object-fit: cover; }
.v2-footer-qr button { min-width: 85px; min-height: 48px; padding: 7px 10px; border: 0; border-radius: 14px; color: #15999d; background: #e2faf3; font-size: 11px; font-weight: 800; line-height: 1.4; cursor: pointer; }
.v2-footer-note { position: absolute; right: -23px; bottom: 22px; color: #14567e; font-family: var(--font-hand-v2); font-size: 16px; font-weight: 700; line-height: 1.3; transform: rotate(-7deg); }
.v2-footer-note em { margin-left: 4px; color: #2fcf8c; font-style: normal; }
.v2-footer-note svg { width: 70px; height: 20px; fill: none; stroke: #19b9ae; stroke-width: 1.5; stroke-linecap: round; }
.v2-footer-bottom { display: flex; align-items: center; justify-content: center; min-height: 49px; border-top: 1px solid #e8eef1; color: #899aa8; font-size: 10px; text-align: center; }
.v2-footer-bottom a { color: #7890a2; text-decoration: none; }

@media (max-width: 1180px) {
  .v2-header-inner { grid-template-columns: 190px minmax(0, 1fr) 192px; }
  .v2-nav { gap: 4px; }
  .v2-nav a { min-width: 50px; padding: 0 9px; }
  .v2-search { width: 610px; }
  .v2-hero-visual > img { right: -34px; width: 525px; }
  .v2-feature-card h2 { font-size: 26px; }
  .v2-feature-content { width: 61%; }
  .v2-card-meta { gap: 7px; font-size: 10px; }
  .v2-discovery-card h2 { font-size: 18px; }
  .v2-discovery-copy { width: 80%; }
  .v2-mini-art { opacity: .94; }
  .v2-sign-copy { right: 30px; }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .v2-hero-copy { left: 59px; }
  .v2-hero h1, .v2-hero-lead { margin-left: 82px; }
  .v2-hero h1 { font-size: 64px; }
}

@media (max-width: 900px) {
  .v2-header, .v2-header-inner { height: 60px; }
  .v2-header-inner { display: flex; justify-content: space-between; padding: 0 18px; }
  .v2-brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
  .v2-brand-copy strong { font-size: 18px; }
  .v2-brand-copy small { margin-top: 4px; font-size: 8px; }
  .v2-nav, .v2-header-actions { display: none; }
  .v2-mobile-menu { position: relative; display: block; }
  .v2-mobile-menu summary { display: grid; width: 42px; height: 42px; padding: 11px 9px; border: 1px solid rgba(16,46,74,.07); border-radius: 14px; background: #fff; cursor: pointer; list-style: none; }
  .v2-mobile-menu summary::-webkit-details-marker { display: none; }
  .v2-mobile-menu summary span { display: block; width: 22px; height: 2px; border-radius: 2px; background: var(--text-main); }
  .v2-mobile-menu nav { position: absolute; top: 49px; right: 0; display: grid; width: min(290px, calc(100vw - 32px)); padding: 13px; border: 1px solid #e8eef1; border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: 0 16px 36px rgba(43,83,105,.14); }
  .v2-mobile-menu nav a { padding: 10px 12px; border-radius: 11px; color: var(--text-secondary); font-size: 14px; text-decoration: none; }
  .v2-mobile-menu nav a:hover { color: var(--primary); background: #f2fbfb; }
  .v2-mobile-menu nav .mobile-submit { margin-top: 7px; color: #fff; background: linear-gradient(135deg,#20bdc1,#14a9ae); font-weight: 800; text-align: center; }

  .v2-hero, .v2-hero-grid { min-height: 0; }
  .v2-hero-grid { grid-template-columns: 1fr; padding-bottom: 22px; }
  .v2-hero-copy { padding-top: 25px; text-align: center; }
  .v2-hero-note { position: relative; top: auto; left: auto; width: 150px; height: 58px; margin: 0 auto 0 4px; font-size: 16px; text-align: left; }
  .v2-hero-note svg { position: absolute; right: -23px; bottom: 0; width: 76px; }
  .v2-hero h1 { margin: 0 auto 12px; font-size: 48px; }
  .v2-hero-lead { margin: 0 auto 18px; }
  .v2-stats { justify-content: center; margin: 0 auto 16px; }
  .v2-search { width: min(650px, 100%); margin: 0 auto; }
  .v2-hero-visual { min-height: 420px; }
  .v2-hero-visual > img { right: 50%; bottom: 0; width: 560px; transform: translateX(50%); }
  .v2-hero-bubble { right: 8%; }
  .v2-book-labels { right: 8%; }
  @keyframes v2-float { 0%,100% { transform: translateX(50%) translateY(0); } 50% { transform: translateX(50%) translateY(-6px); } }

  .v2-feature-grid { grid-template-columns: 1fr; }
  .v2-feature-card { height: 360px; }
  .v2-feature-content { width: 58%; }
  .v2-workflow-art { right: 12px; }
  .v2-skill-visual { right: 15px; }
  .v2-discovery-grid { grid-template-columns: 1fr; }
  .v2-discovery-card { height: 280px; }
  .v2-discovery-copy { width: 62%; }
  .v2-card-learn .v2-discovery-copy { padding-top: 74px; }
  .v2-mini-art { right: 7%; width: 205px; }

  .v2-cta { height: 330px; }
  .v2-cta-person { left: -12px; width: 230px; }
  .v2-cta-copy { width: min(570px, 70%); margin-left: auto; margin-right: 80px; padding-top: 39px; }
  .v2-cta-note { left: 174px; }
  .v2-sign-copy { right: 10px; bottom: 33px; }

  .v2-footer-grid { grid-template-columns: 1.5fr 1fr 1fr; gap: 32px; }
  .v2-footer-contact { grid-column: 1 / -1; }
  .v2-footer-note { right: 8px; }
}

@media (max-width: 560px) {
  .v2-container { padding-right: 16px; padding-left: 16px; }
  .v2-hero { background: radial-gradient(circle at 10% 24%, rgba(117,216,231,.23), transparent 27%), radial-gradient(circle at 78% 72%, rgba(255,222,146,.21), transparent 29%), linear-gradient(150deg,#fffdf8,#effbff 72%,#f5fff8); }
  .v2-hero-grid { padding-bottom: 18px; }
  .v2-hero-copy { padding-top: 16px; }
  .v2-hero-note { width: 142px; height: 56px; margin-left: 2px; font-size: 15px; }
  .v2-hero h1 { font-size: 38px; line-height: 1.08; letter-spacing: -.055em; }
  .v2-ai-word i { right: -12px; transform: scale(.75); transform-origin: left top; }
  .v2-hero-lead { font-size: 15px; line-height: 1.7; }
  .v2-stats { width: 100%; gap: 6px; }
  .v2-stat { width: calc((100% - 12px) / 3); height: 61px; gap: 7px; padding: 0 7px; border-radius: 16px; }
  .v2-stat-icon { width: 28px; height: 28px; flex-basis: 28px; }
  .v2-stat-icon svg { width: 16px; height: 16px; }
  .v2-stat strong { font-size: 11px; }
  .v2-stat small { margin-top: 4px; font-size: 9px; }
  .v2-search { height: 56px; padding-left: 16px; border-radius: 28px; }
  .v2-search > svg { width: 20px; height: 20px; }
  .v2-search input { padding: 0 8px; font-size: 12px; }
  .v2-search button { width: 92px; height: 44px; flex-basis: 92px; font-size: 13px; }
  .v2-hero-visual { min-height: 252px; }
  .v2-hero-visual > img { bottom: -2px; width: min(300px, 90vw); }
  .v2-hero-bubble { top: 5px; right: 0; width: 116px; padding: 10px 7px; border-radius: 22px 22px 22px 9px; font-size: 13px; }
  .v2-book-labels { right: -4px; bottom: 29px; gap: 3px; }
  .v2-book-labels span { min-width: 72px; padding: 2px 5px; font-size: 8px; }

  .v2-feature-section { padding-top: 16px; }
  .v2-feature-grid { gap: 16px; }
  .v2-feature-card { height: 365px; border-radius: 24px; }
  .v2-feature-content { width: 72%; padding: 24px 0 20px 22px; }
  .v2-icon-badge { width: 42px; height: 42px; border-radius: 14px; }
  .v2-badge { height: 28px; padding: 0 11px; font-size: 11px; }
  .v2-feature-card h2 { margin-top: 13px; font-size: 24px; }
  .v2-feature-card p { font-size: 12px; line-height: 1.7; }
  .v2-feature-card .v2-button { left: 22px; bottom: 51px; width: calc(100% - 44px); height: 48px; min-height: 48px; }
  .v2-card-meta { left: 22px; bottom: 16px; width: calc(100% - 44px); justify-content: center; font-size: 9px; }
  .v2-workflow-art { right: -43px; bottom: 56px; width: 200px; opacity: .97; }
  .v2-skill-visual { right: -38px; bottom: 61px; width: 205px; height: 210px; }
  .v2-skill-art { width: 174px; }
  .skill-name { min-width: 64px; padding: 3px 6px; font-size: 8px; }
  .skill-name-a { top: 29px; right: 36px; }.skill-name-b { top: 93px; right: 44px; }.skill-name-c { top: 156px; right: 28px; }
  .v2-card-note { font-size: 13px; }
  .note-coze { top: 29px; right: 36px; }.note-skill { top: 27px; right: 29px; }

  .v2-discovery-section { padding-top: 16px; }
  .v2-discovery-grid { gap: 16px; }
  .v2-discovery-card { height: 282px; border-radius: 22px; }
  .v2-mini-icon { top: 20px; left: 22px; width: 44px; height: 44px; }
  .v2-discovery-copy { width: 67%; padding: 74px 0 18px 22px; }
  .v2-card-learn .v2-discovery-copy { padding-top: 68px; }
  .v2-discovery-card h2 { min-height: 44px; font-size: 18px; }
  .v2-card-learn h2, .v2-card-automation h2 { min-height: 25px; }
  .v2-discovery-card p { font-size: 12px; }
  .v2-text-link { left: 24px; bottom: 28px; width: 180px; height: 42px; min-height: 42px; }
  .v2-mini-art { right: -28px; bottom: 51px; width: 160px; }
  .v2-ai-art { bottom: 51px; }.v2-learn-art { bottom: 49px; }.v2-automation-art { bottom: 35px; width: 172px; }
  .v2-mini-note { top: 20px; right: 12px; font-size: 12px; }

  .v2-cta-section { padding: 16px 0 20px; }
  .v2-cta { height: 430px; border-radius: 24px; }
  .v2-cta-bg { object-fit: cover; object-position: 57% center; }
  .v2-cta-copy { width: calc(100% - 32px); margin: 0 auto; padding-top: 29px; }
  .v2-cta h2 { font-size: 27px; }
  .v2-cta p { margin-top: 7px; font-size: 12px; }
  .v2-button-cta { width: 100%; min-height: 48px; }
  .v2-cta-person { left: -12px; bottom: -21px; width: 235px; }
  .v2-cta-note { top: 245px; left: 153px; font-size: 13px; }
  .v2-sign-copy { right: -4px; bottom: 22px; gap: 4px; }
  .v2-sign-copy span { width: 91px; height: 26px; font-size: 11px; }

  .v2-footer { min-height: 0; }
  .v2-footer-grid { display: grid; grid-template-columns: 1fr; gap: 24px; min-height: 0; padding: 26px 0 70px; }
  .v2-footer nav { padding-top: 0; }
  .v2-footer nav a { font-size: 13px; }
  .v2-footer-contact { grid-column: auto; }
  .v2-footer-note { right: 5px; bottom: 12px; }
  .v2-footer-bottom { min-height: 66px; padding: 12px 5px; font-size: 9px; line-height: 1.55; }
}

@media (prefers-reduced-motion: reduce) {
  .v2-hero-visual > img { animation: none; }
  .go-v2 * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}