:root{--orange:#ff6a00;--ink:#171717;--muted:#6c6c68;--line:#e8e7e2;--soft:#f5f4f0}
.branch-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px;margin-top:56px}.branch-gallery figure{margin:0}.branch-photo{background:#e2e2df;padding:10px;overflow:hidden}.branch-photo img{display:block;width:100%;height:190px;object-fit:cover}.branch-gallery figcaption{padding:18px 2px 0}.branch-gallery figcaption span{font-size:10px;letter-spacing:.13em;color:var(--orange)}.branch-gallery h3{font-size:20px;margin-top:8px}.gallery-note{font-size:12px;color:#969690;margin-top:36px}@media(max-width:850px){.branch-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.branch-gallery{grid-template-columns:1fr}.branch-photo img{height:180px}}
.strength-map{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8d7d1;margin-top:56px}.strength-map article{background:var(--soft);min-height:260px;padding:32px}.strength-map span{font-size:12px;color:var(--orange)}.strength-map h3{font-size:24px;margin:52px 0 16px}.strength-map p{font-size:14px;color:var(--muted)}.source-note{font-size:12px!important;color:#969690!important}.brand-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.3)}.brand-stats div{background:var(--orange);padding:20px;display:flex;flex-direction:column}.brand-stats strong{font-size:40px;font-weight:500}.brand-stats span{font-size:13px;opacity:.8;margin-top:8px}.section-head{display:flex;justify-content:space-between;align-items:flex-end}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:52px}.news-card{background:#fff;padding:30px;min-height:230px}.news-card .news-meta{font-size:11px;color:var(--orange);letter-spacing:.06em}.news-card h3{font-size:22px;line-height:1.42;margin:42px 0 14px}.news-card>p:last-child{font-size:14px;color:var(--muted)}.news-list{border-top:1px solid var(--line)}.news-list>article{display:grid;grid-template-columns:210px 1fr;gap:54px;padding:42px 0;border-bottom:1px solid var(--line)}.news-side{display:flex;flex-direction:column;gap:10px}.news-side span{font-size:12px;color:var(--orange)}.news-side time{font-size:12px;color:#999}.news-list h2{font-size:28px;line-height:1.4;margin-bottom:14px}.news-list article>div:last-child>p{color:var(--muted);font-size:15px;max-width:760px}.news-list article>div:last-child>a{display:inline-block;margin-top:18px;color:var(--orange);font-size:13px}.article-hero{background:var(--soft);padding:88px 0 64px}.article-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.24;max-width:900px;margin:20px 0 26px}.article-meta{font-size:13px;color:var(--muted)}.article-body{max-width:800px;padding-top:70px;padding-bottom:100px}.article-body .article-lead{font-size:20px;color:#3f3f3b;border-left:3px solid var(--orange);padding-left:22px;margin-bottom:40px}.article-body h2{font-size:27px;margin:44px 0 14px}.article-body p{font-size:16px;color:#555550;margin-bottom:20px}.article-source{margin-top:55px;padding-top:24px;border-top:1px solid var(--line);font-size:13px!important;color:#8c8c87!important}.article-source a{color:var(--orange)}
@media(max-width:850px){.strength-map,.news-grid{grid-template-columns:1fr}.brand-stats{grid-template-columns:1fr 1fr}.news-list>article{grid-template-columns:150px 1fr;gap:30px}.section-head{align-items:flex-start;gap:30px}}
@media(max-width:560px){.brand-stats{grid-template-columns:1fr}.news-list>article{grid-template-columns:1fr;gap:20px}.section-head{display:block}.section-head>.link{display:inline-block;margin-top:24px}.article-hero{padding:62px 0 46px}.article-hero h1{font-size:38px}.article-body{padding-top:50px}}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
p{line-height:1.8;margin:0}
h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.035em}
.container{width:min(1160px,calc(100% - 48px));margin:auto}
.header{height:74px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);position:sticky;top:0;z-index:3}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}
.brand-logo-link{display:inline-flex;align-items:center;line-height:0}
.brand-logo{display:block;width:auto;height:44px}
.mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px 10px 10px 3px;background:var(--orange);color:#fff;font-size:15px}
.nav nav{display:flex;gap:30px}
.nav nav a{font-size:14px;color:#4f4f4b}
.nav nav a:hover{color:var(--orange)}
.section{padding:105px 0}
.soft{background:var(--soft)}
.eyebrow,.kicker{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--orange)}
.hero{padding:74px 0 104px}
.hero-grid{min-height:580px;display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:center}
.hero h1{font-size:clamp(56px,6vw,86px);line-height:1.08;margin:24px 0 30px}
.lead{font-size:18px;color:var(--muted);max-width:560px}
.visual{height:560px;position:relative}
.visual img{width:88%;height:88%;object-fit:cover;float:right;position:relative;z-index:2}
.orange-block{position:absolute;left:0;bottom:0;width:55%;height:38%;background:var(--orange)}
.est{position:absolute;right:0;bottom:40px;background:#171717;color:white;z-index:2;width:120px;height:120px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.est small{color:#aaa}
.est strong{font-size:26px;font-weight:500}
.links{display:flex;gap:30px;margin-top:42px}
.link{font-size:14px;padding-bottom:7px;border-bottom:1px solid}
.link b{color:var(--orange);margin-left:18px}
.intro{max-width:720px}
.intro h2{font-size:clamp(36px,4vw,52px);line-height:1.28;margin:18px 0}
.intro>p:last-child{color:var(--muted)}
.statement{display:grid;grid-template-columns:1fr 2.3fr;gap:70px;border-top:1px solid var(--line);padding-top:82px}
.statement h2{font-size:clamp(34px,4vw,53px);line-height:1.3}
.statement .copy{color:var(--muted);font-size:17px;margin-top:30px;max-width:760px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid #d6d5cf}
.grid4 article{min-height:245px;padding:27px;border-right:1px solid #d6d5cf}
.grid4 article:first-child{padding-left:0}
.grid4 article:last-child{border:0}
.number{color:var(--orange);font-size:12px}
.grid4 h3{font-size:23px;margin:50px 0 15px}
.grid4 p{font-size:14px;color:var(--muted)}
.story{display:grid;grid-template-columns:1.08fr .92fr;gap:84px;align-items:center}
.story img{width:100%;height:540px;object-fit:cover}
.story h2{font-size:48px;line-height:1.25;margin:20px 0 25px}
.story p{color:var(--muted);margin-bottom:30px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:55px}
.placeholder{aspect-ratio:1/1.05;background:#d7d7d4;display:flex;align-items:flex-end;padding:20px;color:#8d8d88;font-size:10px;letter-spacing:.15em}
.card h3{font-size:20px;margin:18px 0 6px}
.card p{font-size:13px;color:var(--muted)}
.band{background:var(--orange);color:white}
.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.band h2{font-size:50px}
.band p{opacity:.86}
.page-hero{background:#171717;color:#fff;padding:100px 0 72px}
.page-hero h1{font-size:clamp(52px,7vw,82px);margin:20px 0 24px}
.page-hero p:last-child{color:#b6b6b1;max-width:720px}
.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}
.body-copy{color:var(--muted);font-size:16px}
.body-copy p+p{margin-top:18px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #d6d5cf}
.flow article{padding:28px 25px 10px;border-right:1px solid #d6d5cf;min-height:210px}
.flow h3{font-size:22px;margin:45px 0 12px}
.flow p{font-size:14px;color:var(--muted)}
.category{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:55px}
.category .pic{aspect-ratio:1/1.08;background:linear-gradient(145deg,#e8e4dd,#bebbb3)}
.category .pic{overflow:hidden}.category .pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category article:hover .pic img{transform:scale(1.025)}
.category article:nth-child(2) .pic{background:linear-gradient(145deg,#dfe2de,#b4bab3)}
.category article:nth-child(3) .pic{background:linear-gradient(145deg,#e8dfdb,#c7b6ae)}
.category h3{font-size:23px;margin:18px 0 8px}
.category p{color:var(--muted);font-size:14px}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.products .card{margin-bottom:25px}
.app-box{display:grid;grid-template-columns:145px .75fr 1.25fr;gap:50px}
.app-icon{width:145px;height:145px;border-radius:32px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:48px;font-weight:700}
.app-name h2{font-size:44px;margin:17px 0 8px}
.app-name p{color:var(--muted)}
dl{margin:0}
.facts div,.info div{display:grid;grid-template-columns:145px 1fr;border-top:1px solid var(--line);padding:17px 0}
dt{font-size:13px;color:var(--muted)}
dd{margin:0;font-size:14px;line-height:1.7}
.facts a,.legal a{color:var(--orange)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about img{width:100%;height:540px;object-fit:cover}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.info-grid article{border:1px solid var(--line);padding:34px}
.info-grid h2{font-size:24px;margin-bottom:25px}
.info-grid p{color:var(--muted);font-size:14px}
.legal{max-width:820px;padding-top:75px;padding-bottom:100px}
.legal h2{font-size:22px;margin:40px 0 12px}
.legal p{font-size:15px;color:#5b5b56}
.notice{background:#fff4ec;border-left:3px solid var(--orange);padding:18px 20px;color:#743308!important}
.footer{background:#121212;color:white;padding-top:65px}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr 1.2fr;gap:60px;padding-bottom:60px}
.footer-col{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.footer-col h2{font-size:13px;color:#777;margin-bottom:8px}
.footer-col a,.footer-col p,.footer-brand p{font-size:13px;color:#b5b5b0}
.footer-brand .logo{margin-bottom:18px}
.footer-logo{display:inline-block;line-height:0;margin-bottom:18px}
.footer-logo .brand-logo{height:48px}
.copyright{border-top:1px solid #292929;padding:20px 0;display:flex;justify-content:space-between;color:#70706c;font-size:12px}
@media(max-width:850px){.nav nav{display:none}
.section{padding:72px 0}
.hero-grid,.statement,.story,.two-col,.about{grid-template-columns:1fr}
.hero-grid{gap:50px}
.visual{height:420px}
.grid4,.flow{grid-template-columns:1fr 1fr}
.cards,.products,.category{grid-template-columns:1fr 1fr}
.app-box{grid-template-columns:120px 1fr}
.app-icon{width:120px;height:120px}
.facts{grid-column:1/-1}
.footer-grid{grid-template-columns:1fr 1fr}
.band-grid{grid-template-columns:1fr;gap:28px}
.info-grid{grid-template-columns:1fr}
}
@media(max-width:560px){.container{width:calc(100% - 32px)}
.brand-logo{height:38px}
.hero h1{font-size:44px}
.visual{height:340px}
.grid4,.flow,.cards,.products,.category{grid-template-columns:1fr}
.grid4 article,.flow article{border-right:0;border-bottom:1px solid #d6d5cf}
.story img,.about img{height:330px}
.app-box{grid-template-columns:1fr}
.facts{grid-column:auto}
.facts div,.info div{grid-template-columns:1fr;gap:7px}
.footer-grid{grid-template-columns:1fr}
.copyright{flex-direction:column;gap:7px}
.page-hero h1{font-size:48px}
.links{flex-direction:column;align-items:flex-start}
}