body{font-family:"Microsoft YaHei",sans-serif;background:#faf9ff} .header{background:#f2f0ff} .nav-shell{max-width:1320px;margin:auto;padding:20px 32px} .hero-waves{padding:66px 6% 88px;background:radial-gradient(circle at 12% 10%,#ece6ff,transparent 45%),#faf9ff} .waves-inner{max-width:1330px;margin:auto;display:grid;grid-template-columns:1fr 1.02fr;gap:75px;align-items:center} .hero-waves h1{font-size:clamp(46px,5.7vw,77px);font-weight:830} .hero-waves .hero-photo{overflow:hidden;border-radius:45% 55% 45% 55%} .hero-waves .hero-photo img{height:540px;object-fit:cover} .hero-waves .eyebrow{color:#7663b8} .feature-main{padding:100px 8%;background:#f1efff} .feature-symbols{margin:50px auto 0;max-width:1200px;display:grid;grid-template-columns:repeat(2,1fr);gap:70px 105px} .symbol-entry{display:flex;gap:22px} .symbol-entry>span{color:#7160b3} .story{padding:100px 12%;text-align:center} .story-body{margin:auto;max-width:800px} .guide-highlight{background:#e9e4ff;padding:85px 11%;max-width:none} .cta{background:#5b55a4;color:white} .download-hero{padding:95px 9%;background:#f0edff;text-align:center} .download-hero>p{max-width:680px;margin:auto} .download-systems{margin:55px auto 0;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:100px} .system-slot{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;align-items:center} .system-slot .action{min-width:170px} .install-method{display:grid;grid-template-columns:1fr 1fr;gap:70px} .footer{background:#ece9f9}
/* V10 typography and responsive editorial layout: readable content across window sizes */
:root{--reading-max:1120px}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary),
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary){
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(28px,3.2vw,58px) clamp(35px,5.5vw,86px);
  width:100%;max-width:var(--reading-max);
  margin-left:auto;margin-right:auto;
}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) > *,
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) > *{min-width:0;max-width:100%}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) p,
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) p{
  line-height:1.8;font-size:16px;overflow-wrap:normal;word-break:normal;
}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) h3,
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) h3{line-height:1.42;overflow-wrap:normal;word-break:normal}
.feature-main .section-intro{max-width:900px}
.feature-main .section-intro > p{max-width:800px;line-height:1.8}
.features-detailed > h2{max-width:900px;margin-left:auto;margin-right:auto}
.story{min-width:0}
.story > *{min-width:0}
.story p,.guide-highlight p,.feature-focus p,.features-context p{line-height:1.8}
@media (max-width:980px){
  .feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary),
  .features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary){grid-template-columns:minmax(0,1fr);gap:35px;max-width:760px}
  .story{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .story-body{margin-left:0!important;margin-right:0!important;max-width:760px}
  .feature-main .section-intro{max-width:760px;margin-left:auto;margin-right:auto}
  .feature-main{padding:62px max(5%,26px)!important}
  .features-detailed .feature-main{padding:0!important}
  .feature-gallery .gallery-note{grid-template-columns:44px minmax(0,1fr)!important;gap:16px}
  .feature-ledger .ledger-row{grid-template-columns:54px minmax(0,1fr)!important}
  .guide-highlight{padding-top:62px!important;padding-bottom:62px!important}
}
@media (max-width:710px){
  .feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary),
  .features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary){grid-template-columns:minmax(0,1fr)!important;max-width:none;gap:30px}
  .feature-main .section-intro{margin-left:0;margin-right:0}
  .feature-main{padding:52px 24px!important}
  .features-detailed .feature-main{padding:0!important}
  .feature-ledger .ledger-row{grid-template-columns:44px minmax(0,1fr)!important}
  .feature-gallery .gallery-note{grid-template-columns:44px minmax(0,1fr)!important}
  .features-detailed{padding-top:54px!important;padding-bottom:54px!important}
}

/* Intermediate desktop width: avoid a thin sidebar next to a huge empty area. */
@media (min-width:711px) and (max-width:1200px){
  .story{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .story-body{margin-left:0!important;margin-right:0!important;max-width:850px}
  .guide-highlight{text-align:left!important}
  .guide-highlight p{max-width:850px}
}