:root{ --paper:#f2f0e9; --ink:#111; --gold:#dab461; --gold-text:#876308; --blue:#19b6f3; --blue-text:#08699c; --blue-deep:#1660de; --gray:#6b6964; --line:#c9c5bc; color-scheme:light; }body{ background:var(--paper); color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }.scroll-progress{ color:var(--gold-text); }.site-header{ position:fixed; z-index:100; inset:0 0 auto; height:var(--header-h); background:rgba(242,240,233,.87); border-bottom:1px solid transparent; backdrop-filter:blur(16px); transition:border .3s ease; }.site-header.is-scrolled{ border-color:var(--line); }.header-inner{ height:100%; display:flex; align-items:center; justify-content:space-between; gap:28px; }.brand{ width:235px; }.brand img{ width:225px; }.site-nav{ display:flex; align-items:center; gap:30px; font-size:14px; }.site-nav a{ padding:12px 0; border-bottom:2px solid transparent; }.site-nav a:hover,.site-nav a.is-active{ border-color:var(--gold-text); }.site-nav .nav-cta{ padding:11px 17px; border:0; background:var(--gold-text); color:#fff; }.rail{ position:fixed; z-index:60; left:14px; top:calc(50% - 170px); display:flex; flex-direction:column; align-items:center; color:#555; font-size:9px; line-height:1.5; text-align:center; }.rail i{ width:1px; height:42px; margin:8px 0; background:#888; }.hero{ min-height:100svh; padding-top:var(--header-h); border-bottom:1px solid var(--ink); display:flex; align-items:stretch; }.hero-grid{ display:grid; grid-template-columns:1.08fr .9fr 170px; min-height:calc(100svh - var(--header-h)); border-inline:1px solid var(--line); }.hero-type{ padding:clamp(50px,7vw,100px) clamp(30px,5vw,72px); align-self:center; }.hero-type > p{ color:#5c5953; font-size:10px; letter-spacing:.22em; }.hero h1{ margin-top:24px; font-family:"Songti SC","SimSun",serif; font-size:clamp(86px,10vw,155px); line-height:.78; letter-spacing:-.11em; }.hero h1 span::first-letter{ color:var(--gold-text); }.hero-statement{ display:flex; align-items:flex-start; gap:22px; margin-top:70px; }.hero-statement i{ width:52px; height:3px; margin-top:15px; background:var(--gold-text); }.hero-statement strong{ font-family:"Songti SC","SimSun",serif; font-size:clamp(24px,2.3vw,35px); line-height:1.45; }.hero-portrait{ position:relative; overflow:hidden; border-inline:1px solid var(--ink); background:#111; }.hero-portrait::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 50%,rgba(0,0,0,.4)); mix-blend-mode:multiply; }.hero-portrait img{ height:100%; object-fit:cover; object-position:63% center; filter:grayscale(1) contrast(1.17) brightness(.78); }.hero-portrait figcaption{ position:absolute; z-index:2; left:24px; bottom:28px; color:#fff; font:9px ui-monospace,monospace; letter-spacing:.16em; writing-mode:vertical-rl; }.hero-note{ padding:64px 30px 34px; background:#111; color:#eeeae1; display:flex; flex-direction:column; align-items:center; }.hero-note > span{ font-family:"Songti SC","SimSun",serif; font-size:15px; line-height:2.8; letter-spacing:.55em; writing-mode:vertical-rl; }.hero-note i{ width:1px; flex:1; min-height:70px; margin:26px 0; background:linear-gradient(#eee,transparent); }.hero-note small{ font:8px/1.7 ui-monospace,monospace; letter-spacing:.14em; text-align:center; color:#bdb8ae; }.manifesto{ background:#111; color:var(--paper); }.manifesto-grid{ display:grid; grid-template-columns:1fr 1fr; min-height:650px; }.manifesto figure{ overflow:hidden; }.manifesto figure img{ height:100%; object-fit:cover; filter:grayscale(1) contrast(1.25) brightness(.68); }.manifesto-grid > div{ padding:clamp(60px,8vw,110px); display:flex; flex-direction:column; justify-content:center; }.section-kicker{ color:var(--gold-text); }.manifesto h2{ margin-top:28px; font-family:"Songti SC","SimSun",serif; font-size:clamp(49px,6vw,88px); line-height:1.04; letter-spacing:-.05em; }.manifesto-grid > div > p:last-child{ margin-top:34px; color:#b7b1a7; font-size:17px; line-height:1.95; }.section{ padding:var(--section-space) 0; }.editorial-head{ display:grid; grid-template-columns:90px 1fr 180px; align-items:end; gap:30px; padding-bottom:35px; border-bottom:2px solid var(--ink); }.editorial-head > span{ color:var(--gold-text); font:30px ui-monospace,monospace; }.editorial-head p,.works-title > p,.license-title > p,.contact-grid > div > p{ color:var(--gold-text); font:10px ui-monospace,monospace; letter-spacing:.16em; }.editorial-head h2{ margin-top:14px; font-family:"Songti SC","SimSun",serif; font-size:clamp(42px,5vw,72px); line-height:1.08; letter-spacing:-.04em; }.editorial-head > small{ color:#67645e; font-size:12px; line-height:1.8; text-align:right; }.pipeline-list{ border-bottom:1px solid var(--ink); }.pipeline-list li{ display:grid; grid-template-columns:80px 280px 1fr 110px; align-items:center; gap:30px; padding:25px 10px; border-bottom:1px solid var(--line); transition:background .3s ease,padding .3s ease; }.pipeline-list li:last-child{ border-bottom:0; }.pipeline-list li:hover,.pipeline-list li.is-active{ padding-left:24px; background:#fff; }.pipeline-list > li > b{ color:var(--gold-text); font:17px ui-monospace,monospace; }.pipeline-list small{ color:#77736c; font:9px ui-monospace,monospace; letter-spacing:.12em; }.pipeline-list h3{ margin-top:4px; font-family:"Songti SC","SimSun",serif; font-size:26px; }.pipeline-list p{ color:#5f5c57; line-height:1.75; }.pipeline-list > li > span{ color:#77736c; font-size:12px; text-align:right; }.technology{ background:#161616; color:var(--paper); }.tech-layout{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(60px,10vw,150px); align-items:center; }.tech-heading h2{ margin-top:28px; font-family:"Songti SC","SimSun",serif; font-size:clamp(50px,6vw,86px); line-height:1.06; }.tech-heading > p:not(.section-kicker){ margin-top:30px; color:#b3aea4; font-size:17px; line-height:1.9; }.tech-heading a{ display:inline-flex; margin-top:30px; padding:13px 19px; background:var(--gold-text); color:#fff; font-weight:700; }.tech-poster{ position:relative; min-height:560px; padding:42px; border:1px solid #59554f; background:#0b0b0b; overflow:hidden; }.tech-poster::before{ content:""; position:absolute; width:250px; height:620px; top:-20px; right:40px; background:var(--gold-text); transform:skewX(-12deg); opacity:.88; }.tech-red{ position:relative; z-index:2; color:#fff; font:800 clamp(36px,4vw,62px)/.9 Arial,sans-serif; letter-spacing:-.05em; }.tech-poster ol{ position:relative; z-index:2; margin-top:100px; width:78%; background:rgba(11,11,11,.82); }.tech-poster li{ display:flex; gap:20px; padding:17px 0; border-top:1px solid #5c5750; }.tech-poster li b{ color:var(--gold-text); font:12px ui-monospace,monospace; }.tech-poster li span{ font-size:18px; }.tech-poster > small{ position:absolute; z-index:2; right:24px; bottom:24px; color:#d9d4cb; font:8px ui-monospace,monospace; letter-spacing:.14em; }.advantages{ background:#e8e5dd; }.advantage-grid{ display:grid; grid-template-columns:repeat(3,1fr); margin-top:42px; border:1px solid var(--ink); }.advantage-grid article{ min-height:340px; padding:28px; border-right:1px solid var(--ink); background:var(--paper); }.advantage-grid article:last-child{ border-right:0; }.advantage-grid span{ display:inline-block; padding:7px 10px; background:var(--gold-text); color:#fff; font-size:13px; }.advantage-grid h3{ margin-top:100px; font-family:"Songti SC","SimSun",serif; font-size:30px; }.advantage-grid p{ margin-top:18px; color:#65615b; line-height:1.8; }.works{ background:var(--paper); }.works-title{ display:grid; grid-template-columns:160px 1fr 340px; align-items:end; padding-bottom:30px; border-bottom:2px solid var(--ink); }.works-title h2{ font-family:"Songti SC","SimSun",serif; font-size:clamp(70px,8vw,120px); letter-spacing:-.08em; }.works-title > span{ color:#625f59; line-height:1.8; }.works-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:22px; }.works-grid article{ border:1px solid var(--ink); background:#111; color:var(--paper); }.works-grid figure{ aspect-ratio:2/2.75; overflow:hidden; }.works-grid img{ height:100%; object-fit:cover; filter:grayscale(1) contrast(1.15); transition:filter .5s ease,transform .7s var(--ease); }.works-grid article:hover img{ filter:grayscale(.15) contrast(1.05); transform:scale(1.035); }.works-grid article > div{ min-height:145px; padding:20px; border-top:7px solid var(--gold-text); }.works-grid small{ color:#c5c0b7; font:9px ui-monospace,monospace; letter-spacing:.13em; }.works-grid h3{ margin-top:9px; font-family:"Songti SC","SimSun",serif; font-size:24px; }.works-grid p{ margin-top:11px; color:#aaa59c; }.works-note{ margin-top:16px; color:#77736c; font-size:12px; text-align:right; }.cooperation{ background:#111; color:var(--paper); }.cooperation .editorial-head{ border-color:#79736b; }.cooperation .editorial-head > small{ color:#aaa59d; }.coop-columns{ display:grid; grid-template-columns:repeat(4,1fr); margin-top:42px; border:1px solid #625e57; }.coop-columns article{ min-height:310px; padding:24px; border-right:1px solid #625e57; transition:background .3s ease; }.coop-columns article:last-child{ border-right:0; }.coop-columns article:hover{ background:var(--gold-text); }.coop-columns span{ font:13px ui-monospace,monospace; color:var(--gold); }.coop-columns article:hover span{ color:#fff; }.coop-columns h3{ margin-top:90px; font-family:"Songti SC","SimSun",serif; font-size:25px; }.coop-columns p{ margin-top:17px; color:#aaa59c; line-height:1.7; }.coop-columns article:hover p{ color:#fff; }.licensing{ background:#e8e5dd; }.license-title{ display:grid; grid-template-columns:150px 1fr 380px; align-items:end; }.license-title h2{ font-family:"Songti SC","SimSun",serif; font-size:clamp(60px,7vw,105px); line-height:.95; }.license-title h2 span{ color:var(--gold-text); }.license-title > div{ color:#5f5b55; line-height:1.8; }.license-title b{ display:block; margin-top:8px; color:#111; }.license-grid{ display:grid; grid-template-columns:repeat(4,1fr); margin-top:50px; border:1px solid var(--ink); background:var(--paper); }.license-grid article{ min-height:350px; padding:23px; border-right:1px solid var(--ink); }.license-grid article:last-child{ border-right:0; }.license-grid article > span{ font:8px ui-monospace,monospace; letter-spacing:.14em; color:#77736c; }.license-grid article > b{ display:block; margin-top:24px; color:var(--gold-text); font:23px ui-monospace,monospace; }.license-grid h3{ margin-top:52px; font-family:"Songti SC","SimSun",serif; font-size:27px; }.license-grid small{ color:#77736c; font-size:10px; }.license-grid p{ margin-top:18px; color:#5f5b55; line-height:1.75; }.license-foot{ display:flex; justify-content:space-between; gap:30px; margin-top:17px; font-size:13px; }.license-foot b{ max-width:640px; text-align:right; }.contact{ padding:clamp(100px,12vw,180px) 0; background:#111; color:var(--paper); }.contact-grid{ display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:90px; }.contact h2{ margin-top:22px; font-family:"Songti SC","SimSun",serif; font-size:clamp(58px,7.6vw,112px); line-height:.98; letter-spacing:-.06em; }.contact-grid > div:last-child{ padding:26px; border-left:7px solid var(--gold-text); background:#1b1b1b; }.contact h3{ margin-bottom:20px; font-size:18px; }.contact-grid > div:last-child p{ padding:10px 0; border-top:1px solid #4a4742; color:#aaa59c; font-size:14px; }.contact a{ display:block; margin-top:18px; color:var(--gold); font-weight:800; }.site-footer{ padding:32px 0 94px; border-top:1px solid var(--ink); background:var(--paper); }.site-footer .shell{ display:grid; grid-template-columns:230px 1fr auto; align-items:center; gap:30px; color:#64605a; font-size:12px; }.site-footer img{ width:220px; }.site-footer p{ text-align:center; }

@media(max-width:1120px){.site-nav{gap:18px;font-size:13px}.rail{display:none}.hero-grid{grid-template-columns:1fr 1fr 130px}.pipeline-list li{grid-template-columns:60px 220px 1fr 90px}.license-grid{grid-template-columns:repeat(2,1fr)}.license-grid article:nth-child(2){border-right:0}.license-grid article:nth-child(-n+2){border-bottom:1px solid var(--ink)}}
@media(max-width:920px){.brand{width:205px}.brand img{width:200px}[data-nav]{background:rgba(242,240,233,.98);border:1px solid var(--line);box-shadow:0 22px 60px rgba(0,0,0,.15)}[data-nav] a:hover{background:#e6e2d9}.hero-grid{grid-template-columns:1fr 1fr}.hero-note{display:none}.manifesto-grid,.tech-layout{grid-template-columns:1fr}.manifesto figure{max-height:520px}.editorial-head{grid-template-columns:70px 1fr}.editorial-head>small{grid-column:2;text-align:left}.pipeline-list li{grid-template-columns:50px 200px 1fr}.pipeline-list>li>span{display:none}.advantage-grid,.coop-columns{grid-template-columns:1fr}.advantage-grid article,.coop-columns article{min-height:230px;border-right:0;border-bottom:1px solid var(--ink)}.advantage-grid h3,.coop-columns h3{margin-top:50px}.works-title,.license-title{grid-template-columns:120px 1fr}.works-title>span,.license-title>div{grid-column:2;margin-top:18px}.license-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.site-footer .shell{grid-template-columns:1fr;text-align:center}.site-footer img{margin:auto}}
@media(max-width:640px){.hero{min-height:auto}.hero-grid{display:block;width:100%;border:0}.hero-type{padding:60px 22px 45px}.hero h1{font-size:85px}.hero-statement{margin-top:45px}.hero-portrait{height:520px;border-inline:0}.manifesto-grid>div{padding:58px 20px}.editorial-head{grid-template-columns:48px 1fr;gap:14px}.editorial-head h2{font-size:43px}.pipeline-list li{grid-template-columns:40px 1fr;padding:20px 0;gap:12px}.pipeline-list li>p{grid-column:2}.tech-poster{min-height:500px;padding:28px 20px}.tech-poster ol{width:100%}.works-title,.license-title{grid-template-columns:1fr}.works-title h2,.license-title h2{margin-top:14px}.works-title>span,.license-title>div{grid-column:auto}.works-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.works-grid article{min-width:84vw;scroll-snap-align:start}.license-grid{grid-template-columns:1fr}.license-grid article{min-height:280px;border-right:0!important;border-bottom:1px solid var(--ink)}.license-grid h3{margin-top:35px}.license-foot{display:block}.license-foot b{display:block;margin-top:12px;text-align:left}.contact h2{font-size:62px}.contact-grid>div:last-child{padding:20px}}.scroll-progress{ color: var(--blue); }.site-nav .nav-cta{ background: var(--blue); color: #111; }.hero-statement i{ background: var(--gold); }.brand{ display: flex; align-items: center; }.brand img{ width: 235px; height: 74px; object-fit: contain; }.site-footer img{ width: 250px; height: auto; }
@media(max-width:1100px) { }