body.city-preview.page-yichun{padding-top:88px}
.yil-main{--yil-ink:#211d46;--yil-deep:#342f65;--yil-violet:#6f63c7;--yil-amber:#f4a62a;--yil-paper:#fffdf7;--yil-beige:#f4f1e9;--yil-lilac:#ebe7f6;color:var(--yil-ink);background:#fff;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;font-size:16px;overflow-wrap:anywhere}
.yil-main *{box-sizing:border-box}
.yil-main h1,.yil-main h2,.yil-main h3,.yil-main p,.yil-main figure,.yil-main dl,.yil-main dd{margin:0}
.yil-main h2{font-family:"STSong","Songti SC",serif;font-size:clamp(30px,3.3vw,44px);line-height:1.35;font-weight:500;letter-spacing:-.035em}
.yil-main h3{font-family:inherit;font-weight:600}
.yil-main a{color:inherit;text-decoration:none}
.yil-main a:focus-visible,.yil-main summary:focus-visible{outline:3px solid var(--yil-amber);outline-offset:5px}
.yil-main section[id]{scroll-margin-top:112px}
.yil-main .yil-wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}
.yil-main .yil-eyebrow{font-size:12px;font-weight:500;letter-spacing:.13em;line-height:1.7;margin-bottom:22px;color:var(--yil-violet)}
.yil-main .ss-photo{position:relative;height:100%;overflow:hidden;background:#d1cadc}
.yil-main .ss-photo img{display:block;width:100%;height:100%;object-fit:cover}
.yil-main .ss-photo figcaption{position:absolute;right:14px;bottom:14px;padding:4px 9px;color:#fff;background:#211d46c9;font-size:11px;line-height:1.6;letter-spacing:.08em}
.yil-main .yil-intro{color:#fff;background:var(--yil-ink);padding:31px 0 31px}
.yil-main .yil-crumb{display:flex;gap:12px;flex-wrap:wrap;color:#c4bdd9;font-size:12px;line-height:1.8}
.yil-main .yil-crumb a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.yil-main .yil-intro-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:66px;margin-top:41px;align-items:stretch}
.yil-main .yil-intro-copy{padding:19px 0 13px}
.yil-main .yil-intro-copy .yil-eyebrow{color:#e6ba70;margin-bottom:23px}
.yil-main h1{font-family:"STSong","Songti SC",serif;font-size:clamp(39px,4.4vw,59px);line-height:1.25;letter-spacing:-.035em;font-weight:500}
.yil-main h1 em{font-style:normal;color:#d0c7ff}
.yil-main .yil-intro-lead{font-size:15px;color:#c7c0da;line-height:1.95;max-width:430px;margin-top:28px}
.yil-main .yil-three-questions{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid #605779}
.yil-main .yil-three-questions li{display:flex;gap:22px;align-items:start;border-bottom:1px solid #494261;padding:13px 0;line-height:1.8}
.yil-main .yil-three-questions span{font-size:11px;letter-spacing:.12em;color:#edbe70;padding-top:2px}
.yil-main .yil-three-questions p{font-size:14px;color:#e8e3f1}
.yil-main .yil-intro-image{min-height:552px;overflow:hidden;border-radius:115px 0 0 0}
.yil-main .yil-entry-links{display:flex;justify-content:flex-end;gap:39px;padding-top:26px;font-size:13px;color:#e1daef}
.yil-main .yil-entry-links a{display:flex;gap:30px;align-items:center}
.yil-main .yil-entry-links a:hover{color:#f2c577}
.yil-main .yil-entry-links span{color:#f2c577;font-size:17px}
.yil-main .yil-content{padding:79px 0 74px;background:var(--yil-beige)}
.yil-main .yil-chapter-line{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:24px;line-height:1.6}
.yil-main .yil-chapter-line>span{font-size:13px;letter-spacing:.11em;color:#776540}
.yil-main .yil-chapter-line p{font-size:12px;color:#767088}
.yil-main .yil-content-image{height:430px}
.yil-main .yil-content-text{display:grid;grid-template-columns:1fr 1fr;gap:98px;margin-top:42px;align-items:start}
.yil-main .yil-content-text>div>p:last-child{font-size:15px;line-height:1.95;color:#696278;margin-top:23px}
.yil-main .yil-content-facts{border-top:1px solid #b8b0bb}
.yil-main .yil-content-facts>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:23px;padding:20px 0;border-bottom:1px solid #d6cfd4}
.yil-main .yil-content-facts dt{font-size:16px;font-weight:500;line-height:1.9}
.yil-main .yil-content-facts dd{font-size:13px;line-height:1.9;color:#696278}
.yil-main .yil-content-note{font-size:12px;color:#726779;border-top:1px solid #d6cfd4;margin-top:33px;padding-top:21px;line-height:1.95}
.yil-main .yil-promo{width:min(1200px,calc(100% - 72px));margin:58px auto}
.yil-main .yil-promo a,.yil-main .yil-promo picture{display:block}
.yil-main .yil-promo img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
.yil-main .yil-devices{padding:21px 0 80px}
.yil-main .yil-devices-layout{display:grid;grid-template-columns:.93fr 1.07fr;gap:85px;align-items:start}
.yil-main .yil-devices-copy>p:not(.yil-eyebrow){font-size:15px;color:#6e657d;line-height:1.95;margin-top:24px}
.yil-main .yil-device-facts{list-style:none;margin:31px 0 0;padding:0;border-top:1px solid #b5abc7}
.yil-main .yil-device-facts li{display:grid;grid-template-columns:43px minmax(0,1fr);gap:22px;padding:20px 0;border-bottom:1px solid #ded8e4}
.yil-main .yil-device-facts li>span{font-size:12px;letter-spacing:.08em;color:var(--yil-violet);padding-top:2px}
.yil-main .yil-device-facts h3{font-size:17px;font-weight:500;line-height:1.6;margin-bottom:7px}
.yil-main .yil-device-facts p{color:#6e657d;font-size:13px;line-height:1.95}
.yil-main .yil-devices-image .ss-photo{height:590px;border-radius:0 0 92px 0}
.yil-main .yil-devices-image>p{font-size:11px;color:#83798e;margin-top:13px;text-align:right}
.yil-main .yil-device-note{display:grid;grid-template-columns:170px minmax(0,1fr);gap:33px;align-items:baseline;border-left:2px solid var(--yil-amber);margin-top:41px;padding:3px 0 3px 24px}
.yil-main .yil-device-note>span{font-size:15px;letter-spacing:.09em}
.yil-main .yil-device-note p{font-size:13px;color:#6e657d;line-height:1.95}
.yil-main .yil-records{background:var(--yil-lilac);padding:78px 0 71px}
.yil-main .yil-records-heading{max-width:680px;text-align:center;margin:0 auto 36px}
.yil-main .yil-records-heading>p:last-child{font-size:15px;line-height:1.95;color:#706483;max-width:590px;margin:22px auto 0}
.yil-main .yil-records-image{height:440px}
.yil-main .yil-record-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:78px;margin:35px auto 0;max-width:1056px}
.yil-main .yil-record-columns>section>span{display:block;font-size:12px;color:#706099;letter-spacing:.1em;margin-bottom:12px}
.yil-main .yil-record-columns h3{font-size:24px;font-weight:500;line-height:1.5;margin-bottom:22px}
.yil-main .yil-record-columns ul{padding:0;margin:0;list-style:none;border-top:1px solid #b7abcd}
.yil-main .yil-record-columns li{padding:17px 0 19px;border-bottom:1px solid #cac0d9}
.yil-main .yil-record-columns strong{font-size:15px;font-weight:500}
.yil-main .yil-record-columns p{font-size:13px;color:#706483;line-height:1.95;margin-top:7px}
.yil-main .yil-record-boundary{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;border-top:1px solid #b7abcd;padding-top:25px;margin-top:39px}
.yil-main .yil-record-boundary h3{font-size:19px;font-weight:500;line-height:1.65}
.yil-main .yil-record-boundary p{font-size:13px;line-height:1.95;color:#706483}
.yil-main .yil-reading{padding:79px 0 74px}
.yil-main .yil-reading-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
.yil-main .yil-reading-heading>a{display:flex;align-items:center;gap:34px;font-size:13px;border-bottom:1px solid #b2a8c7;padding-bottom:7px;white-space:nowrap}
.yil-main .yil-reading-heading>a:hover{color:var(--yil-violet)}
.yil-main .yil-article-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:67px}
.yil-main .yil-article-pairs article{position:relative;padding:25px 37px 28px 0;border-top:1px solid #c8bfd6;min-width:0}
.yil-main .yil-article-pairs time{font-size:12px;letter-spacing:.08em;color:#91849e}
.yil-main .yil-article-pairs h3{font-size:21px;line-height:1.75;font-weight:500;margin-top:11px}
.yil-main .yil-article-pairs h3 a:hover{color:var(--yil-violet);text-decoration:underline;text-underline-offset:5px}
.yil-main .yil-article-pairs article>span{position:absolute;right:0;top:61px;font-size:23px;color:#9a7848}
.yil-main .yil-reading-note{border-top:1px solid #ded8e4;font-size:12px;color:#8c8198;line-height:1.95;padding-top:19px;margin-top:5px}
.yil-main .yil-faq-section{padding:65px 0 71px;background:var(--yil-beige)}
.yil-main .yil-faq-section>.yil-wrap{display:grid;grid-template-columns:.68fr 1.32fr;gap:89px}
.yil-main .yil-faq-heading h2{font-size:37px}
.yil-main .yil-faq{border-top:1px solid #b8acbc}
.yil-main .yil-faq details{border-bottom:1px solid #d6ccd7}
.yil-main .yil-faq summary{display:flex;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:500;line-height:1.7}
.yil-main .yil-faq summary::-webkit-details-marker{display:none}
.yil-main .yil-faq summary i{font-style:normal;font-size:21px;color:var(--yil-violet);font-weight:400;line-height:1.3;transition:transform .2s;flex-shrink:0}
.yil-main .yil-faq details[open] summary i{transform:rotate(45deg)}
.yil-main .yil-faq details>p{font-size:14px;line-height:1.95;color:#76697f;padding:0 36px 25px 0}
.yil-main .yil-related{background:var(--yil-deep);color:#fff;padding:55px 0 58px}
.yil-main .yil-related>.yil-wrap{display:flex;gap:50px;align-items:end;justify-content:space-between}
.yil-main .yil-related .yil-eyebrow{color:#e8bd70;margin-bottom:16px}
.yil-main .yil-related h2{font-size:33px}
.yil-main .yil-related nav{display:flex;gap:30px;font-size:13px;color:#e0d8ee;flex-wrap:wrap}
.yil-main .yil-related nav a{display:flex;gap:18px;padding-bottom:7px;border-bottom:1px solid #766890}
.yil-main .yil-related nav a:hover{color:#f2c577}
.ss-skip{position:fixed;z-index:3000;top:6px;left:16px;padding:10px 20px;background:#342f65;color:#fff;text-decoration:none;transform:translateY(-150%)}
.ss-skip:focus{transform:translateY(0);outline:3px solid #f4a62a}
.ss-top{position:fixed;right:24px;bottom:25px;z-index:40;width:44px;height:44px;cursor:pointer;border:1px solid #b6a8ca;background:#fffdf7;color:#342f65;font-size:21px;box-shadow:0 3px 16px #211d4616}
.ss-top[hidden],.ss-top[aria-hidden="true"]{display:none}
.ss-top:focus-visible{outline:3px solid #f4a62a;outline-offset:4px}
@media(max-width:980px){
body.city-preview.page-yichun{padding-top:78px}
.yil-main .yil-wrap,.yil-main .yil-promo{width:calc(100% - 48px)}
.yil-main .yil-intro-layout{gap:37px;grid-template-columns:1fr 1fr}
.yil-main .yil-intro-copy{padding-top:14px}
.yil-main h1{font-size:45px}
.yil-main .yil-intro-image{min-height:545px;border-top-left-radius:88px}
.yil-main .yil-intro-lead{font-size:14px}
.yil-main .yil-three-questions li{gap:15px}
.yil-main .yil-three-questions p{font-size:13px}
.yil-main .yil-content-image{height:370px}
.yil-main .yil-content-text{gap:50px}
.yil-main .yil-content-facts>div{grid-template-columns:80px minmax(0,1fr);gap:16px}
.yil-main .yil-content-facts dt{font-size:15px}
.yil-main .yil-devices-layout{gap:42px}
.yil-main .yil-devices-image .ss-photo{height:608px}
.yil-main .yil-device-facts li{gap:14px}
.yil-main .yil-records-image{height:365px}
.yil-main .yil-record-columns{gap:45px}
.yil-main .yil-record-boundary{grid-template-columns:.8fr 1.2fr;gap:30px}
.yil-main .yil-article-pairs{column-gap:42px}
.yil-main .yil-article-pairs h3{font-size:19px}
.yil-main .yil-faq-section>.yil-wrap{gap:46px;grid-template-columns:.75fr 1.25fr}
.yil-main .yil-faq-heading h2{font-size:32px}
.yil-main .yil-related>.yil-wrap{align-items:start;flex-direction:column;gap:28px}
}
@media(max-width:780px){
body.city-preview.page-yichun{padding-top:72px}
.yil-main section[id]{scroll-margin-top:90px}
.yil-main .yil-wrap,.yil-main .yil-promo{width:calc(100% - 40px)}
.yil-main .yil-eyebrow{font-size:11px;margin-bottom:18px}
.yil-main h2{font-size:33px}
.yil-main .yil-intro{padding-top:24px}
.yil-main .yil-intro-layout{grid-template-columns:1fr;gap:30px;margin-top:25px}
.yil-main .yil-intro-copy{padding:5px 0 0}
.yil-main h1{font-size:48px;line-height:1.25}
.yil-main .yil-intro-lead{max-width:540px;margin-top:23px;font-size:15px}
.yil-main .yil-three-questions{margin-top:25px;max-width:560px}
.yil-main .yil-three-questions p{font-size:14px}
.yil-main .yil-intro-image{min-height:0;height:390px;border-top-left-radius:80px}
.yil-main .yil-entry-links{justify-content:flex-start;gap:28px;font-size:12px;padding-top:21px}
.yil-main .yil-entry-links a{gap:23px}
.yil-main .yil-content{padding:50px 0 49px}
.yil-main .yil-chapter-line{margin-bottom:19px}
.yil-main .yil-chapter-line>span{font-size:12px}
.yil-main .yil-chapter-line p{font-size:11px}
.yil-main .yil-content-image{height:310px}
.yil-main .yil-content-text{grid-template-columns:1fr;gap:28px;margin-top:30px}
.yil-main .yil-content-text>div>p:last-child{font-size:14px;margin-top:18px}
.yil-main .yil-content-facts>div{grid-template-columns:110px minmax(0,1fr);gap:26px;padding:17px 0}
.yil-main .yil-content-note{margin-top:26px;padding-top:20px}
.yil-main .yil-promo{margin:38px auto}
.yil-main .yil-devices{padding:17px 0 52px}
.yil-main .yil-devices-layout{grid-template-columns:1fr;gap:27px}
.yil-main .yil-devices-copy>p:not(.yil-eyebrow){font-size:14px;margin-top:20px}
.yil-main .yil-device-facts{margin-top:24px}
.yil-main .yil-device-facts li{grid-template-columns:60px minmax(0,1fr);gap:24px;padding:18px 0}
.yil-main .yil-devices-image .ss-photo{height:360px;border-bottom-right-radius:65px}
.yil-main .yil-device-note{grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:28px;padding-left:19px}
.yil-main .yil-records{padding:51px 0 47px}
.yil-main .yil-records-heading{margin-bottom:28px}
.yil-main .yil-records-heading>p:last-child{font-size:14px;margin-top:19px}
.yil-main .yil-records-image{height:315px}
.yil-main .yil-record-columns{gap:31px;margin-top:26px}
.yil-main .yil-record-columns h3{font-size:21px;margin-bottom:17px}
.yil-main .yil-record-columns li{padding:15px 0 17px}
.yil-main .yil-record-boundary{grid-template-columns:1fr;gap:15px;margin-top:28px;padding-top:23px}
.yil-main .yil-record-boundary h3{font-size:18px}
.yil-main .yil-reading{padding:53px 0 48px}
.yil-main .yil-reading-heading{margin-bottom:28px;gap:22px}
.yil-main .yil-reading-heading>a{font-size:12px;gap:14px}
.yil-main .yil-article-pairs{column-gap:27px}
.yil-main .yil-article-pairs article{padding:20px 23px 23px 0}
.yil-main .yil-article-pairs h3{font-size:17px;line-height:1.8}
.yil-main .yil-article-pairs article>span{font-size:19px;top:54px}
.yil-main .yil-faq-section{padding:48px 0 51px}
.yil-main .yil-faq-section>.yil-wrap{grid-template-columns:1fr;gap:27px}
.yil-main .yil-faq summary{font-size:16px;padding:22px 0}
.yil-main .yil-faq details>p{font-size:13px;padding-right:23px}
.yil-main .yil-related{padding:44px 0 47px}
.yil-main .yil-related h2{font-size:29px}
.yil-main .yil-related nav{gap:18px 31px;font-size:12px}
.ss-top{width:40px;height:40px;right:14px;bottom:16px}
}
@media(max-width:680px){
.yil-main .yil-promo img{aspect-ratio:750/920}
}
@media(max-width:520px){
.yil-main .yil-wrap,.yil-main .yil-promo{width:calc(100% - 36px)}
.yil-main .yil-crumb{font-size:11px;gap:9px}
.yil-main .yil-intro-copy .yil-eyebrow{font-size:10px;margin-bottom:19px}
.yil-main h1{font-size:clamp(33px,9.3vw,45px)}
.yil-main h2{font-size:29px}
.yil-main .yil-intro-lead{font-size:14px}
.yil-main .yil-three-questions p{font-size:13px}
.yil-main .yil-intro-image{height:295px;border-top-left-radius:62px}
.yil-main .yil-entry-links{gap:19px;font-size:11px;flex-wrap:wrap}
.yil-main .yil-entry-links a{gap:15px}
.yil-main .yil-chapter-line{gap:12px;align-items:start;flex-direction:column}
.yil-main .yil-content-image{height:255px}
.yil-main .yil-content-facts>div{grid-template-columns:86px minmax(0,1fr);gap:16px}
.yil-main .yil-content-facts dt{font-size:14px}
.yil-main .yil-content-facts dd{font-size:12px}
.yil-main .yil-content-note{font-size:11px}
.yil-main .yil-device-facts li{grid-template-columns:43px minmax(0,1fr);gap:19px}
.yil-main .yil-device-facts h3{font-size:16px}
.yil-main .yil-devices-image .ss-photo{height:310px;border-bottom-right-radius:54px}
.yil-main .yil-devices-image>p{font-size:10px}
.yil-main .yil-device-note{grid-template-columns:1fr;gap:10px;padding-left:16px}
.yil-main .yil-device-note p{font-size:12px}
.yil-main .yil-records-image{height:265px}
.yil-main .yil-record-columns{grid-template-columns:1fr;gap:29px}
.yil-main .yil-record-columns>section>span{margin-bottom:9px}
.yil-main .yil-record-columns h3{font-size:22px}
.yil-main .yil-record-boundary p{font-size:12px}
.yil-main .yil-reading-heading{align-items:start;flex-direction:column;gap:22px}
.yil-main .yil-article-pairs{grid-template-columns:1fr}
.yil-main .yil-article-pairs h3{font-size:18px}
.yil-main .yil-reading-note{font-size:11px}
.yil-main .yil-faq-heading h2{font-size:29px}
.yil-main .yil-faq summary{font-size:15px;gap:19px}
.yil-main .yil-related h2{font-size:27px}
.yil-main .yil-related nav{gap:17px 26px}
.yil-main .yil-related nav a{gap:12px}
}
@media(prefers-reduced-motion:reduce){
.yil-main *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}