:root,html[data-theme="light"]{--brand: #3DF06B;--bg: #F7FDFC;--surface: #fff;--text: #0A0A0A;--text-muted: #555C54;--border: #E6ECE4;--footer-bg: #F1F6F4;--footer-muted: #555C54}html[data-theme="dark"]{--brand: #5CFF73;--bg: #0B0D0B;--surface: #161A16;--text: #EEF2EC;--text-muted: #9AA49A;--border: #212621;--footer-bg: #0A0A0A;--footer-muted: #8A8F88}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;line-height:1.5;color:var(--text);background-color:var(--bg);transition:background-color 0.3s ease, color 0.3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:link,a:visited{color:var(--text);text-decoration:none}a:hover,a:focus,a:active{color:var(--brand)}ul,ol{list-style:none}img{display:block;max-width:100%}button{border:none;background:none;cursor:pointer}.container{max-width:1440px;margin:0 auto;padding-right:26px;padding-left:26px}.text-center{text-align:center}.section-tag{font-size:16px;font-weight:bold;color:var(--brand);letter-spacing:0}.hero-title{font-size:128px;font-weight:bold;line-height:1.05;letter-spacing:-0.02em;white-space:pre-line}.hero-subtitle{font-size:24px;font-weight:bold;color:var(--text-muted)}.section-title{font-size:56px;font-weight:bold;line-height:1.1}.page-head{display:flex;padding-top:120px;padding-bottom:80px;flex-direction:column;gap:32px}.page-head .page-title{font-size:128px;font-weight:bold;line-height:1.05;letter-spacing:-0.02em;white-space:pre-line}.page-head .page-subtitle{font-size:24px;font-weight:bold;color:var(--text-muted)}.page-head .page-desc{font-size:14.4px;color:var(--text-muted)}.btn{display:inline-flex;justify-content:center;align-items:center;font-weight:bold;white-space:nowrap;transition:opacity 0.2s ease}.btn:hover,.btn:focus,.btn:active{opacity:0.9;transform:translateY(-1px)}a .btn{color:var(--bg)}.btn-primary{border:2px solid #10d042;color:#0A0A0A;background:var(--brand)}a.btn-primary{color:#0A0A0A}.btn-outline{border:2px solid var(--text);color:var(--text);background:transparent}a.btn-outline{color:var(--text)}.btn-lg{padding:20px 44px;border-radius:48px;font-size:20px}.btn-nav{padding:14px 28px;border-radius:40px;font-size:16px}.nav{display:flex;padding-top:28px;padding-bottom:28px;justify-content:space-between;align-items:center;gap:24px}.nav-brand{display:flex;align-items:center;gap:12px}.nav-logo-mark{width:12px;height:12px;border-radius:3px;flex-shrink:0;background:var(--brand)}.nav-logo-name{font-size:24px;font-weight:bold;letter-spacing:0;white-space:nowrap}.nav-links{display:flex;margin-right:auto;margin-left:auto;align-items:center;gap:10px}.nav-link{padding:10px 20px;border-radius:15px;font-size:18px;color:var(--text-muted);white-space:nowrap;transition:color 0.2s ease}.nav-link.active,.nav-link:hover{color:var(--text)}[data-theme="light"] .nav-link.active,[data-theme="light"] .nav-link:hover{background:rgba(0,0,0,0.1)}[data-theme="dark"] .nav-link.active,[data-theme="dark"] .nav-link:hover{background:rgba(255,255,255,0.1)}.nav-actions{display:flex;flex-shrink:0;align-items:center;gap:20px}.theme-toggle{position:relative;width:48px;height:24px;flex-shrink:0;cursor:pointer}.theme-toggle .track{position:absolute;top:0;left:0;width:46px;height:22px;border:2px solid var(--text);border-radius:11px;transition:border-color 0.3s ease}.theme-toggle .sun{position:absolute;top:6px;left:11px;width:9px;height:9px;border:1.5px solid var(--text);border-radius:50%;transition:border-color 0.3s ease}.theme-toggle .knob{position:absolute;top:4px;left:27px;width:14px;height:14px;border-radius:50%;background:var(--brand);transition:left 0.3s ease}html[data-theme="dark"] .theme-toggle .knob{left:5px}.footer{background:var(--footer-bg);transition:background-color 0.25s ease}.footer-inner{display:flex;padding-top:64px;padding-bottom:48px;flex-direction:column;gap:48px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-brand .footer-logo{font-size:32px;font-weight:bold;color:var(--brand)}.footer-brand .footer-tagline{font-size:16px;color:var(--footer-muted)}.footer-social{display:flex;align-items:center;gap:5px}.footer-social a{display:inline-flex;justify-content:center;align-items:center;color:var(--brand);opacity:1;transition:opacity 0.2s ease}.footer-social a:hover{opacity:0.7;transform:translateY(-2px)}.footer-social svg{width:60px;height:45px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:14px;color:var(--footer-muted);flex-wrap:wrap}.footer-bottom a{color:var(--footer-muted)}.footer-links{display:flex;gap:24px}.footer-links a{transition:color 0.2s ease}.footer-links a:hover{color:var(--text)}.hero{display:flex;padding:120px 26px 80px;flex-direction:column;gap:40px;align-items:center;text-align:center}.hero .hero-badge{display:inline-flex;padding:10px 20px;border-radius:40px;align-items:center;gap:8px;background:var(--text)}[data-theme="dark"] .hero .hero-badge{color:var(--brand);background:var(--brand)}.hero .hero-badge .hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}[data-theme="dark"] .hero .hero-badge .hero-badge-dot{background:var(--bg)}.hero .hero-badge .hero-badge-text{font-size:14px;font-weight:bold;color:var(--brand)}[data-theme="dark"] .hero .hero-badge .hero-badge-text{color:var(--bg);background:var(--brand)}.hero .hero-actions{display:flex;align-items:center;gap:20px}.intro{display:flex;padding-top:80px;padding-bottom:80px;flex-direction:column;gap:32px}.intro .intro-head{display:flex;flex-direction:column;gap:16px}.intro .intro-head .intro-desc{font-size:22px;font-weight:bold;color:var(--text-muted)}.intro .service-grid{display:flex;gap:24px;flex-wrap:wrap}.intro .service-grid .service-card{display:flex;padding:32px;border:2px solid var(--border);border-radius:20px;flex:1 1 402px;flex-direction:column;gap:16px;background:var(--surface);transition:background-color 0.3s ease, border-color 0.3s ease}.intro .service-grid .service-card .service-num{font-size:16px;font-weight:bold;color:var(--brand)}.intro .service-grid .service-card .service-name{font-size:32px;font-weight:bold;color:var(--text)}.intro .service-grid .service-card .service-desc{font-size:18px;font-weight:bold;color:var(--text-muted)}.intro .service-grid .service-card:hover{border-color:var(--brand);transform:translateY(-1px)}.intro .service-grid .service-card:hover .service-num,.intro .service-grid .service-card:hover .service-name,.intro .service-grid .service-card:hover .service-desc{color:var(--text)}.stats{display:flex;padding-top:80px;padding-bottom:80px;justify-content:space-evenly;align-items:center;gap:24px}.stats .stat{display:flex;flex:1;flex-direction:column;align-items:center;gap:8px}.stats .stat .stat-value{font-size:56px;font-weight:bold;color:var(--text);text-align:center}.stats .stat .stat-label{font-size:18px;font-weight:bold;color:var(--text-muted);text-align:center}.service-collection{margin-bottom:50px}.service-collection-title{display:flex;margin-bottom:20px;align-items:center;gap:20px;font-size:64px;font-weight:bold;color:var(--text)}.service-collection-title-no{flex-shrink:0;font-size:36px;font-weight:bold;color:var(--brand)}.service-wrap{display:flex;gap:24px;flex-wrap:wrap}.service-wrap .service-card{display:grid;width:calc(50% - 24px);padding:20px;border:2px solid var(--border);border-radius:20px;align-items:start;grid-template-columns:auto 1fr;gap:8px 16px;background:var(--surface);transition:border-color 0.3s ease, opacity 0.3s ease}.service-wrap .service-card:hover{border-color:var(--brand)}.service-wrap .service-card:hover .service-wrap .service-card{opacity:0.7}.service-wrap .service-thumbnail{width:200px;height:150px;grid-row:1 / 3}.service-wrap .service-thumbnail img{width:100%;height:100%;border-radius:20px;object-fit:cover}.service-wrap .service-name{font-size:24px;font-weight:bold;color:var(--text)}.service-wrap .service-desc{font-size:20px;color:var(--text-muted)}.case-grid{display:flex;padding-bottom:80px;gap:24px;flex-wrap:wrap}.case-card{display:flex;flex:1 1 402px;flex-direction:column;gap:20px}.case-card .case-cover{overflow:hidden;height:280px;border-radius:20px}.case-card .case-cover img{width:100%;height:100%;object-fit:cover}.case-card .case-cat{font-size:14px;font-weight:bold;color:var(--brand)}.case-card .case-title{font-size:28px;font-weight:bold;color:var(--text)}.about-philosophy,.about-history{display:flex;padding-bottom:80px;flex-direction:column;align-items:center;gap:32px}.about-philosophy .about-body,.about-history .about-body{max-width:900px;font-size:26px;font-weight:bold;line-height:1.7;color:var(--text-muted)}.about-values{display:flex;padding-bottom:80px;flex-direction:column;gap:32px}.about-values .value-grid{display:flex;gap:24px;flex-wrap:wrap}.value-card{display:flex;min-height:147px;padding:32px;border:2px solid var(--border);border-radius:20px;flex:1 1 402px;flex-direction:column;gap:16px;background:var(--surface);transition:background-color 0.3s ease, border-color 0.3s ease, color 1s ease}.value-card .value-title{font-size:28px;font-weight:bold;color:var(--text)}.value-card .value-desc{font-size:18px;font-weight:bold;color:var(--text-muted)}.value-card:hover{border-color:var(--brand);transform:translateY(-1px)}.value-card:hover .value-title,.value-card:hover .value-desc{color:var(--text)}.email-pill{padding:20px 40px;border:2px solid var(--text);border-radius:48px;align-self:center;transition:border-color 0.3s ease}.email-pill:hover{border-color:#0eb93a;background-color:var(--brand);transition:background-color 0.3s ease;transform:translateY(-1px)}.email-pill:hover .email-addr{color:#0A0A0A}.email-pill .email-addr{font-size:28px;font-weight:bold;color:var(--text)}.contact-grid{display:flex;padding-bottom:80px;gap:32px;flex-wrap:wrap}.contact-card{display:flex;padding:40px;border:2px solid var(--border);border-radius:24px;flex:1 1 280px;flex-direction:column;gap:16px;background:var(--surface);transition:background-color 0.3s ease, border-color 0.3s ease}.contact-card .contact-icon{display:flex;width:60px;height:60px;justify-content:center;align-items:center}.contact-card .contact-icon img{width:60px;height:auto}.contact-card .contact-name{font-size:28px;font-weight:bold;color:var(--text)}.contact-card .contact-account{font-size:18px;color:var(--text-muted)}.contact-card:hover{border-color:var(--brand);transform:translateY(-1px)}.contact-card:hover .contact-account{color:var(--brand);text-decoration:underline}.error-page{padding:200px 0}.error-page .title{color:var(--brand);font-size:60px}.error-page .description{color:var(--text-muted);padding:15px 0 60px}