:root{--purple:#4b2e83;--deep:#342057;--gold:#b5a36a;--ink:#302d36;--muted:#65606e;--line:#e4deeb;--paper:#fff;--wash:#f5f2f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif;font-size:15px;line-height:1.8}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #af7be5;outline-offset:4px}img{max-width:100%;height:auto}button,input{font:inherit}button,summary{cursor:pointer}.xx-wrap{width:min(1280px,calc(100% - 64px));margin:auto}.xx-skip{position:absolute;top:-100px;left:20px;background:#fff;padding:8px;z-index:10}.xx-skip:focus{top:10px}.xx-header{background:var(--purple);color:#fff}.xx-top{display:grid;grid-template-columns:1fr minmax(260px,460px) auto;align-items:center;gap:46px;padding:28px 0}.xx-logo{font-size:30px;font-weight:800;color:#fff;letter-spacing:3px;line-height:1.3}.xx-logo span{display:block;font-size:12px;font-weight:400;letter-spacing:1px;margin-top:8px;color:#e4d9f5}.xx-search label{display:block;font-size:12px;color:#e8dff5;margin-bottom:6px}.xx-search>div{display:flex;background:#fff;border-radius:4px;overflow:hidden}.xx-search input{width:100%;min-width:0;border:0;padding:10px 14px;background:#fff}.xx-search button{border:0;padding:9px 20px;background:var(--gold);color:#211b0f;font-weight:700}.xx-header-contact{color:#f3eefa;font-size:12px}.xx-header-contact strong{font-size:15px}.xx-nav{display:flex;flex-wrap:wrap;gap:10px 36px;border-top:1px solid #72579b;padding:12px 0}.xx-nav a{color:#fff;font-size:14px}.xx-nav a:first-child{color:#f4e9be}.xx-hero{background:var(--wash);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.xx-hero:after{content:"";position:absolute;width:28%;height:100%;right:0;top:0;background:#eee8f5;z-index:0}.xx-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;padding:65px 0;position:relative;z-index:1}.xx-intro{color:var(--purple);font-weight:700}.xx-hero h1{font-size:clamp(30px,3.4vw,50px);line-height:1.4;letter-spacing:-1px;margin:15px 0 22px;font-weight:800}.xx-hero p{max-width:620px}.xx-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}.xx-button{background:var(--purple);color:white;padding:12px 25px;border-radius:3px;font-weight:700}.xx-function-board{background:#fff;border-top:5px solid var(--gold);padding:24px 30px;box-shadow:0 8px 24px #4b2e830b}.xx-function-board h2{font-size:18px;margin:0 0 10px}.xx-function-board>a{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);align-items:center}.xx-function-board strong{font-size:15px}.xx-function-board span{font-size:12px;color:var(--muted)}.xx-guide{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:40px 0}.xx-guide h2{font-size:23px;margin:0}.xx-guide p{margin:0;max-width:850px;color:var(--muted)}.xx-catalog{display:grid;grid-template-columns:202px 1fr;gap:38px;padding:10px 0 45px;align-items:start}.xx-group-nav{position:sticky;top:20px;border-top:4px solid var(--gold);background:var(--wash);padding:12px 20px}.xx-group-nav a{display:block;padding:13px 0;font-size:13px;border-bottom:1px solid var(--line)}.xx-group-nav a:last-child{border:0;font-weight:700}.xx-group{margin:0 0 46px;scroll-margin-top:20px}.xx-section-head{border-bottom:2px solid var(--purple);padding-bottom:14px;margin-bottom:0}.xx-section-head h2{font-size:25px;margin:0 0 4px;color:var(--deep)}.xx-section-head p{margin:0;color:var(--muted);font-size:13px;max-width:780px}.xx-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px}.xx-card{padding:24px 0;border-bottom:1px solid var(--line);min-width:0}.xx-card-main{display:block}.xx-card-main img{display:block;object-fit:contain;object-position:left;width:112px;height:88px;padding:6px;margin-bottom:12px;background:#faf9fc;border-radius:3px}.xx-card h3{font-size:17px;line-height:1.6;margin:0 0 10px;overflow-wrap:anywhere}.xx-card>p{font-size:13px;color:var(--muted);margin:0 0 15px;line-height:1.9}.xx-shortcuts{display:flex;flex-wrap:wrap;gap:5px 12px;margin:0;padding:0;list-style:none}.xx-shortcuts a{font-size:12px;display:block;border-bottom:1px solid #c6b9da}.xx-faq{border-top:4px solid var(--gold);padding:30px 0 55px}.xx-faq h2{font-size:25px}.xx-faq details{border-bottom:1px solid var(--line);padding:15px 0}.xx-faq summary{font-weight:700;color:var(--purple)}.xx-faq p{max-width:850px;color:var(--muted)}.xx-page{padding:28px 0 65px;min-height:55vh}.xx-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin-bottom:25px}.xx-page>h1{font-size:32px;margin:0 0 24px;color:var(--deep);line-height:1.5}.xx-page-lead{font-size:17px;max-width:900px}.xx-category-overview{display:grid;grid-template-columns:245px 1fr;gap:38px;background:var(--wash);padding:25px 32px;border-left:5px solid var(--gold);margin-bottom:30px}.xx-category-overview figure{margin:0}.xx-category-overview img{width:240px;height:170px;object-fit:contain}.xx-category-overview figcaption{font-size:11px;color:var(--muted);text-align:center}.xx-brand-range{padding:0 0 20px;max-width:1000px}.xx-brand-range h2,.xx-subcategories>h2,.xx-articles h2{font-size:24px;border-bottom:2px solid var(--purple);padding-bottom:10px}.xx-prose{max-width:1000px;line-height:2;overflow-wrap:anywhere}.xx-prose h2{font-size:24px;margin-top:32px;color:var(--deep)}.xx-prose h3{font-size:18px;margin-top:25px}.xx-prose img{max-width:100%;height:auto}.xx-prose table{border-collapse:collapse;width:100%;font-size:14px}.xx-prose td,.xx-prose th{padding:12px 16px;border:1px solid var(--line);text-align:left}.xx-prose thead{background:var(--wash)}.xx-table,.xx-original{overflow-x:auto}.xx-directory{columns:2;column-gap:32px}.xx-directory details{break-inside:avoid;border:1px solid var(--line);margin-bottom:20px;padding:15px 22px}.xx-directory summary{font-weight:700;color:var(--purple);font-size:19px}.xx-directory ul{padding-left:22px}.xx-directory li{padding:3px 0;font-size:14px}.xx-articles ul{list-style:none;padding:0;max-width:1000px}.xx-articles li{padding:13px 0;border-bottom:1px solid var(--line)}.xx-footer{background:var(--deep);color:#e5ddf0;padding:40px 0}.xx-footer a{color:#fff;overflow-wrap:anywhere}.xx-footer-top{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #645179;padding-bottom:22px}.xx-footer-top strong{font-size:25px;color:#fff}.xx-footer-top p{font-size:12px}.xx-footer nav{display:flex;flex-wrap:wrap;align-items:start;gap:12px 24px;font-size:13px}.xx-footer h2{font-size:16px;margin:25px 0 15px}.xx-contacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.xx-contacts address{font-style:normal;font-size:13px}.xx-contacts address>a{display:block;margin-top:5px}
@media(min-width:1500px){.xx-wrap{width:min(1380px,calc(100% - 100px))}}@media(max-width:1050px){.xx-wrap{width:calc(100% - 40px)}.xx-top{gap:25px;grid-template-columns:1fr 1.3fr}.xx-header-contact{display:none}.xx-hero-grid{gap:38px}.xx-catalog{grid-template-columns:165px 1fr;gap:25px}.xx-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xx-function-board>a{display:block}.xx-function-board span{display:block}}@media(max-width:700px){.xx-wrap{width:calc(100% - 32px)}.xx-top{display:block;padding:22px 0}.xx-logo{font-size:27px}.xx-search{margin-top:22px}.xx-nav{gap:9px 22px}.xx-hero-grid{grid-template-columns:1fr;padding:32px 0;gap:25px}.xx-hero:after{display:none}.xx-hero h1{font-size:32px}.xx-function-board{padding:18px 22px}.xx-function-board>a{display:flex;padding:12px 0}.xx-function-board span{font-size:11px;text-align:right}.xx-guide{grid-template-columns:1fr;gap:14px;padding:30px 0}.xx-guide h2{font-size:22px}.xx-catalog{display:block}.xx-group-nav{position:static;display:flex;flex-wrap:wrap;gap:0 17px;margin-bottom:28px;padding:10px 15px}.xx-group-nav a{border:0;padding:6px 0;font-size:12px}.xx-section-head h2{font-size:23px}.xx-card-grid{gap:0 20px}.xx-card h3{font-size:15px}.xx-card>p{font-size:12px}.xx-shortcuts a{font-size:11px}.xx-page>h1{font-size:27px}.xx-category-overview{display:block;padding:20px}.xx-category-overview figure{float:none;max-width:200px;margin-bottom:12px}.xx-category-overview img{height:130px}.xx-directory{columns:1}.xx-footer-top{display:block}.xx-footer nav{margin-top:20px}.xx-contacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.xx-prose td,.xx-prose th{padding:9px;min-width:110px}.xx-prose h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.xx-search button{flex-shrink:0;white-space:nowrap}

/* Original identity, readable product articles, and contextual navigation. */
.xx-original-logo{display:flex;align-items:center;gap:15px;letter-spacing:0;min-width:250px}.xx-original-logo .xx-logo-mark{display:block;flex:0 0 163px;width:163px;height:90px;margin:0;background:url('/static/xiangxin/original-logo.png') no-repeat 0 0;background-size:863px 700px}.xx-original-logo .xx-logo-word{font-size:17px;letter-spacing:0;font-weight:700;margin:0;color:#fff;white-space:nowrap}.xx-page-nav{display:flex;flex-wrap:wrap;gap:12px 25px;padding:14px 20px;border:1px solid var(--line);background:var(--wash);margin:20px 0 30px}.xx-page-nav a{font-size:14px;font-weight:700}.xx-section-note{color:var(--muted);font-size:13px}.xx-article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.xx-article-list>article{min-width:0;border-bottom:1px solid var(--line);padding:20px 0}.xx-article-list h3{font-size:17px;line-height:1.8;margin:0 0 8px}.xx-article-list p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.xx-article-list time,.xx-article-date{font-size:12px;color:var(--muted)}.xx-pagination{display:flex;align-items:center;gap:22px;justify-content:center;padding:25px 0}.xx-pagination a{padding:6px 15px;border:1px solid var(--line)}.xx-pagination span{font-size:13px;color:var(--muted)}.xx-engineering{padding:10px 0 25px}.xx-category-next{background:var(--wash);border-left:4px solid var(--gold);padding:20px 26px;margin:32px 0 10px}.xx-category-next h2{font-size:19px;margin:0 0 8px}.xx-category-next p{font-size:14px;margin:0 0 12px}.xx-category-next a{display:inline-block;margin-right:22px;font-size:14px}.xx-article-layout{display:flex;gap:36px;align-items:flex-start}.xx-article-body{flex:1;min-width:0}.xx-toc{position:sticky;top:20px;flex:0 0 250px;background:var(--wash);padding:18px 20px;font-size:13px;max-height:80vh;overflow:auto}.xx-toc summary{font-size:15px;font-weight:700;color:var(--purple)}.xx-toc ul{padding-left:18px}.xx-toc li{padding:5px 0}.xx-toc .h3{margin-left:10px}.xx-article-category{font-size:14px}.xx-original h2,.xx-engineering h2,.xx-articles,.xx-subcategories{scroll-margin-top:20px}.xx-article-body table{display:block;overflow-x:auto}.xx-table:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:1050px){.xx-original-logo{min-width:0}.xx-original-logo .xx-logo-mark{flex-basis:130px;width:130px;height:72px;background-size:688px 558px}.xx-original-logo .xx-logo-word{font-size:15px}.xx-article-layout{display:block}.xx-toc{position:static;max-height:none;margin-bottom:25px}}@media(max-width:700px){.xx-original-logo{gap:14px}.xx-original-logo .xx-logo-mark{flex-basis:110px;width:110px;height:61px;background-size:582px 472px}.xx-original-logo .xx-logo-word{font-size:17px}.xx-article-list{grid-template-columns:1fr}.xx-article-list h3{font-size:16px}.xx-page-nav{gap:8px 18px;padding:12px 15px}.xx-page-nav a{font-size:12px}.xx-category-next{padding:18px}.xx-category-next a{margin:4px 15px 4px 0}}