:root{color-scheme:light;font-family:Microsoft YaHei,PingFang SC,Inter,Arial,sans-serif;background:#f4f8f5;color:#101b15;--green: #16a33c;--green-dark: #0a6f2e;--mint: #dff5df;--blue: #2b7fff;--violet: #7657ff;--amber: #f6b31a;--coral: #f36e4f;--cyan: #18b8c8;--ink: #101b15;--muted: #607166;--line: #dce8dc;--panel: #ffffff;--shadow: 0 24px 60px rgba(20, 99, 42, .14);--deep-shadow: 0 34px 90px rgba(13, 35, 22, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(115deg,rgba(22,163,60,.08),transparent 32%),linear-gradient(245deg,rgba(43,127,255,.08),transparent 30%),#f4f8f5}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatPhone{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes panelDrift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}@keyframes sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes scan{0%{background-position:0 0}to{background-position:0 42px}}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,5vw,72px);background:#f7fbf7d6;border-bottom:1px solid rgba(220,232,220,.8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark,.service-icon,.process-item span{display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(135deg,var(--green),var(--cyan))}.brand-mark{width:42px;height:42px;border-radius:14px}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:var(--green-dark)}.nav{display:flex;align-items:center;gap:8px}.nav-link,.icon-button,.text-button{border:0;background:transparent;color:var(--ink)}.nav-link{min-height:40px;padding:0 15px;border-radius:999px;font-weight:700}.nav-link.active,.nav-link:hover{color:#fff;background:linear-gradient(135deg,var(--green),var(--blue))}.icon-button{display:none;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--line);background:#fff}.section{width:min(1180px,calc(100% - 32px));margin:0 auto}.home-page{position:relative;overflow:hidden}.home-page:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(rgba(16,27,21,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,27,21,.05) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 82%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 82%);animation:scan 14s linear infinite}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);align-items:center;gap:clamp(28px,5vw,68px);min-height:calc(100vh - 76px);padding:56px 0 64px}.hero:after{position:absolute;right:2%;bottom:8%;z-index:-1;width:min(54vw,680px);height:min(54vw,680px);content:"";background:conic-gradient(from 120deg,#16a33c1f,#2b7fff29,#f6b31a1a,#16a33c1f);clip-path:polygon(50% 0,92% 25%,86% 76%,50% 100%,12% 78%,8% 23%);filter:blur(10px);opacity:.75}.hero-copy,.phone-area,.section-heading,.split-section,.architecture-section,.process-section,.reference-section{animation:riseIn .7s ease both}.hero-copy h1,.page-hero h1{margin:18px 0 16px;font-size:clamp(44px,6.6vw,88px);line-height:.98;color:#06100a;letter-spacing:0}.hero-copy h1:after{content:"定制开发";display:block;color:transparent;background:linear-gradient(90deg,var(--green),var(--blue),var(--amber));-webkit-background-clip:text;background-clip:text}.hero-lead,.page-hero p,.reference-section p,.detail-panel p{margin:0;color:var(--muted);font-size:18px;line-height:1.8}.pill,.section-kicker,.advantage-row span{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--green-dark)}.pill{padding:8px 14px;border-radius:999px;background:#ffffffc2;border:1px solid rgba(22,163,60,.18);box-shadow:0 12px 32px #101b1514}.section-kicker{color:#7cc58b;letter-spacing:0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 22px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:800}.primary-button{color:#fff;background:linear-gradient(135deg,var(--green),var(--blue));box-shadow:0 18px 40px #1665dc3d;transition:transform .18s ease,box-shadow .18s ease}.secondary-button{color:var(--green-dark);background:#fff;border-color:var(--line);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);box-shadow:0 20px 42px #101b1524}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 18px}.hero-stats strong{display:grid;gap:3px;padding:15px 14px;border:1px solid rgba(220,232,220,.85);border-radius:8px;background:#ffffffc7;box-shadow:0 14px 32px #101b1512;color:var(--ink);font-size:24px}.hero-stats span{color:var(--muted);font-size:12px;font-weight:700}.advantage-row{display:flex;flex-wrap:wrap;gap:12px}.advantage-row span{padding:8px 11px;border-radius:999px;background:#fff;box-shadow:0 8px 18px #19602c14}.phone-area{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) 180px;align-items:center;gap:20px;perspective:1100px}.phone-shell{position:relative;width:min(100%,370px);margin-left:auto;padding:18px 16px;border:10px solid #111;border-radius:44px;background:#fff;box-shadow:var(--deep-shadow);animation:floatPhone 5.4s ease-in-out infinite;overflow:hidden}.phone-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.72),transparent 42%);animation:sheen 5.8s ease-in-out infinite}.phone-top,.tabbar{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800}.search-bar{margin:18px 0 12px;padding:10px 14px;border-radius:14px;color:#99a49b;background:#f4f6f4;font-size:13px}.promo-banner{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:18px;color:var(--green-dark);background:linear-gradient(135deg,#d7f3d4,#fff0c3 54%,#ddecff)}.promo-banner strong,.promo-banner span{display:block;font-size:22px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.mini-dot{display:grid;min-height:42px;place-items:center;border-radius:14px;color:#fff;font-size:12px;font-weight:800}.tone-0,.product-0{background:var(--green)}.tone-1,.product-1{background:var(--blue)}.tone-2,.product-2{background:var(--coral)}.tone-3,.product-3{background:var(--amber)}.tone-4{background:#7c57e8}.tone-5{background:#2ac3b0}.block-title{margin-bottom:10px;font-weight:900}.product-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.product-card{min-width:0;padding:8px;border:1px solid #edf1ed;border-radius:13px;background:#fff}.product-image{display:block;height:52px;border-radius:11px;opacity:.28}.product-card strong,.product-card em{display:block;overflow:hidden;margin-top:6px;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.product-card em{color:#f24b32;font-style:normal;font-weight:900}.tabbar{margin-top:16px;padding-top:12px;border-top:1px solid #eef2ee;color:#8c968f}.traffic-panel{display:grid;gap:16px;padding:22px 18px;border-radius:26px;background:#ffffffd1;border:1px solid rgba(220,232,220,.8);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.traffic-panel>svg,.traffic-panel>strong{color:var(--green);text-align:center}.traffic-item{display:grid;gap:3px;justify-items:center;text-align:center;color:var(--green-dark)}.traffic-item span{font-weight:900}.traffic-item small{color:var(--muted);line-height:1.4}.hero-glass-card{position:absolute;z-index:3;display:grid;gap:4px;min-width:152px;padding:14px 16px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:#ffffffc7;box-shadow:0 22px 55px #101b1529;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panelDrift 4.6s ease-in-out infinite}.hero-glass-card svg{color:var(--blue)}.hero-glass-card span{color:var(--muted);font-size:12px;font-weight:800}.hero-glass-card strong{color:var(--ink);font-size:22px}.hero-glass-card em{color:var(--green-dark);font-size:12px;font-style:normal;font-weight:900}.sales-card{top:10%;left:0}.flow-card{right:86px;bottom:7%;animation-delay:-1.2s}.section-heading{max-width:760px;margin-bottom:26px}.section-heading p,.architecture-copy p{margin:12px 0 0;color:var(--muted);font-size:17px;line-height:1.75}.showcase-section{padding:52px 0 70px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-card{position:relative;display:grid;gap:18px;min-height:355px;padding:26px;overflow:hidden;border:1px solid rgba(220,232,220,.88);border-radius:8px;background:#ffffffe0;box-shadow:0 20px 52px #101b1517;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.case-card:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(135deg,rgba(22,163,60,.12),transparent 42%),linear-gradient(315deg,rgba(43,127,255,.08),transparent 38%);opacity:0;transition:opacity .22s ease}.case-card>*{position:relative}.case-card:hover{transform:translateY(-8px);border-color:#16a33c52;box-shadow:0 32px 80px #101b1529}.case-card:hover:before{opacity:1}.case-topline,.case-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.case-topline span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#fff;background:var(--green)}.case-blue .case-topline span{background:var(--blue)}.case-amber .case-topline span{background:var(--amber)}.case-topline small,.case-meta em{color:var(--muted);font-size:12px;font-style:normal;font-weight:900}.case-card h3{margin:0;font-size:27px;line-height:1.2}.case-card p{margin:0;color:var(--muted);line-height:1.7}.case-meta{align-items:end}.case-meta strong{color:var(--green-dark);text-align:right}.case-card button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:fit-content;min-height:42px;padding:0 15px;border:0;border-radius:999px;color:#fff;background:#101b15;font-weight:900}.split-section{display:grid;grid-template-columns:280px 1fr;gap:36px;padding:70px 0}h2{margin:10px 0 0;font-size:clamp(26px,3vw,40px);letter-spacing:0}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-card{display:flex;gap:16px;min-height:136px;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 14px 34px #1221170f}.service-icon{width:58px;height:58px;border-radius:16px}.service-card h3,.process-item h3,.detail-panel h2,.contact-list h2{margin:0 0 8px;font-size:20px}.service-card p,.process-item p,.clean-list,.contact-list p{margin:0;color:var(--muted);line-height:1.65}.architecture-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:stretch;padding:34px;margin-bottom:58px;border:1px solid rgba(220,232,220,.84);border-radius:8px;background:linear-gradient(135deg,#101b15f5,#12422cf2),#101b15;box-shadow:var(--deep-shadow);color:#fff;overflow:hidden}.architecture-copy{display:grid;align-content:center}.architecture-copy .section-kicker{color:#8ff1aa}.architecture-copy h2{color:#fff}.architecture-copy p{color:#d7eadb}.architecture-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.architecture-map article{position:relative;min-height:178px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:linear-gradient(145deg,#ffffff1f,#ffffff0d);overflow:hidden}.architecture-map article:after{position:absolute;inset:auto 0 0;height:3px;content:"";background:linear-gradient(90deg,var(--green),var(--blue),var(--amber))}.architecture-map svg{color:#8ff1aa}.architecture-map h3{margin:16px 0 8px;font-size:20px}.architecture-map p{margin:0;color:#d8e9dd;line-height:1.65}.process-section{padding:20px 0 76px}.process-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:26px}.process-item{min-width:0;text-align:center}.process-item span{width:62px;height:62px;margin:0 auto 12px;border-radius:18px;background:#fff;border:2px solid var(--green);color:var(--green)}.process-item p{font-size:14px}.reference-section{display:grid;grid-template-columns:1fr minmax(260px,390px);gap:26px;align-items:center;padding:38px;margin-bottom:60px;border-radius:8px;background:#e9f7e8}.code-preview{display:grid;gap:12px;padding:24px;border-radius:8px;color:#dfffe6;background:#102116;box-shadow:var(--shadow)}.code-preview span{color:#7ee29b;font-weight:800}.code-preview strong{display:block;padding:10px 12px;border:1px solid rgba(126,226,155,.24);border-radius:8px;background:#ffffff0f;font-family:Consolas,Monaco,monospace;font-size:15px;font-weight:700}.code-preview em{color:#ffe08a;font-style:normal;font-weight:800}.page-shell,.auth-page{min-height:calc(100vh - 154px)}.page-hero{padding:74px 0 30px}.page-hero h1{max-width:900px;font-size:clamp(34px,5vw,64px)}.page-hero p{max-width:820px}.graduation-layout,.contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:72px}.detail-panel,.contact-list article,.contact-form,.auth-panel{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 38px #12211712}.detail-panel{padding:28px}.detail-panel.wide{grid-column:1 / -1}.tag-row,.highlight-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tag-row span,.highlight-grid span{padding:9px 12px;border-radius:999px;color:var(--green-dark);background:#edf8ed;font-weight:800}.clean-list{padding-left:18px}.clean-list li+li{margin-top:10px}.auth-page{display:grid;place-items:center;padding:46px 16px 70px}.auth-panel{display:grid;grid-template-columns:.9fr 1.1fr;width:min(920px,100%);overflow:hidden}.auth-copy{padding:clamp(30px,5vw,56px);color:#fff;background:radial-gradient(circle at 20% 20%,rgba(255,224,138,.26),transparent 28%),linear-gradient(135deg,#087834,#12a844)}.auth-copy .section-kicker,.auth-copy p{color:#e9fff0}.auth-copy h1{margin:16px 0;font-size:clamp(34px,5vw,58px);letter-spacing:0}.auth-copy p{line-height:1.75}.auth-form,.contact-form{display:grid;gap:16px;padding:clamp(24px,4vw,42px)}label{display:grid;gap:8px;color:var(--ink);font-weight:800}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:13px 14px;color:var(--ink);background:#fbfdfb;outline:none}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #16a33c1f}.full-button{width:100%;border-radius:8px}.form-message{margin:0;color:var(--green-dark);font-weight:800}.form-message.error{color:#c93622}.form-message.success{color:var(--green-dark)}.text-button{padding:8px;color:var(--green-dark);font-weight:800}.contact-layout{align-items:start}.contact-list{display:grid;gap:14px}.contact-list article{display:flex;gap:16px;padding:22px}.contact-list svg{flex:0 0 auto;color:var(--green)}.admin-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.admin-grid{display:grid;gap:18px;padding-bottom:72px}.admin-card{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 38px #12211712;overflow:hidden}.admin-card-title{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.admin-card-title svg{color:var(--green)}.admin-card-title h2{margin:0;font-size:22px}.admin-card-title span{display:grid;place-items:center;min-width:34px;height:34px;margin-left:auto;border-radius:999px;color:#fff;background:var(--green);font-weight:900}.table-wrap{overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #eef2ee;text-align:left;vertical-align:top}th{color:var(--green-dark);background:#f4fbf4;font-size:14px}td{color:var(--muted);line-height:1.55}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:22px clamp(18px,5vw,72px);color:#fff;background:#108333;font-weight:800}@media(max-width:980px){.hero,.split-section,.reference-section,.auth-panel,.architecture-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:34px}.phone-area{grid-template-columns:1fr;justify-items:center}.phone-shell{margin:0}.traffic-panel{width:min(100%,560px);grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-panel>svg,.traffic-panel>strong{grid-column:1 / -1}.sales-card{left:4%}.flow-card{right:4%}.case-grid{grid-template-columns:1fr}.case-card{min-height:auto}.process-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.site-header{flex-wrap:wrap;padding:12px 16px}.icon-button{display:inline-flex}.nav{display:none;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.nav.is-open{display:grid}.nav-link{width:100%;border-radius:8px;background:#fff}.hero-copy h1,.page-hero h1{font-size:42px}.hero-lead,.page-hero p,.reference-section p,.detail-panel p{font-size:16px}.hero-actions .primary-button,.hero-actions .secondary-button{flex:1 1 150px}.hero-stats{grid-template-columns:1fr}.hero-glass-card{position:static;width:min(100%,370px);animation:none}.phone-area{gap:12px}.phone-shell{animation:none}.architecture-section{padding:24px}.architecture-map,.service-grid,.graduation-layout,.contact-layout{grid-template-columns:1fr}.service-card{min-height:auto;padding:18px}.process-row{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-section{padding:22px}.auth-copy,.auth-form,.contact-form{padding:24px}}@media(max-width:460px){.section{width:min(100% - 24px,1180px)}.brand small{display:none}.hero-copy h1,.page-hero h1{font-size:36px}.pill{max-width:100%;font-size:14px}.phone-shell{border-width:7px;border-radius:34px;padding:14px 12px}.promo-banner{padding:14px}.promo-banner strong,.promo-banner span{font-size:19px}.mini-grid,.product-row{grid-template-columns:repeat(2,1fr)}.traffic-panel{grid-template-columns:1fr}.case-card{padding:22px}.case-card h3{font-size:23px}.case-meta{align-items:start;flex-direction:column}.architecture-section{padding:20px}.process-row{grid-template-columns:1fr}.site-footer{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}