*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff8f8;color:#4b3037;font:16px/1.82 system-ui,-apple-system,"Microsoft Yahei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#c9365b}a:focus-visible,button:focus-visible{outline:3px solid #c9365b;outline-offset:3px}button{font:inherit;cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-head{background:white}.info-bar{background:#fbe9ec;min-height:28px;font-size:13px}.info-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:28px}.info-inner .desktop-only{display:flex;gap:22px}.masthead{height:84px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:#351c23}.brand-mark{margin:0;max-width:160px}.brand-mark img{max-width:160px;max-height:42px;object-fit:contain;width:auto;height:auto}.brand strong{font-size:23px;letter-spacing:.08em}.brand small{display:block;font-size:11px;letter-spacing:.25em;line-height:1.1;color:#76545f}.mast-right{display:flex;align-items:center;gap:22px;font-size:14px;color:#76545f}.mobile-read{color:#c9365b;border-bottom:1px solid #c9365b}.desktop-nav{border-top:1px solid #edd8de;border-bottom:1px solid #edd8de}.nav-inner,.nav-primary{display:flex;align-items:center}.nav-inner{justify-content:space-between;gap:10px}.nav-primary{gap:clamp(12px,2vw,30px);white-space:nowrap}.nav-primary a{font-size:14px;padding:12px 0 10px;border-bottom:2px solid transparent}.nav-primary a[aria-current=page]{border-color:#c9365b;color:#c9365b}.more-button,.mobile-menu-button{border:0;background:none;color:#351c23;min-height:44px;white-space:nowrap}.more-button{font-size:14px}.expanded-desktop{padding-block:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid #edd8de}.expanded-desktop[hidden],.mobile-sections[hidden]{display:none}.expanded-desktop h2,.mobile-sections h2{font-size:16px;margin:0 0 10px;color:#351c23}.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.link-grid a{padding:6px 2px;font-size:14px}.mobile-menu-button,.mobile-shortcuts,.mobile-sections{display:none}.site-footer{background:#321c24;color:#fff;padding:42px 0 24px}.footer-brand{display:flex;gap:16px;align-items:center}.footer-brand p{margin:0;max-width:420px;font-size:14px}.footer-brand strong{font-size:22px}.footer-brand strong span{font-size:11px;letter-spacing:.15em}.footer-logo{margin:0;max-width:120px}.footer-logo img{max-width:120px;max-height:40px;object-fit:contain}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:30px 0}.footer-cols section{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.footer-cols h2{font-size:16px;color:#ffe8ee;margin:0 0 10px}.footer-cols a{font-size:14px;min-height:32px;color:#f4dce3}.footer-cols a:hover{color:#fff;text-decoration:underline}.footer-note{border-top:1px solid #76545f;padding-top:18px;font-size:13px;color:#e2c4cb}.page{padding-block:54px 64px}.crumbs{font-size:13px;color:#76545f;margin-bottom:24px}.crumbs a{text-decoration:underline;text-underline-offset:3px}h1,h2,h3{color:#351c23;line-height:1.4}h1{font-size:clamp(28px,3vw,36px);margin:8px 0 16px}h2{font-size:clamp(22px,2.3vw,26px);margin:0 0 18px}h3{font-size:clamp(18px,1.7vw,20px);margin:0 0 9px}.eyebrow{color:#c9365b;font-size:13px;font-weight:600;letter-spacing:.12em}.lead{max-width:760px;font-size:17px;margin:0 0 25px}.article-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:32px}.article-body{min-width:0;max-width:760px}.article-body section{border-top:1px solid #edd8de;padding-top:28px;margin-top:30px}.article-body p{margin:0 0 16px}.article-aside{align-self:start;background:#fbe9ec;padding:24px;border-radius:12px}.article-aside h2{font-size:19px}.article-aside a{display:block;padding:12px 0;border-bottom:1px solid #edd8de}.article-image{margin:22px 0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #edd8de;border-radius:10px;overflow:hidden;max-width:720px;max-height:420px}.article-image img{width:auto;height:auto;max-width:100%;max-height:420px;object-fit:contain;object-position:center;display:block}.related{margin-top:48px;border-top:2px solid #c9365b;padding-top:23px}.related .link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related a,.text-link{color:#a72249;text-decoration:underline;text-underline-offset:4px}.block{padding-block:50px 58px;border-top:1px solid #edd8de}.block.tint{background:#fbe9ec}.block-head{max-width:780px;margin-bottom:24px}.block-head p{margin:0}.block-intro{padding:42px 0 34px}.block-intro h1{max-width:800px}.banner{margin:28px 0 10px;display:flex;justify-content:center;align-items:center;max-height:340px;overflow:hidden}.banner img{height:auto;width:auto;max-width:100%;max-height:340px;object-fit:contain}.caption{color:#76545f;font-size:13px;margin:8px 0}.inline-links{display:flex;gap:18px;flex-wrap:wrap}.inline-links a{color:#a72249;text-decoration:underline;text-underline-offset:4px}.two-col,.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.feature{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:32px}.feature p{margin-top:0}.card{background:#fff;border:1px solid #edd8de;border-radius:12px;padding:22px;min-width:0}.card h3{margin-top:6px}.card-image{height:220px;display:flex;justify-content:center;align-items:center;margin:0 0 18px;background:#fff}.card-image img{max-width:100%;max-height:220px;width:auto;height:auto;object-fit:contain;display:block}.feature .article-image{margin:0 0 18px}.feature-side{background:#fff;border:1px solid #edd8de;border-radius:12px;padding:20px}.feature-side ol{padding-left:22px;margin:0}.feature-side li{padding:8px 0}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.topic-list a,.stack-link{display:block;background:#fff;border-top:2px solid #c9365b;padding:15px 18px;margin-bottom:10px}.topic-list strong,.stack-link strong{display:block;color:#351c23}.topic-list span,.stack-link span{display:block;font-size:14px;color:#76545f}.side-by-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:30px;align-items:center}.side-by-side .article-image{margin:0}.note-list{padding-left:23px}.note-list li{margin:8px 0}.light-demo{display:flex;justify-content:center;align-items:center;height:160px;margin:20px 0;border-radius:12px;background:linear-gradient(90deg,#563b44,#fbe9ec);color:#fff}.light-demo span{padding:10px 24px;border-radius:50%;background:linear-gradient(90deg,#51353c,#fff8f8);box-shadow:20px 0 32px #fff8f877;color:#351c23}.app-art{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.app-art .article-image{max-width:260px;max-height:380px}.app-art .article-image img{max-width:260px;max-height:380px}.app-icon img{max-width:44px;max-height:44px;object-fit:contain}.faq-item{padding:20px 0;border-bottom:1px solid #edd8de}.faq-item h2{font-size:19px;margin:0 0 10px}.faq-item p{margin:0;max-width:760px}@media(max-width:860px){.article-layout,.feature{grid-template-columns:1fr}.article-aside{max-width:760px}.nav-primary{gap:12px}.mast-right>span{display:none}}@media(max-width:700px){.desktop-nav,.mast-right .desktop-only,.info-inner .desktop-only{display:none}.mobile-menu-button,.mobile-shortcuts,.mobile-sections:not([hidden]){display:block}.masthead{height:68px}.brand strong{font-size:19px}.brand-mark img{max-width:112px;max-height:36px}.shortcut-scroller{display:flex;overflow-x:auto;gap:23px;white-space:nowrap;scrollbar-width:thin}.shortcut-scroller a{display:block;min-height:44px;padding:9px 1px;font-size:14px}.shortcut-scroller a[aria-current=page]{border-bottom:2px solid #c9365b;color:#c9365b}.mobile-sections{padding:20px 0;border-top:1px solid #edd8de}.mobile-sections section{margin-bottom:16px}.mobile-sections .link-grid a{min-height:44px;padding:10px 2px}.footer-cols{grid-template-columns:1fr 1fr;gap:18px}.footer-cols section:last-child{grid-column:1/-1}.footer-cols section:last-child{display:grid;grid-template-columns:1fr 1fr}.footer-cols section:last-child h2{grid-column:1/-1}.container{width:calc(100% - 32px)}.page{padding-block:32px 40px}.block{padding-block:32px 38px}.block-intro{padding-top:30px}.two-col,.side-by-side,.topic-list{grid-template-columns:1fr}.card{padding:17px}.card-image{height:190px}.card-image img{max-height:190px}.banner,.banner img{max-height:260px}.article-image,.article-image img{max-height:320px}.lead{font-size:16px}.related .link-grid{grid-template-columns:1fr 1fr}.app-art .article-image,.app-art .article-image img{max-width:210px}.footer-brand{align-items:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}