.page-luan .lac{--ink:#10261f;--deep:#0c211b;--green:#234b3c;--moss:#6e8267;--paper:#f1eadc;--chalk:#fbf8f0;--copper:#b66f43;color:var(--ink);background:var(--chalk);overflow:hidden}
.page-luan .lac *{box-sizing:border-box}
.page-luan .lac .lac-shell{width:min(1200px,calc(100% - 44px));margin-inline:auto}
.page-luan .lac h1,.page-luan .lac h2,.page-luan .lac h3,.page-luan .lac p{overflow-wrap:anywhere}
.page-luan .lac h1,.page-luan .lac h2,.page-luan .lac h3{margin:0;line-height:1.18;letter-spacing:-.04em}
.page-luan .lac p{margin:0;line-height:1.8}
.page-luan .lac a{color:inherit;text-decoration:none}
.page-luan .lac figure{margin:0}
.page-luan .lac figure img{display:block;width:100%;height:100%;object-fit:cover}
.page-luan .lac figcaption{font-size:12px;line-height:1.55}
.page-luan .lac .lac-kicker{margin:0 0 15px;color:var(--copper);font:800 12px/1.4 system-ui,"Microsoft YaHei",sans-serif;letter-spacing:.17em;text-transform:uppercase}
.page-luan .lac .lac-intro{max-width:770px;margin-bottom:35px}
.page-luan .lac .lac-intro h2{font-size:clamp(30px,4vw,49px)}
.page-luan .lac .lac-intro>p:last-child{margin-top:18px;color:#5c6b61}

.page-luan .lac .lac-hero{position:relative;background:#fbf8f0;padding:86px 0 39px}
.page-luan .lac .lac-hero:before{content:"";position:absolute;right:-110px;top:-150px;width:440px;height:440px;border:1px solid #d9d5c8;border-radius:50%;pointer-events:none}
.page-luan .lac .lac-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6%;align-items:center}
.page-luan .lac .lac-hero-copy{padding-bottom:45px}
.page-luan .lac .lac-hero h1{font-size:clamp(45px,5.3vw,68px);line-height:1.06}
.page-luan .lac .lac-hero h1 span{display:block;margin-top:17px;color:var(--green);font-size:.72em;line-height:1.25}
.page-luan .lac .lac-hero-copy>p:not(.lac-kicker){max-width:520px;margin-top:25px;color:#56675c;font-size:16px}
.page-luan .lac .lac-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}
.page-luan .lac .lac-actions a{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;min-height:46px;padding:10px 16px;border:1px solid var(--ink);font-weight:750;transition:background .2s,color .2s}
.page-luan .lac .lac-actions a:first-child{background:var(--ink);color:#fff}
.page-luan .lac .lac-actions a:hover,.page-luan .lac .lac-actions a:focus-visible{background:var(--copper);border-color:var(--copper);color:#fff}
.page-luan .lac .lac-hero-art{height:510px;position:relative;box-shadow:23px 23px 0 #e4e0d2}
.page-luan .lac .lac-hero-art:before{content:"";position:absolute;z-index:1;inset:14px;border:1px solid rgba(255,255,255,.75);pointer-events:none}
.page-luan .lac .lac-hero-art figcaption{position:absolute;bottom:0;left:0;right:0;padding:27px 18px 16px;color:#fff;background:linear-gradient(0deg,rgba(9,26,20,.75),transparent)}
.page-luan .lac .lac-hero-rail{display:flex;align-items:center;gap:18px;margin-top:70px;padding-top:18px;border-top:1px solid #b9c3b6;color:#526759;font-size:12px}
.page-luan .lac .lac-hero-rail span{font-weight:800}
.page-luan .lac .lac-hero-rail strong{color:var(--copper)}
.page-luan .lac .lac-hero-rail i{height:1px;flex:1;background:#b66f43}

.page-luan .lac .lac-versions{padding:104px 0 113px;background:var(--paper)}
.page-luan .lac .lac-version-grid{display:grid;grid-template-columns:1fr 54px 1fr;align-items:stretch}
.page-luan .lac .lac-version-card{min-height:270px;padding:32px 35px 28px;box-shadow:0 16px 35px rgba(16,38,31,.07)}
.page-luan .lac .lac-version-card--old{background:#fffaf0;border-top:5px solid var(--moss)}
.page-luan .lac .lac-version-card--new{background:var(--green);border-top:5px solid var(--copper);color:#fff}
.page-luan .lac .lac-version-card small{font:800 11px/1.4 system-ui,sans-serif;letter-spacing:.14em}
.page-luan .lac .lac-version-card--old small{color:var(--moss)}
.page-luan .lac .lac-version-card--new small{color:#dca479}
.page-luan .lac .lac-version-card h3{margin-top:25px;font-size:32px}
.page-luan .lac .lac-version-card p{margin-top:13px;font-size:15px}
.page-luan .lac .lac-version-card--old p{color:#5d6c62}
.page-luan .lac .lac-version-card--new p{color:#d5e0d7}
.page-luan .lac .lac-version-card b{display:block;margin-top:27px;font-size:13px}
.page-luan .lac .lac-version-joint{display:grid;place-items:center;background:#dacbb5}
.page-luan .lac .lac-version-joint span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--copper);color:#fff;font-size:22px}
.page-luan .lac .lac-selectors{display:flex;flex-wrap:wrap;gap:8px;margin-top:39px}
.page-luan .lac .lac-selectors button{padding:10px 18px;border:1px solid #bdc4b7;background:none;color:var(--ink);font-family:inherit;font-size:14px;font-weight:750;line-height:1.3;cursor:pointer;transition:background .2s,color .2s}
.page-luan .lac .lac-selectors button[aria-pressed=true]{border-color:var(--green);background:var(--green);color:#fff}
.page-luan .lac .lac-matters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:15px}
.page-luan .lac .lac-matters article{min-height:245px;padding:21px 20px;border-bottom:4px solid #c1cbbc;background:#fbf8f0;transition:transform .2s,border-color .2s,box-shadow .2s}
.page-luan .lac .lac-matters article.is-current{transform:translateY(-5px);border-color:var(--copper);box-shadow:0 15px 29px rgba(16,38,31,.11)}
.page-luan .lac .lac-matters article span{color:var(--copper);font:800 11px/1.4 system-ui,sans-serif;letter-spacing:.1em}
.page-luan .lac .lac-matters h3{margin-top:20px;font-size:21px}
.page-luan .lac .lac-matters p{margin-top:14px;color:#5c6c61;font-size:14px}

.page-luan .lac .lac-address{padding:114px 0;background:#dce2d6}
.page-luan .lac .lac-address-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}
.page-luan .lac .lac-address h2,.page-luan .lac .lac-records h2,.page-luan .lac .lac-sync h2,.page-luan .lac .lac-articles h2,.page-luan .lac .lac-close h2{font-size:clamp(32px,4vw,50px)}
.page-luan .lac .lac-address-copy>p:not(.lac-kicker){margin-top:23px;color:#4c6253}
.page-luan .lac .lac-address-questions{margin-top:26px;border-top:1px solid #a9b6a7}
.page-luan .lac .lac-address-questions div{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #a9b6a7}
.page-luan .lac .lac-address-questions b{color:#9b5b37}
.page-luan .lac .lac-address-questions span{color:#40594b}
.page-luan .lac .lac-address figure{height:465px;position:relative;border:7px solid #fbf8f0}
.page-luan .lac .lac-address figure figcaption,.page-luan .lac .lac-records figure figcaption,.page-luan .lac .lac-sync figure figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 17px 14px;background:linear-gradient(0deg,rgba(10,32,23,.8),transparent);color:#fff}
.page-luan .lac .lac-promo{background:#f1eadc}

.page-luan .lac .lac-records{padding:117px 0 125px;background:var(--chalk)}
.page-luan .lac .lac-records-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:7%;align-items:stretch}
.page-luan .lac .lac-records figure{height:500px;position:relative}
.page-luan .lac .lac-record-steps{border-top:4px solid var(--copper)}
.page-luan .lac .lac-record-steps article{display:grid;grid-template-columns:43px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid #c8cfc2}
.page-luan .lac .lac-record-steps article b{display:grid;place-items:center;width:33px;height:33px;background:#e5e1d5;color:var(--copper);font:800 11px/1 system-ui,sans-serif}
.page-luan .lac .lac-record-steps h3{font-size:20px}
.page-luan .lac .lac-record-steps p{margin-top:6px;color:#637166;font-size:14px}

.page-luan .lac .lac-sync{padding:110px 0 116px;background:var(--deep);color:#fff}
.page-luan .lac .lac-sync-head{max-width:710px}
.page-luan .lac .lac-sync-head>p:not(.lac-kicker){margin-top:21px;color:#bdcfc1}
.page-luan .lac .lac-sync-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:center;margin-top:44px}
.page-luan .lac .lac-sync-stack{border-top:1px solid rgba(255,255,255,.3)}
.page-luan .lac .lac-sync-stack article{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.25)}
.page-luan .lac .lac-sync-stack article span{color:#dba371;font-weight:800}
.page-luan .lac .lac-sync-stack h3{font-size:21px}
.page-luan .lac .lac-sync-stack p{margin-top:6px;color:#b7c9bb;font-size:14px}
.page-luan .lac .lac-sync figure{height:510px;position:relative;border:1px solid rgba(255,255,255,.2)}
.page-luan .lac .lac-exit{display:flex;gap:25px;align-items:baseline;margin-top:48px;padding:21px 25px;border-left:5px solid var(--copper);background:#1d3b2d}
.page-luan .lac .lac-exit strong{min-width:154px;color:#eab17d}
.page-luan .lac .lac-exit p{color:#d2dfd3;font-size:14px}

.page-luan .lac .lac-articles{padding:110px 0;background:#ebe6d9}
.page-luan .lac .lac-articles-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:9%}
.page-luan .lac .lac-articles-grid>div:first-child>p:not(.lac-kicker){margin-top:22px;color:#5b6c60}
.page-luan .lac .lac-articles-grid>div:first-child>a{display:inline-flex;gap:34px;margin-top:26px;padding:11px 0;border-bottom:2px solid var(--copper);color:#8c512f;font-weight:800}
.page-luan .lac .lac-article-list{border-top:3px solid var(--green)}
.page-luan .lac .lac-article-list article{display:grid;grid-template-columns:85px 1fr 20px;align-items:start;gap:17px;padding:17px 0;border-bottom:1px solid #b8c3b8}
.page-luan .lac .lac-article-list time{color:#6b806e;font-size:12px}
.page-luan .lac .lac-article-list h3{font-family:inherit;font-size:16px;font-weight:700;line-height:1.55;letter-spacing:0}
.page-luan .lac .lac-article-list a:hover,.page-luan .lac .lac-article-list a:focus-visible{color:#a05d36}
.page-luan .lac .lac-article-list article>span{color:var(--copper)}

.page-luan .lac .lac-close{padding:92px 0 105px;background:var(--green);color:#fff}
.page-luan .lac .lac-close .lac-kicker{color:#e6b78d}
.page-luan .lac .lac-close p:not(.lac-kicker){max-width:630px;margin-top:20px;color:#d4e0d5}
.page-luan .lac .lac-close a{display:inline-flex;gap:28px;margin-top:28px;padding:9px 0;border-bottom:2px solid #e2ae7d;font-weight:750}
.page-luan .lac a:focus-visible,.page-luan .lac button:focus-visible{outline:3px solid #c77d4d;outline-offset:4px}

@media(max-width:950px){.page-luan .lac .lac-hero-grid,.page-luan .lac .lac-address-grid,.page-luan .lac .lac-records-grid,.page-luan .lac .lac-sync-layout,.page-luan .lac .lac-articles-grid{grid-template-columns:1fr;gap:40px}.page-luan .lac .lac-hero-copy{padding-bottom:0}.page-luan .lac .lac-hero-art{height:410px}.page-luan .lac .lac-matters{grid-template-columns:repeat(2,1fr)}.page-luan .lac .lac-sync figure{height:430px}}
@media(max-width:680px){.page-luan .lac .lac-shell{width:min(100% - 30px,560px)}.page-luan .lac .lac-hero{padding:62px 0 25px}.page-luan .lac .lac-hero h1{font-size:clamp(37px,10vw,52px)}.page-luan .lac .lac-hero-art{height:285px;box-shadow:10px 10px 0 #e4e0d2}.page-luan .lac .lac-hero-rail{gap:9px;margin-top:43px;font-size:10px}.page-luan .lac .lac-hero-rail strong{text-align:center}.page-luan .lac .lac-versions,.page-luan .lac .lac-address,.page-luan .lac .lac-records,.page-luan .lac .lac-sync,.page-luan .lac .lac-articles,.page-luan .lac .lac-close{padding-block:72px}.page-luan .lac .lac-version-grid{grid-template-columns:1fr}.page-luan .lac .lac-version-card{min-height:0;padding:25px}.page-luan .lac .lac-version-joint{height:44px}.page-luan .lac .lac-version-joint span{transform:rotate(90deg)}.page-luan .lac .lac-selectors button{flex:1;min-width:calc(50% - 8px)}.page-luan .lac .lac-matters{grid-template-columns:1fr}.page-luan .lac .lac-matters article{min-height:0}.page-luan .lac .lac-matters article.is-current{transform:none}.page-luan .lac .lac-address figure,.page-luan .lac .lac-records figure,.page-luan .lac .lac-sync figure{height:295px}.page-luan .lac .lac-record-steps article{padding:15px 0}.page-luan .lac .lac-exit{display:block}.page-luan .lac .lac-exit p{margin-top:8px}.page-luan .lac .lac-article-list article{grid-template-columns:1fr 20px;gap:6px}.page-luan .lac .lac-article-list time{grid-column:1/-1}.page-luan .lac .lac-article-list h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.page-luan .lac *, .page-luan .lac *:before,.page-luan .lac *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}