/* 银聆科技 · 2026。参考 MiniMax 的整块主视觉、居中层级与白色卡片；绿色树林主题。 */
:root{--paper:#fff;--ink:#222724;--green:#2d664b;--muted:#757b77;--line:#e9eeea;--soft:#f5f7f5;--sans:Taipei,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
body{background:white;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.75}
h1,h2,h3,button,input,select{font-family:var(--sans)}
.site-header{height:82px;max-width:1440px;padding:0 56px;display:flex;align-items:center;gap:48px;position:relative;z-index:30;background:#fff}.brand{font-size:22px;gap:11px;flex:none;letter-spacing:.02em}.brand img{height:43px;width:43px}.brand small{font-size:8px;letter-spacing:.13em}.site-nav{max-width:none;padding:0;margin:0;position:static;border:0;background:transparent;display:flex;gap:30px;flex:1;align-items:center}.site-nav button{font-size:14px;padding:12px 0;font-weight:400}.site-nav button span{display:none}.site-nav button.active{color:#222;font-weight:700}.site-nav button.active:after{display:none}.site-nav button:hover{color:var(--green)}.header-action{flex:none;border-radius:99px;background:#f1f4f1;padding:10px 23px;font-size:13px;white-space:nowrap}.header-action:hover{background:#e4ece4}
main{max-width:1440px;padding:0 64px}.page{padding-top:65px;padding-bottom:88px}body:has(#overview:not([hidden])) main{max-width:none;padding:0}#overview{padding:0 0 80px}.hero{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:820px;width:100%;padding:57px 48px 75px;text-align:center;background:#4f7754}.hero-forest{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-4;filter:saturate(.9) brightness(1.24) contrast(1.03)}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#1d422b55,#254b2d22 40%,#53795dc9 100%)}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");filter:grayscale(1)}.hero-content{position:relative;z-index:1;max-width:1200px;margin:auto}.hero-label{font-size:14px;letter-spacing:.12em;color:#edf4eb;margin:0 0 20px}.hero h1{font-size:clamp(48px,4.7vw,68px);line-height:1.25;font-weight:600;letter-spacing:-.045em;color:white;margin:0 0 40px}.hero-feature-stack{background:#ffffff2e;padding:12px;border-radius:24px;max-width:760px;margin:0 auto;backdrop-filter:blur(10px);display:grid;gap:12px}.hero-feature{background:#fff;border-radius:16px;padding:27px 30px;display:grid;grid-template-columns:50px 210px 1fr;gap:25px;align-items:center;text-align:left;min-height:112px}.hero-feature svg{width:47px;height:47px;color:#315d44}.hero-feature h2{font-size:22px;line-height:1.5;letter-spacing:-.035em;font-weight:600;margin:0;white-space:nowrap}.hero-feature p{font-size:15px;line-height:1.8;margin:0;color:#737975}.hero-tagline{font-size:16px;line-height:1.9;color:#f4f8f1;margin:28px 0 26px}.hero-actions{display:flex;gap:18px;justify-content:center}.button{border-radius:99px;border:0;background:#f0f4ef;font-size:14px;min-height:46px;padding:11px 25px}.button.primary{background:#2d664b;color:#fff}.hero-actions .button{border:1px solid #ffffff85;background:#ffffff08;border-radius:10px;color:white;min-width:190px;padding:12px 25px;gap:24px}.hero-actions .button:hover{background:#ffffff22}.text-button{text-decoration:none;border:0;font-size:14px}.text-button:hover{color:var(--green)}
.overview-intro,.principle-section,#overview>.details-block,.overview-bottom{max-width:1280px;width:calc(100% - 112px);margin-left:auto;margin-right:auto}.overview-intro{padding:90px 80px 85px;text-align:center}.section-kicker{font-size:13px;line-height:1.8;color:#818982;display:block;margin-bottom:19px}.overview-intro h2,.principle-section>h2{font-size:36px;font-weight:600;line-height:1.5;letter-spacing:-.04em;margin:0 0 24px}.overview-intro>p{font-size:20px;line-height:1.95;max-width:940px;margin:0 auto;color:#6a726b}.principle-section{text-align:center;padding:0 0 70px}.principle-section>h2{margin-bottom:14px}.section-description{font-size:16px;color:#858c86;margin-bottom:40px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border:0;padding:0;text-align:left}.principles article{background:#f8faf7;border:0;border-radius:22px;padding:12px;overflow:hidden}.principle-art{height:230px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden}.principle-art>span{font-size:72px;font-weight:500;letter-spacing:-.05em;line-height:1.3;color:white}.principle-art>small{font-size:13px;color:#e7f2e3}.art-memory{background:linear-gradient(125deg,#759e65,#264e3b)}.art-action{background:linear-gradient(135deg,#a4bda3,#6e8b73)}.art-share{background:linear-gradient(135deg,#d5e3bf,#8daa79)}.art-share>span,.art-share>small{color:#3f5e36}.principle-copy{padding:26px 17px 24px}.principles h3{font-size:22px;line-height:1.5;font-weight:600;margin:0 0 12px;letter-spacing:-.04em}.principles p{font-size:14px;line-height:1.9;color:#828b82;margin:0}.details-block{border:0;background:#f5f7f4;border-radius:18px;padding:24px 30px}.details-block summary{font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.details-block summary::-webkit-details-marker{display:none}.details-block summary:after{content:'+';color:#7c887e;font-size:20px}.details-block[open] summary:after{content:'−'}.details-block>div{padding-top:28px}.governance-grid{gap:30px 45px}.governance-grid h3{font-size:18px}.governance-grid p{font-size:14px;color:#737d73;line-height:1.9}.overview-bottom{border:0;padding:38px 6px 0}.overview-bottom p{font-size:13px}.overview-bottom p span{font-size:12px;color:#929991}.overview-bottom .text-button{background:#f1f5ef;border-radius:99px;padding:13px 24px}
.resource-interlude{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#eff4eb;border-radius:22px;overflow:hidden;margin-bottom:60px}.resource-interlude>div{padding:38px}.resource-interlude p{font-size:29px;line-height:1.6;letter-spacing:-.03em;margin:16px 0}.resource-interlude>img{width:100%;height:270px;object-fit:cover;object-position:50% 60%}.memory-glyph{width:125px;height:77px;color:#8ba88c}.memory-glyph circle{fill:#eff4eb;stroke:currentColor;stroke-width:1.2}.memory-glyph circle:nth-child(4){fill:#527553}.image-credits{max-width:1440px;padding:18px 64px 28px;margin:0 auto;color:#9ca49c;font-size:10px}.image-credits a{text-decoration:none}.site-footer{max-width:1440px;padding:28px 64px 36px;border-top:1px solid #eff2ed;color:#929a93;font-size:11px}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200px);z-index:100;padding:10px;color:white;background:#234a34}.skip-link:focus{transform:none}.eyebrow{letter-spacing:.02em}.positive{color:#2d664b}button,a{transition:background-color .15s ease,color .15s ease}
@media(min-width:1600px){.hero{padding-top:70px;padding-bottom:90px}.hero-feature-stack{max-width:800px}.hero-feature{min-height:120px}.hero h1{margin-bottom:46px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none}}

/* 首屏只呈现主张，说明卡移到下方白色区域。 */
.hero{min-height:630px;padding:130px 48px 120px;display:flex;align-items:center;justify-content:center}.hero-content{width:100%}.hero h1{font-size:clamp(44px,4.7vw,70px);margin-bottom:28px;line-height:1.3}.hero-label{margin-bottom:26px}.hero-tagline{margin:0 0 36px;font-size:17px}.hero-actions{margin-top:0}.hero-shade{background:linear-gradient(180deg,#2c704a08,#3c744319 44%,#8ab17982),radial-gradient(ellipse at 50% 48%,#143b2547,transparent 70%)}
.features-section{max-width:1280px;width:calc(100% - 112px);margin:0 auto;padding:64px 0 0}.features-section .hero-feature-stack{max-width:none;background:transparent;padding:0;border-radius:0;backdrop-filter:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.features-section .hero-feature{grid-template-columns:1fr;gap:0;padding:30px 30px 32px;background:#f4f7f2;border-radius:20px;min-height:230px}.features-section .hero-feature svg{width:40px;height:40px;margin-bottom:23px}.features-section .hero-feature h2{font-size:22px;margin-bottom:13px}.features-section .hero-feature p{font-size:14px;line-height:1.9}.overview-intro{padding-top:82px}
@media(min-width:1600px){.hero{min-height:690px;padding-top:150px;padding-bottom:140px}.hero h1{margin-bottom:30px}}
@media(max-width:1000px){.site-header{padding-left:24px;padding-right:24px;gap:24px}.site-nav{min-width:0;overflow-x:auto;scrollbar-width:none;gap:22px}.site-nav button{flex:none}.brand{font-size:19px}.brand img{width:37px;height:37px}.header-action{padding:10px 17px}.hero{padding-left:30px;padding-right:30px}.features-section{width:calc(100% - 64px)}.features-section .hero-feature-stack{gap:14px}.features-section .hero-feature{padding:25px 22px}.features-section .hero-feature h2{font-size:18px;white-space:normal}}

/* 品牌字体统一使用 Taipei；主张在首屏保持最高视觉权重。 */
html body,html body *{font-family:Taipei,'PingFang SC','Microsoft YaHei',sans-serif!important}
.hero h1{font-family:Taipei,sans-serif;font-size:clamp(64px,6.25vw,96px);font-weight:700;line-height:1.25;letter-spacing:-.045em;margin-bottom:30px}

/* 愿景以连续叙述展开，色块用于区分概念与例子。 */
.vision-story{max-width:1280px;width:calc(100% - 112px);margin:0 auto 88px}
.vision-chapter{padding:58px 0}
.vision-heading{max-width:880px;margin-bottom:30px}
.vision-heading .section-kicker{color:#54715e;font-size:13px;font-weight:700;margin-bottom:16px}
.vision-heading h2{font-size:clamp(30px,2.8vw,40px);line-height:1.5;letter-spacing:-.035em;font-weight:700;margin-bottom:0}
.vision-prose{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.vision-prose p,.vision-lead{font-size:17px;line-height:2;color:#636f66;margin:0}
.vision-story strong{color:#2b4c37;font-weight:700}
.vision-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:40px}
.vision-three h3,.infrastructure-grid h3{font-size:22px;line-height:1.5;margin:0 0 13px;font-weight:700}
.vision-three p,.infrastructure-grid p{font-size:15px;line-height:1.95;color:#6c786e;margin:0}
.symbiosis-chapter{background:#eff5ec;border-radius:26px;padding:48px;margin:30px 0}
.vision-takeaway{font-size:17px;line-height:1.95;color:#526453;margin:38px 0 0;max-width:980px}
.prior-example{display:grid;grid-template-columns:.85fr 1.4fr;gap:20px 46px;background:#f6f8f5;border-radius:26px;padding:42px;margin-top:38px}
.prior-example-heading .section-kicker{font-weight:700;color:#657968;margin-bottom:18px}
.prior-example-heading h3{font-size:26px;line-height:1.6;letter-spacing:-.025em;margin-bottom:16px}
.prior-example-heading p{font-size:15px;color:#7a847a;line-height:1.9;margin:0}
.prior-fields{margin:0;display:grid;gap:20px}
.prior-fields>div{display:grid;grid-template-columns:104px 1fr;gap:22px}
.prior-fields dt{font-size:14px;line-height:1.85;color:#375940;font-weight:700}
.prior-fields dd{font-size:15px;line-height:1.85;margin:0;color:#69746b}
.prior-example-end{grid-column:1/-1;margin:16px 0 0;font-size:16px;line-height:1.95;color:#637568}
.infrastructure-chapter{padding-bottom:0}
.infrastructure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 42px;margin-top:44px}
.infrastructure-grid article>span{display:block;font-size:13px;font-weight:700;color:#76927b;margin-bottom:14px}
.delivery-model{display:grid;grid-template-columns:.9fr 1.4fr;gap:40px;background:#e9f0e5;padding:40px 42px;border-radius:24px;margin-top:48px}
.delivery-model .section-kicker{margin-bottom:14px;color:#657760}
.delivery-model h3{font-size:28px;line-height:1.5;font-weight:700;margin:0}
.delivery-model p{font-size:16px;line-height:1.95;color:#60705e;margin:0 0 18px}
.delivery-model p:last-child{margin:0}
.vision-actions{display:flex;align-items:center;gap:32px;margin-top:30px;flex-wrap:wrap}
@media(min-width:801px) and (max-width:1100px){.overview-intro{padding-left:20px;padding-right:20px}.vision-prose{gap:28px}.vision-three{gap:24px}.symbiosis-chapter{padding:36px}.prior-example{padding:32px;gap:24px;grid-template-columns:.8fr 1.4fr}.prior-fields>div{grid-template-columns:80px 1fr;gap:16px}.delivery-model{padding:32px;gap:28px;grid-template-columns:.85fr 1.4fr}}

/* 首页森林大图：更通透的绿与局部数字纹理。 */
.hero::after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(circle,#e0f6cc9c .7px,transparent 1px);background-size:5px 5px;mask-image:linear-gradient(125deg,transparent 25%,#000 73%,transparent 100%);opacity:.16;mix-blend-mode:screen}
.hero-grain{opacity:.045}
.hero h1{text-shadow:0 2px 22px #183f2426}
.hero-label,.hero-tagline{text-shadow:0 1px 12px #102f234d}