:root{--bg:#fafaf8;--bg-soft:#f3f2ee;--ink:#16161a;--ink-2:#4a4a52;--ink-3:#8a8a92;--line:#16161a1a;--accent:#b8874d;--accent-soft:#b8874d1f;--white:#fff;--radius:20px;--font-display:"Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::selection{background:var(--accent);color:#fff}.reveal{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transform:translateY(36px)}.reveal.visible{opacity:1;transform:translateY(0)}.nav{z-index:100;justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,64px);transition:background .4s,box-shadow .4s,padding .4s;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line);background:#fafaf8d1;padding:14px clamp(20px,5vw,64px)}.nav.scrolled .nav-logo,.nav.scrolled .nav-links a:not(.nav-cta){color:var(--ink)}.nav-logo{letter-spacing:.08em;color:#fff;font-size:18px;font-weight:700;transition:color .4s}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:clamp(16px,3vw,40px);display:flex}.nav-links a{letter-spacing:.06em;color:#ffffffe6;font-size:14px;transition:color .4s;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width .35s var(--ease-out);position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.nav-cta{letter-spacing:.1em;color:#fff;will-change:background, border-color, color;border:1px solid #ffffff8c;border-radius:999px;padding:9px 22px;font-size:13px;transition:background .35s,border-color .35s,color .35s,transform .35s}.nav.scrolled .nav-cta{background:var(--ink);color:#fff;border-color:var(--ink)}.nav-cta:hover{background:var(--accent);border-color:var(--accent);color:#fff}.nav-burger{z-index:110;flex-direction:column;gap:5px;padding:6px;display:none}.nav-burger span{background:#fff;width:24px;height:2px;transition:all .35s}.nav-burger.open span{background:var(--ink)}.nav-burger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:105;background:var(--bg);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;gap:8px;padding:0 32px;transition:opacity .4s;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:14px 0;font-size:32px;font-weight:600;display:flex}.mobile-menu a small{color:var(--ink-3);letter-spacing:.15em;font-size:12px}.hero{align-items:flex-end;height:100svh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero{background:#000}.hero-overlay{background:linear-gradient(#0a0a0e59 0%,#0a0a0e1a 40%,#0a0a0e9e 100%);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;width:100%;padding:0 clamp(20px,5vw,64px) clamp(48px,9vh,96px);position:relative}.hero-kicker{letter-spacing:.3em;text-transform:uppercase;color:#ffffffd9;animation:fadeUp 1s var(--ease-out) .2s both;align-items:center;gap:14px;margin-bottom:22px;font-size:13px;display:flex}.hero-kicker:before{content:"";background:var(--accent);width:44px;height:1px}.hero-title{letter-spacing:.01em;animation:fadeUp 1s var(--ease-out) .35s both;font-size:clamp(44px,9.5vw,116px);font-weight:700;line-height:1.04}.hero-title em{color:var(--accent);font-style:normal}.hero-sub{color:#ffffffd1;max-width:560px;animation:fadeUp 1s var(--ease-out) .5s both;margin-top:24px;font-size:clamp(15px,1.6vw,18px);line-height:1.8}.hero-actions{animation:fadeUp 1s var(--ease-out) .65s both;flex-wrap:wrap;gap:16px;margin-top:38px;display:flex}.btn{letter-spacing:.08em;border-radius:999px;align-items:center;gap:10px;padding:15px 34px;font-size:14px;transition:all .35s;display:inline-flex}.btn-solid{background:var(--accent);color:#fff}.btn-solid:hover{background:#a2743d;transform:translateY(-2px)}.btn-ghost{color:#fff;border:1px solid #ffffff80}.btn-ghost:hover{background:#ffffff24;transform:translateY(-2px)}.hero-meta{z-index:2;color:#ffffffbf;letter-spacing:.18em;animation:fadeUp 1s var(--ease-out) .8s both;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px;display:flex;position:absolute;bottom:clamp(48px,9vh,96px);right:clamp(20px,5vw,64px)}.scroll-hint{z-index:2;color:#fff9;letter-spacing:.3em;flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.scroll-hint:after{content:"";background:linear-gradient(#ffffffb3,#0000);width:1px;height:34px;animation:1.8s ease-in-out infinite drip}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes drip{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.section{padding:clamp(80px,12vh,140px) clamp(20px,5vw,64px)}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(44px,7vh,80px);display:flex}.section-index{letter-spacing:.25em;color:var(--accent);margin-bottom:14px;font-size:13px;display:block}.section-title{font-size:clamp(34px,5.5vw,64px);font-weight:700;line-height:1.1}.section-desc{max-width:380px;color:var(--ink-2);font-size:15px;line-height:1.9}.about-strip{background:var(--bg);border-bottom:1px solid var(--line)}.about-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.about-lead{font-size:clamp(22px,3vw,34px);font-weight:500;line-height:1.6}.about-lead em{color:var(--accent);font-style:normal}.about-facts{flex-direction:column;display:flex}.fact{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:18px 0;font-size:14px;display:flex}.fact dt{color:var(--ink-3);letter-spacing:.08em;flex-shrink:0}.fact dd{text-align:right;font-weight:500}.projects{background:var(--bg-soft)}.project-list{flex-direction:column;gap:clamp(56px,10vh,110px);display:flex}.project{grid-template-columns:repeat(12,1fr);align-items:center;gap:clamp(16px,2.5vw,32px);display:grid}.project:nth-child(2n) .project-media,.project-reverse .project-media{order:2}.project-media{border-radius:var(--radius);background:#e8e6e0;grid-column:span 7;position:relative;overflow:hidden;box-shadow:0 30px 60px -24px #16161a40}.project-media img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .9s var(--ease-out)}.project-media.project-media-portrait img{aspect-ratio:9/16;object-fit:cover;max-height:70vh}.project-portrait .project-media{grid-column:span 4}.project-portrait .project-body{grid-column:span 8}.project:hover .project-media img{transform:scale(1.045)}.project-body{grid-column:span 5}.project-num{letter-spacing:.2em;color:var(--accent);margin-bottom:12px;font-size:13px}.project-title{margin-bottom:8px;font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1.25}.project-role{letter-spacing:.12em;color:var(--ink-3);margin-bottom:20px;font-size:13px}.project-desc{color:var(--ink-2);margin-bottom:24px;font-size:15px;line-height:1.9}.project-stats{flex-wrap:wrap;gap:clamp(20px,3vw,44px);margin-bottom:26px;display:flex}.stats-prefix{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.stat b{color:var(--ink);font-size:clamp(22px,2.6vw,32px);font-weight:700;display:block}.stat span{color:var(--ink-3);letter-spacing:.08em;font-size:12px}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-2);letter-spacing:.04em;border-radius:999px;padding:6px 14px;font-size:12px}.project-slider{z-index:1;padding-bottom:16px;position:relative;overflow:hidden}.project-slider-track{transition:transform .5s var(--ease-out);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;display:flex}.project-slider-track:active{cursor:grabbing}.project-slider-item{flex:0 0 100%;width:100%;min-width:100%}.project-slider-item .project{width:100%}.project-slider-dots{z-index:100;justify-content:center;gap:10px;margin-top:28px;margin-bottom:8px;display:flex;position:relative}.project-slider-dot{border:1.5px solid var(--ink-3);cursor:pointer;background:0 0;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.project-slider-dot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.2)}.project-slider-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px;color:var(--ink);cursor:pointer;z-index:100;pointer-events:auto;background:#fffffffa;border:1.5px solid #16161a14;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 24px #16161a2e,0 0 0 1px #16161a0a}.project-slider-arrow:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-50%)scale(1.08);box-shadow:0 8px 28px #b8874d47}.project-slider-arrow:disabled{opacity:.2;cursor:not-allowed}.project-slider-prev{left:12px}.project-slider-next{right:12px}@media (width<=768px){.project-slider-arrow{width:40px;height:40px}.project-slider-prev{left:6px}.project-slider-next{right:6px}}.strengths{background:var(--bg)}.strength-grid{grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);display:grid}.strength-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out), border-color .5s ease;padding:clamp(26px,3vw,40px);position:relative;overflow:hidden}.strength-card:before{content:"";background:var(--accent);transform-origin:0;width:100%;height:3px;transition:transform .6s var(--ease-out);position:absolute;top:0;left:0;transform:scaleX(0)}.strength-card:hover{border-color:#0000;transform:translateY(-8px);box-shadow:0 32px 56px -24px #16161a2e}.strength-card:hover:before{transform:scaleX(1)}.strength-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:24px;display:grid}.strength-card h3{margin-bottom:12px;font-size:20px;font-weight:700}.strength-card p{color:var(--ink-2);font-size:14px;line-height:1.85}.contact{background:var(--ink);color:#fff;flex-direction:column;justify-content:space-between;min-height:92vh;padding:clamp(80px,12vh,140px) clamp(20px,5vw,64px) 32px;display:flex;position:relative;overflow:hidden}.contact:before{content:"";pointer-events:none;background:radial-gradient(circle,#b8874d38,#0000 65%);border-radius:50%;width:60vw;max-width:800px;height:60vw;max-height:800px;position:absolute;top:-30%;right:-10%}.contact-kicker{letter-spacing:.3em;color:var(--accent);margin-bottom:26px;font-size:13px;display:block}.contact-title{max-width:900px;font-size:clamp(44px,8.5vw,104px);font-weight:700;line-height:1.08}.contact-title em{color:var(--accent);font-style:normal}.contact-mail{border-bottom:1px solid #ffffff59;width:fit-content;margin-top:clamp(30px,5vh,56px);padding-bottom:8px;font-size:clamp(18px,3vw,32px);font-weight:500;transition:border-color .35s,color .35s;display:inline-block}.contact-mail:hover{color:var(--accent);border-color:var(--accent)}.contact-bottom{color:#ffffff8c;letter-spacing:.06em;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(60px,10vh,120px);padding-top:26px;font-size:13px;display:flex}.to-top{color:#ffffffbf;letter-spacing:.15em;align-items:center;gap:8px;font-size:13px;transition:color .3s;display:inline-flex}.to-top:hover{color:var(--accent)}.sub-page{background:var(--bg)}.sub-nav{z-index:100;-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);background:#fafaf8e6;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,64px);display:flex;position:fixed;inset:0 0 auto}.sub-nav-back{color:var(--ink);font-size:14px}.sub-nav-title{letter-spacing:.12em;color:var(--ink-3);font-size:13px}.sub-hero{background:var(--bg-soft);padding:clamp(90px,14vh,140px) clamp(20px,5vw,64px) clamp(36px,6vh,72px)}.sub-hero .hero-title{color:var(--ink);white-space:nowrap;margin-top:12px;font-size:clamp(24px,5.2vw,64px)}.sub-hero .hero-sub{color:var(--ink-2);white-space:normal;margin-top:18px;font-size:clamp(13px,1.4vw,16px)}@media (width>=961px){.sub-hero .hero-sub{white-space:nowrap}}.sub-hero .hero-kicker{color:var(--accent);font-size:clamp(11px,1.2vw,13px)}.sub-hero .hero-kicker:before{background:var(--accent)}.project-detail{border-bottom:1px solid var(--line)}.detail-grid{grid-template-columns:2.2fr 1fr;align-items:start;gap:clamp(32px,5vw,64px);display:grid}.detail-block{margin-bottom:clamp(32px,5vh,56px)}.detail-block h3{margin-bottom:16px;font-size:clamp(20px,2.4vw,28px)}.detail-block p{color:var(--ink-2);margin-bottom:18px;line-height:1.9}.detail-block ul{color:var(--ink-2);padding-left:20px;line-height:1.9}.detail-block li{margin-bottom:10px}.detail-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:clamp(32px,5vh,56px);display:grid}.detail-row>.detail-block{margin-bottom:0}.content-with-cert{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1.6fr 280px;align-items:start;gap:clamp(24px,4vw,40px);padding:clamp(24px,4vw,40px);display:grid}.content-main h3{margin-bottom:16px}.cert-card{text-align:center;max-width:280px;margin-left:auto}.cert-card h4{color:var(--ink-3);letter-spacing:.08em;margin-bottom:14px;font-size:15px;font-weight:500}.cert-card .detail-image{aspect-ratio:3/4;object-fit:cover;box-shadow:0 16px 36px -16px #16161a38}.stat-row{flex-wrap:wrap;gap:clamp(24px,4vw,48px);margin-bottom:18px;display:flex}.detail-image{border-radius:var(--radius);width:100%;box-shadow:0 18px 40px -18px #16161a2e}.photo-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.side-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:sticky;top:120px}.side-card h4{margin-bottom:16px;font-size:16px}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.media-row{gap:16px;display:grid}.media-row.two{grid-template-columns:repeat(2,1fr)}.media-row.three{grid-template-columns:repeat(3,1fr)}.more-video-card{flex-direction:column;gap:16px;display:flex}.more-video-info h4{color:var(--ink);margin-bottom:6px;font-size:clamp(15px,1.4vw,18px);font-weight:600}.more-video-info p{color:var(--ink-2);font-size:13px;line-height:1.7}.media-row .detail-image{aspect-ratio:4/3;object-fit:cover;width:100%}.section.rongmeiti-section{padding:clamp(48px,7vh,80px) clamp(20px,5vw,64px)}.rongmeiti-section .section-head{margin-bottom:clamp(26px,4vh,44px)}.rongmeiti-section .detail-block{margin-bottom:clamp(24px,4vh,40px)}.rongmeiti-section .xinyuan-card{margin-bottom:clamp(28px,4vh,44px)}.rongmeiti-section .xinyuan-card-head{margin-bottom:clamp(14px,2vh,20px)}.rongmeiti-section .xinyuan-gallery-block h3{margin-bottom:12px}.rongmeiti-section .more-video-card{gap:12px}.xinyuan-section .section-title{font-size:clamp(26px,3.6vw,40px)}.xinyuan-section .section-desc{max-width:440px;font-size:clamp(13px,1.2vw,15px);line-height:1.8}.xinyuan-section .detail-block h3,.xinyuan-card-head h3{letter-spacing:.04em;color:var(--ink);margin-bottom:12px;font-size:clamp(14px,1.4vw,17px)}.xinyuan-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,4vw,44px);margin-bottom:clamp(40px,6vh,64px);padding:clamp(18px,3vw,32px);display:grid;box-shadow:0 18px 40px -24px #16161a1f}.xinyuan-card-head{margin-bottom:clamp(20px,3vh,28px)}.xinyuan-card-head h3{color:var(--accent);letter-spacing:.18em;margin-bottom:8px}.xinyuan-hint{color:var(--ink-3);letter-spacing:.04em;margin:0;font-size:13px}.xinyuan-cover-link{border-radius:calc(var(--radius) - 6px);display:block;position:relative;overflow:hidden;box-shadow:0 14px 30px -18px #16161a2e}.xinyuan-cover-link img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .9s var(--ease-out);display:block}.xinyuan-cover-link:hover img{transform:scale(1.03)}.xinyuan-cover-overlay{opacity:0;background:#16161a29;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.xinyuan-cover-link:hover .xinyuan-cover-overlay{opacity:1}.xinyuan-cover-arrow{width:40px;height:40px;color:var(--ink);-webkit-backdrop-filter:blur(6px);background:#fafaf8eb;border-radius:50%;place-items:center;font-size:16px;display:grid}.xinyuan-stats{grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);display:grid}.xinyuan-stats .stat{border-top:1px solid var(--line);padding-top:clamp(16px,2vh,24px)}.xinyuan-stats .stat b{color:var(--ink);font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1;display:block}.xinyuan-stats .stat span{color:var(--ink-3);letter-spacing:.06em;margin-top:8px;font-size:12px;display:block}.xinyuan-gallery-block h3{margin-bottom:16px}.tencent-work-list{color:var(--ink-2);margin:0;padding-left:20px;line-height:1.9}.tencent-work-list li{margin-bottom:10px}.tencent-work-list li:last-child{margin-bottom:0}.image-scroll-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.image-scroll-row .detail-image{aspect-ratio:4/3;object-fit:cover;scroll-snap-align:start;flex:0 0 clamp(200px,26vw,300px);width:clamp(200px,26vw,300px)}.image-scroll-row::-webkit-scrollbar{height:6px}.image-scroll-row::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.detail-desc{color:var(--ink-2);margin-bottom:18px;line-height:1.9}.caption{color:var(--ink-3);text-align:center;margin-top:10px;font-size:13px}.video-showcase{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}.video-card{border-radius:var(--radius);cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px #16161a2e}.video-card img,.video-card video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.video-card.small{aspect-ratio:16/9}.aliyun-video-player{aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius);background:#000;width:100%;max-height:min(72vh,560px);box-shadow:0 32px 64px -28px #16161a52}.aliyun-label{letter-spacing:.3em;color:var(--accent);margin-bottom:10px;font-size:clamp(10px,1vw,12px);font-weight:600;display:block}.aliyun-h2{margin-bottom:12px;font-size:clamp(20px,2.6vw,32px);font-weight:700;line-height:1.25}.aliyun-lead{color:var(--ink-2);font-size:clamp(13px,1.3vw,15px);line-height:1.7}.aliyun-showcase{background:var(--bg);padding:clamp(32px,5vh,64px) clamp(20px,5vw,64px)}.aliyun-showcase-inner{grid-template-columns:clamp(260px,30vw,400px) 1fr;align-items:center;gap:clamp(32px,6vw,80px);max-width:1200px;margin:0 auto;display:grid}.aliyun-meta{border-top:1px solid var(--line);margin-top:18px;list-style:none}.aliyun-meta li{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;gap:14px;padding:11px 0;font-size:clamp(12px,1.2vw,14px);display:grid}.aliyun-meta li span{color:var(--ink-3);letter-spacing:.08em}.aliyun-meta li b{color:var(--ink);font-weight:600}.paper-plane-showcase .aliyun-showcase-inner{grid-template-columns:1fr;gap:clamp(24px,4vh,40px)}.paper-plane-showcase .aliyun-video-frame{width:100%}.paper-plane-showcase .aliyun-video-player{aspect-ratio:16/9;max-width:100%;max-height:none}.paper-plane-showcase .paper-plane-cover-link{cursor:pointer;border-radius:12px;display:block;position:relative;overflow:hidden}.paper-plane-showcase .paper-plane-cover-link:after{content:"点击观看成片";color:#fff;opacity:0;pointer-events:none;background:#00000059;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:opacity .25s;display:flex;position:absolute;inset:0}.paper-plane-showcase .paper-plane-cover-link:hover:after{opacity:1}.paper-plane-showcase .paper-plane-cover-img{transition:transform .35s;display:block}.paper-plane-showcase .paper-plane-cover-link:hover .paper-plane-cover-img{transform:scale(1.03)}.paper-plane-showcase .paper-plane-head{max-width:720px}.paper-plane-showcase .paper-plane-meta{max-width:720px;margin-top:0}.aliyun-process{background:var(--bg-soft);padding:clamp(32px,5vh,64px) clamp(20px,5vw,64px)}.aliyun-section-head{max-width:1200px;margin:0 auto clamp(24px,4vh,40px)}.aliyun-steps{grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,28px);max-width:1200px;margin:0 auto;display:grid}.aliyun-step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,2.6vw,32px);transition:transform .3s,box-shadow .3s;position:relative}.aliyun-step:hover{transform:translateY(-4px);box-shadow:0 20px 44px -22px #16161a2e}.aliyun-step-num{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);letter-spacing:.06em;border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:13px;font-weight:700;display:inline-flex}.aliyun-step h3{margin-bottom:8px;font-size:clamp(14px,1.5vw,17px);font-weight:700}.aliyun-step p{color:var(--ink-2);margin:0;font-size:clamp(12px,1.2vw,13px);line-height:1.7}.aliyun-step-line{display:none}.aliyun-making{background:var(--bg);padding:clamp(32px,5vh,64px) clamp(20px,5vw,64px) clamp(48px,7vh,90px)}.aliyun-making-frame{border-radius:var(--radius);max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 30px 60px -24px #16161a40}.aliyun-making-frame img{width:100%;display:block}.video-card .play-badge{color:#fff;letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16161abf;border-radius:999px;padding:6px 14px;font-size:12px;position:absolute;bottom:12px;left:12px}.video-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.video-modal{z-index:200;background:#0a0a0eeb;justify-content:center;align-items:center;padding:24px;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.video-modal-inner{width:100%;max-width:1100px;position:relative}.video-modal-inner video{background:#000;border-radius:14px;width:100%;max-height:82vh}.video-modal-close{color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:40px;height:40px;font-size:24px;line-height:1;transition:background .3s;display:grid;position:absolute;top:-48px;right:0}.video-modal-close:hover{background:#ffffff38}.image-modal{z-index:200;background:#0a0a0eeb;justify-content:center;align-items:center;padding:24px;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.image-modal-inner{justify-content:center;align-items:center;width:100%;max-width:1100px;display:flex;position:relative}.image-modal-inner img{object-fit:contain;border-radius:14px;max-width:100%;max-height:82vh;box-shadow:0 24px 60px -20px #00000073}.detail-image.clickable,.video-card img{cursor:pointer;transition:transform .3s,opacity .3s}.detail-image.clickable:hover,.video-card:hover img{opacity:.92;transform:scale(1.02)}.sub-footer{text-align:center;padding:60px clamp(20px,5vw,64px)}.sub-footer a{color:var(--accent);font-weight:500}@media (width<=960px){.strength-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.project{display:block}.project-media{margin-bottom:28px}.detail-grid,.photo-grid{grid-template-columns:1fr}.side-card{position:static}.media-row.three{grid-template-columns:repeat(2,1fr)}.video-showcase{grid-template-columns:1fr}.aliyun-showcase-inner{grid-template-columns:1fr;gap:36px}.aliyun-video-player{max-width:360px;margin:0 auto}.aliyun-steps{grid-template-columns:repeat(2,1fr)}.detail-row,.content-with-cert{grid-template-columns:1fr}.cert-card{margin-left:0;margin-right:auto}.xinyuan-card{grid-template-columns:1fr}}@media (width<=720px){.nav-links{display:none}.nav-burger{display:flex}.strength-grid,.aliyun-steps{grid-template-columns:1fr}.aliyun-meta li{grid-template-columns:72px 1fr}.section-head{flex-direction:column;align-items:flex-start}.hero-meta,.scroll-hint{display:none}.hero-content{padding-bottom:72px}.project-stats{gap:20px}.xinyuan-stats{grid-template-columns:1fr;gap:0}.xinyuan-stats .stat{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:14px 0;display:flex}.xinyuan-stats .stat b{font-size:clamp(22px,6vw,28px)}.xinyuan-stats .stat span{margin-top:0}}