@layer legacy {
/* Layout authority: design/mockups/v5/01-home-xinghuai-review-v2.png. */
.page-01-home{--home-u:min(calc(100vw / 992),1.5px);background:#fffdfb}
.page-01-home .v10-block>.inner{width:94%;max-width:1398px;height:auto;padding:calc(23*var(--home-u)) 0}
.page-01-home .v10-products>.inner{padding-bottom:calc(28*var(--home-u))}
.page-01-home .v10-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:calc(12*var(--home-u));padding-inline:calc(20*var(--home-u))}
.page-01-home .v10-heading h2{font-size:calc(40*var(--home-u));line-height:1.2;letter-spacing:-1px}
.page-01-home .v10-heading p{font-size:calc(16*var(--home-u));line-height:1.5;margin-top:calc(3*var(--home-u));color:#6d7379}
.page-01-home .v10-heading>.text-link{font-size:calc(12*var(--home-u));align-self:center}
.v10-hero{height:calc(445*var(--home-u));background:#f7f0e5 url(generated/campus-hero-v1.png) center center/cover no-repeat;isolation:isolate;overflow:hidden}
.v10-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff7 0%,#fff5 38%,transparent 90%);z-index:-1}
.v10-hero>.inner{width:90%;max-width:1350px;height:100%;position:relative}
.v10-hero-copy{position:absolute;left:0;top:calc(79*var(--home-u));width:calc(400*var(--home-u));z-index:2}
.v10-hero-copy h1{font-size:calc(43*var(--home-u));line-height:1.3;letter-spacing:calc(-1*var(--home-u));white-space:nowrap;color:#121b24}
.v10-hero-copy h1 em{color:#b2252d}
.v10-hero-copy .v10-lead{font-size:calc(21*var(--home-u));line-height:1.6;color:#15212d;margin-top:calc(7*var(--home-u));white-space:nowrap}
.v10-hero-copy .v10-subline{font-size:calc(14*var(--home-u));color:#83858a;line-height:1.9;margin-top:calc(3*var(--home-u))}
.v10-hero-actions{display:flex;gap:calc(18*var(--home-u));margin-top:calc(16*var(--home-u));align-items:center}
.page-01-home .v10-hero-actions .button{font-size:calc(13*var(--home-u));padding:calc(8*var(--home-u)) calc(21*var(--home-u));min-height:calc(39*var(--home-u))}
.v10-hero-copy .v10-hero-note{font-size:calc(11*var(--home-u));line-height:1.8;margin-top:calc(9*var(--home-u));color:#88877f}
.v10-screen{position:absolute;top:calc(36*var(--home-u));right:calc(-20*var(--home-u));width:59%;height:calc(380*var(--home-u));background:#fff;padding:calc(5*var(--home-u));border:1px solid #ddd8cf;border-radius:calc(4*var(--home-u));box-shadow:0 calc(8*var(--home-u)) calc(22*var(--home-u)) #382c1f26;overflow:hidden}
.v10-screen>a{display:block;width:100%;height:100%;overflow:hidden}
.v10-screen img{width:100%;height:100%;object-fit:contain;object-position:left top}
.v10-screen figcaption{position:absolute;bottom:calc(7*var(--home-u));right:calc(12*var(--home-u));font-size:calc(9*var(--home-u));color:#7c7b76;background:#fff9;line-height:1.5}
.v10-products{background:#fffdfb}
.v10-category-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:calc(6*var(--home-u))}
.v10-category{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #eee3d7;border-radius:2px;padding:calc(20*var(--home-u)) calc(5*var(--home-u));min-height:calc(161*var(--home-u));background:#fcfaf6;transition:border-color .18s,background .18s}
.v10-category:hover{background:#fff6ed;border-color:#bf5658}
.v10-category>.icon{width:calc(31*var(--home-u));height:calc(31*var(--home-u));margin-bottom:calc(13*var(--home-u));color:#b2252d}
.v10-category h3{font:700 calc(15*var(--home-u))/1.5 var(--serif);white-space:nowrap;margin-bottom:calc(9*var(--home-u));color:#161e27}
.v10-category p{font:calc(11*var(--home-u))/1.9 var(--sans);color:#84837e;white-space:nowrap}
.v10-tender-strip{margin-top:calc(13*var(--home-u));padding:calc(18*var(--home-u)) calc(24*var(--home-u));display:flex;align-items:center;gap:calc(20*var(--home-u));background:#fcf0e8;border:1px solid #f5e8df;border-radius:3px}
.v10-tender-strip>.icon{width:calc(29*var(--home-u));height:calc(29*var(--home-u))}
.v10-tender-strip>div{flex:1}
.v10-tender-strip h3{font:600 calc(15*var(--home-u))/1.6 var(--sans);color:#b2252d}
.v10-tender-strip p{font:calc(11*var(--home-u))/1.7 var(--sans);color:#8b8881;margin-top:calc(2*var(--home-u))}
.page-01-home .v10-tender-strip .button{font-size:calc(12*var(--home-u));min-height:calc(38*var(--home-u));min-width:calc(160*var(--home-u));padding:8px 14px}
.v10-solutions{background:#faf8f4}
.v10-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(15*var(--home-u))}
.v10-solution{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:calc(163*var(--home-u));padding:calc(20*var(--home-u));background-color:#f6f0e6;border-radius:3px;background-position:center;background-size:cover}
.v10-solution:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff9 0%,#fff4 55%,transparent)}
.v10-solution h3{display:flex;align-items:center;gap:calc(12*var(--home-u));font-size:calc(20*var(--home-u));white-space:nowrap;line-height:1.5}
.v10-solution h3>.icon{width:calc(31*var(--home-u));height:calc(31*var(--home-u))}
.v10-solution p{font:calc(13*var(--home-u))/1.6 var(--sans);color:#7c7d79;max-width:calc(215*var(--home-u));margin-top:calc(12*var(--home-u));min-height:calc(42*var(--home-u))}
.v10-solution .text-link{font-size:calc(13*var(--home-u));margin-top:calc(12*var(--home-u));font-weight:600}
.v10-partners{background:#fffdfb}
.page-01-home .v10-partners>.inner{display:grid;grid-template-columns:44% 1fr;gap:calc(30*var(--home-u));padding:calc(20*var(--home-u)) calc(20*var(--home-u))}
.v10-partner-intro{border-right:1px solid #e7dfd6;padding-right:calc(30*var(--home-u))}
.v10-partner-intro h2{font-size:calc(29*var(--home-u));line-height:1.5;letter-spacing:calc(-.5*var(--home-u));white-space:nowrap}
.v10-partner-intro p{font:calc(14*var(--home-u))/1.8 var(--sans);margin-top:calc(8*var(--home-u));color:#737982}
.v10-partner-intro>.button{font-size:calc(12*var(--home-u));min-height:calc(38*var(--home-u));margin-top:calc(21*var(--home-u))}
.v10-partner-row{display:grid;grid-template-columns:calc(34*var(--home-u)) calc(140*var(--home-u)) 1fr calc(12*var(--home-u));gap:calc(14*var(--home-u));align-items:center;border-bottom:1px solid #e8e1d9;padding:calc(10*var(--home-u)) 0;min-height:calc(50*var(--home-u))}
.v10-partner-row:first-child{padding-top:0}
.v10-partner-row:last-child{border:0}
.v10-partner-row>.icon{width:calc(29*var(--home-u));height:calc(29*var(--home-u))}
.v10-partner-row>.icon:last-child{width:calc(13*var(--home-u));height:calc(13*var(--home-u))}
.v10-partner-row h3{font:600 calc(13*var(--home-u))/1.6 var(--sans)}
.v10-partner-row p{font:calc(12*var(--home-u))/1.8 var(--sans);color:#8a8b8d}
.v10-closing{background:#f4e8d8 url(generated/book-pen-banner-v1.png) center/cover no-repeat;min-height:calc(138*var(--home-u))}
.page-01-home .v10-closing>.inner{display:flex;align-items:center;gap:calc(38*var(--home-u));min-height:calc(138*var(--home-u));padding:calc(24*var(--home-u)) calc(20*var(--home-u))}
.v10-closing h2{font:700 calc(36*var(--home-u))/1.4 var(--serif);color:#b2252d}
.v10-closing p{font:calc(15*var(--home-u))/1.9 var(--sans);color:#6f7475;margin-top:calc(3*var(--home-u))}
.v10-closing .button{font-size:calc(13*var(--home-u));min-width:calc(185*var(--home-u));min-height:calc(40*var(--home-u))}
.v10-home-footer{height:auto;min-height:calc(70*var(--home-u));background:#fffdfb;border-top:1px solid #eee5d9}
.v10-home-footer>.inner{width:90%;max-width:1350px;display:flex;justify-content:space-between;align-items:center;gap:calc(25*var(--home-u));padding-block:calc(20*var(--home-u))}
.v10-home-footer nav{display:flex;gap:calc(24*var(--home-u));font:calc(11*var(--home-u))/1.7 var(--sans)}
.v10-home-footer .v10-privacy{font-size:calc(10*var(--home-u));white-space:nowrap;color:#696f75}
@media(min-width:701px) and (max-width:991px){
 .page-01-home{--home-u:1px}.v10-hero{height:auto;min-height:620px}.v10-hero>.inner{width:calc(100% - 48px);min-height:620px;padding-top:40px}
 .v10-hero-copy{position:relative;top:auto;width:100%;max-width:100%;text-align:left}.v10-hero-copy h1{font-size:40px}.v10-hero-copy .v10-lead{font-size:21px}
 .v10-screen{top:270px;width:70%;height:320px;right:0;max-width:610px}
 .page-01-home .v10-block>.inner{width:calc(100% - 48px);padding-block:32px}.v10-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .v10-category{min-height:135px;padding:20px 10px}.v10-category>.icon{margin-bottom:8px}.v10-category p{display:inline;font-size:12px}.v10-category h3{font-size:18px;margin-bottom:6px}
 .v10-category p+p{margin-left:8px}.v10-heading h2{font-size:32px}.v10-heading p{font-size:14px}
 .v10-tender-strip{padding:18px;gap:14px}.v10-tender-strip h3{font-size:14px}.v10-tender-strip p{font-size:12px}.v10-tender-strip .button{min-width:130px!important}
 .v10-solution-grid{gap:14px}.v10-solution{padding:24px 18px;min-height:235px}.v10-solution h3{font-size:21px;white-space:normal;display:block}.v10-solution h3>.icon{display:block;margin-bottom:12px}.v10-solution p{font-size:13px;max-width:none;margin-top:12px;min-height:70px}
 .page-01-home .v10-partners>.inner{display:block;padding:32px 0}.v10-partner-intro{border:0;padding:0}.v10-partner-intro h2{font-size:29px}.v10-partner-intro p{font-size:14px}.v10-partner-services{margin-top:28px}.v10-partner-row{grid-template-columns:36px 130px 1fr 16px;min-height:62px}.v10-partner-row h3{font-size:15px}.v10-partner-row p{font-size:14px}
 .page-01-home .v10-closing>.inner{padding:30px 0;gap:36px}.v10-closing h2{font-size:32px}.v10-closing p{font-size:14px}
 .v10-home-footer>.inner{width:calc(100% - 48px);gap:20px;flex-wrap:wrap}.v10-home-footer nav{font-size:13px;gap:20px}.v10-home-footer .v10-privacy{font-size:12px}
}
@media(max-width:700px){
 .page-01-home{--home-u:1px}.v10-hero{height:auto;background-position:58% center}.v10-hero>.inner{width:calc(100% - 32px);padding:36px 0 22px}
 .v10-hero-copy{position:relative;top:auto;left:auto;width:100%;max-width:100%}.v10-hero-copy h1{font-size:clamp(30px,8.2vw,40px);letter-spacing:-.6px;white-space:normal}.v10-hero-copy .v10-lead{font-size:17px;line-height:1.7;white-space:normal;margin-top:12px}.v10-hero-copy .v10-subline{font-size:13px;line-height:1.8;margin-top:6px;max-width:310px}
 .v10-hero-actions{gap:10px;flex-wrap:wrap;margin-top:20px}.page-01-home .v10-hero-actions .button{font-size:13px;min-height:44px;padding:10px 18px}.v10-hero-copy .v10-hero-note{font-size:11px;margin-top:8px}
 .v10-screen{position:relative;top:auto;right:auto;width:100%;height:auto;margin-top:26px;padding:4px;min-height:0}.v10-screen>a{height:auto}.v10-screen img{height:auto;object-fit:contain}.v10-screen figcaption{position:static;text-align:right;font-size:10px;padding:7px 5px 4px;background:white}
 .page-01-home .v10-block>.inner{width:calc(100% - 32px);padding:30px 0}.page-01-home .v10-heading{align-items:flex-start;gap:16px;margin-bottom:20px;padding-inline:0}.page-01-home .v10-heading h2{font-size:30px;letter-spacing:0}.page-01-home .v10-heading p{font-size:13px;line-height:1.8;margin-top:8px}.page-01-home .v10-heading>.text-link{font-size:12px;white-space:normal;flex-shrink:0;max-width:85px;gap:4px}
 .v10-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v10-category{padding:16px 4px;min-height:143px}.v10-category>.icon{width:27px;height:27px;margin-bottom:10px}.v10-category h3{font-size:16px;margin-bottom:6px}.v10-category p{font-size:11px;line-height:1.8}
 .v10-tender-strip{margin-top:16px;padding:18px 16px;gap:12px;flex-wrap:wrap}.v10-tender-strip>.icon{width:26px;height:26px}.v10-tender-strip>div{flex:1;min-width:200px}.v10-tender-strip h3{font-size:14px}.v10-tender-strip p{font-size:12px;margin-top:5px}.page-01-home .v10-tender-strip .button{font-size:13px;min-height:42px;margin-left:38px;min-width:0;padding:9px 18px}
 .v10-solution-grid{grid-template-columns:1fr;gap:16px}.v10-solution{min-height:195px;padding:25px 22px}.v10-solution h3{font-size:23px;gap:14px;white-space:normal}.v10-solution h3>.icon{width:31px;height:31px}.v10-solution p{font-size:14px;line-height:1.9;max-width:270px;min-height:0;margin-top:18px}.v10-solution .text-link{font-size:14px;margin-top:24px}
 .page-01-home .v10-partners>.inner{display:block;padding:30px 0}.v10-partner-intro{border:0;padding:0}.v10-partner-intro h2{font-size:27px;white-space:normal;letter-spacing:0}.v10-partner-intro p{font-size:14px;margin-top:10px}.v10-partner-intro>.button{font-size:13px;min-height:43px;margin-top:20px}.v10-partner-services{margin-top:26px}
 .v10-partner-row{grid-template-columns:30px 1fr 12px;column-gap:15px;row-gap:5px;padding:16px 0;min-height:82px}.v10-partner-row>.icon:first-child{grid-row:1/3;width:28px;height:28px}.v10-partner-row h3{font-size:15px;grid-column:2}.v10-partner-row p{font-size:13px;grid-column:2}.v10-partner-row>.icon:last-child{grid-column:3;grid-row:1/3;width:12px;height:12px}
 .page-01-home .v10-closing>.inner{display:block;padding:30px 0;min-height:0}.v10-closing h2{font-size:29px}.v10-closing p{font-size:13px;max-width:270px;margin-top:8px}.v10-closing .button{font-size:14px;min-height:44px;min-width:170px;margin-top:20px}.v10-closing{background-position:56% center}
 .v10-home-footer>.inner{display:flex;width:calc(100% - 32px);padding:24px 0;flex-direction:column;gap:20px}.v10-home-footer .brand strong{font-size:25px}.v10-home-footer .brand span{font-size:13px}.v10-home-footer nav{font-size:12px;flex-wrap:wrap;justify-content:center;gap:12px 20px}.v10-home-footer .v10-privacy{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.v10-category{transition:none}}

}