21 行
13 KiB
CSS
21 行
13 KiB
CSS
/* 智能体服务独立页：限定样式作用域，供桌面及移动端模板共用。 */
|
|
.agent-page{--ag-ink:#0f172a;--ag-copy:#475569;--ag-blue:#2563eb;--ag-line:#dce3eb;--ag-soft:#f8fafc;--ag-muted:#64748b;color:var(--ag-ink);background:#fff;font-family:var(--font-sans,"Microsoft YaHei",sans-serif);font-size:16px;line-height:1.75;overflow-wrap:break-word}
|
|
.agent-page *{box-sizing:border-box}.agent-page h1,.agent-page h2,.agent-page h3,.agent-page p,.agent-page figure,.agent-page ol,.agent-page ul{margin:0}.agent-page h1,.agent-page h2{font-family:var(--font-serif,"SimSun",serif);color:var(--ag-ink);font-weight:600}.agent-page a{text-decoration:none}.agent-page a:focus-visible,.agent-page summary:focus-visible{outline:3px solid var(--ag-blue);outline-offset:5px}.agent-page [id]{scroll-margin-top:100px}
|
|
.agent-page nav{height:auto;line-height:inherit;box-shadow:none;color:var(--ag-copy);background:#fff}.agent-page .ag-breadcrumb a{color:var(--ag-copy)}
|
|
.ag-container{width:100%;max-width:1280px;padding:0 32px;margin:0 auto}.ag-skip{position:fixed;left:24px;top:-100px;z-index:1000;background:#fff;padding:12px 20px}.ag-skip:focus{top:90px}.ag-hero{padding:111px 0 0;background:#fff}.ag-breadcrumb{display:flex;gap:13px;align-items:center;font-size:13px;color:var(--ag-copy);margin-bottom:38px}.ag-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}.ag-breadcrumb a:hover{color:var(--ag-blue)}
|
|
.ag-hero-grid{display:grid;grid-template-columns:5fr 6fr;gap:7%;align-items:center;padding-bottom:64px}.ag-eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:1.8px;color:var(--ag-blue);margin-bottom:23px!important}.ag-eyebrow i{width:6px;height:6px;background:var(--ag-blue)}.agent-page h1{font-size:clamp(40px,4.1vw,62px);line-height:1.34;letter-spacing:1px;margin-bottom:26px}.agent-page h1 span{color:var(--ag-blue)}.ag-lead{font-size:16px;color:var(--ag-copy);line-height:1.95;max-width:450px}.ag-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}.ag-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;padding:12px 23px;border-radius:4px;font-size:15px;font-weight:500;transition:background .2s,box-shadow .2s;cursor:pointer;color:#fff!important;background:var(--ag-blue)}.ag-button:hover{background:#1d4ed8;box-shadow:0 4px 16px #2563eb20}.ag-button span{font-size:21px;line-height:1}.ag-text-link{display:inline-flex;gap:14px;align-items:center;min-height:44px;font-size:14px;color:var(--ag-copy)}.ag-text-link:hover{color:var(--ag-blue)}.ag-hero-note{margin-top:29px!important;font-size:12px;color:var(--ag-muted);letter-spacing:1px}
|
|
.ag-hero-art{position:relative;border-radius:4px;overflow:hidden;background:var(--ag-soft)}.ag-hero-art picture{display:block}.ag-hero-art img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}.ag-hero-art figcaption{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;padding:18px 24px;font-size:10px;letter-spacing:1.5px;color:var(--ag-copy);background:linear-gradient(transparent,#f8fafce6)}
|
|
.ag-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ag-line);padding:25px 0 30px;gap:35px}.ag-principles>div{position:relative;padding-left:38px}.ag-principles>div>span{position:absolute;left:0;top:1px;font-size:12px;color:var(--ag-blue);font-variant-numeric:tabular-nums}.ag-principles strong{font-size:14px;font-weight:500}.ag-principles p{font-size:12px;color:var(--ag-muted);margin-top:3px}
|
|
.ag-section-nav{border-top:1px solid var(--ag-line);border-bottom:1px solid var(--ag-line);background:#fff}.ag-section-nav .ag-container{display:flex;gap:46px;flex-wrap:wrap}.ag-section-nav a{padding:17px 0;min-height:54px;font-size:13px;color:var(--ag-copy);border-bottom:2px solid transparent}.ag-section-nav a:hover{border-color:var(--ag-blue);color:var(--ag-blue)}
|
|
.ag-section{padding:96px 0}.ag-tinted{background:var(--ag-soft);border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5}.ag-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:42px}.ag-section-head .ag-eyebrow{margin-bottom:15px!important}.agent-page h2{font-size:clamp(26px,2.4vw,36px);line-height:1.5;letter-spacing:.5px}.ag-section-head>p{max-width:350px;font-size:14px;line-height:1.9;color:var(--ag-copy)}.agent-page h3{font-size:19px;line-height:1.5;font-weight:600;color:var(--ag-ink)}
|
|
.ag-scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ag-line);border-radius:4px;overflow:hidden}.ag-scenario{padding:28px 25px;display:flex;flex-direction:column;border-right:1px solid var(--ag-line);transition:background .2s}.ag-scenario:last-child{border-right:0}.ag-scenario:hover{background:var(--ag-soft)}.ag-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:var(--ag-blue)}.ag-card-top>span{font-size:12px}.ag-card-top svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}.ag-scenario h3{margin-bottom:14px}.ag-scenario>p{font-size:14px;color:var(--ag-copy);line-height:1.9;margin-bottom:27px}.ag-use{border-top:1px solid var(--ag-line);padding-top:16px;margin-top:auto;font-size:12px;color:var(--ag-copy)}.ag-use>span{display:block;font-size:11px;color:var(--ag-muted);margin-bottom:5px;letter-spacing:1px}
|
|
.ag-capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.ag-example{padding:24px;background:#fff;border:1px solid var(--ag-line);border-radius:6px;box-shadow:0 18px 45px #0f172a05;font-size:14px}.ag-example-bar{display:flex;align-items:center;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--ag-line);font-weight:500}.ag-example-bar i{width:6px;height:6px;background:var(--ag-blue);border-radius:50%}.ag-example-bar>span{margin-left:auto;font-size:11px;letter-spacing:1px;color:var(--ag-muted);font-weight:400}.ag-question{margin:22px 0 18px 36px;padding:12px 16px;background:#eff6ff;border-radius:4px;color:#1e40af}.ag-answer{padding:0 9px}.ag-answer>span{font-size:11px;letter-spacing:.6px;color:var(--ag-muted)}.ag-answer>p{margin-top:9px}.ag-answer ol{padding-left:22px;margin-top:10px;line-height:2}.ag-answer a{display:inline-flex;min-height:44px;align-items:center;gap:12px;color:var(--ag-blue);font-size:12px;margin-top:8px}.ag-source{border-top:1px solid var(--ag-line);margin-top:12px;padding:17px 9px 0}.ag-source>span{display:block;color:var(--ag-blue);font-size:11px}.ag-source strong{display:block;font-size:12px;font-weight:500;margin-top:5px}.ag-source p{font-size:11px;color:var(--ag-muted);margin-top:5px}.ag-capability-list article{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--ag-line)}.ag-capability-list article:first-child{padding-top:0}.ag-capability-list article:last-child{border:0;padding-bottom:0}.ag-capability-list article>span{font-size:12px;color:var(--ag-blue);padding-top:5px}.ag-capability-list h3{font-size:18px;margin-bottom:8px}.ag-capability-list p{font-size:14px;color:var(--ag-copy);line-height:1.9}
|
|
.ag-deploy-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ag-deploy{border:1px solid var(--ag-line);border-radius:4px;padding:32px 36px}.ag-small-label{font-size:12px;letter-spacing:1px;color:var(--ag-blue)}.ag-deploy h3{font-family:var(--font-serif,"SimSun",serif);font-size:26px;margin:13px 0}.ag-deploy>p{font-size:14px;color:var(--ag-copy);padding-bottom:24px;border-bottom:1px solid var(--ag-line)}.ag-deploy ul{list-style:none;padding:20px 0 0;color:var(--ag-copy);font-size:14px}.ag-deploy li{position:relative;padding-left:18px;margin:8px 0}.ag-deploy li:before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;background:var(--ag-blue)}.ag-deploy-note{font-size:12px;color:var(--ag-muted);margin-top:22px!important}
|
|
.ag-process{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:30px}.ag-process>li{border-top:1px solid #bdcce1;padding-top:22px}.ag-process>li>span{color:var(--ag-blue);font-size:13px}.ag-process h3{font-size:18px;margin:20px 0 12px}.ag-process p{font-size:14px;color:var(--ag-copy);line-height:1.9}.ag-process small{display:block;font-size:11px;color:var(--ag-muted);margin-top:20px}.ag-delivery{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px 36px;margin-top:45px;border:1px solid var(--ag-line);border-radius:4px;background:#fff}.ag-delivery h3{margin:10px 0;font-size:20px}.ag-delivery p{font-size:12px;color:var(--ag-muted)}.ag-delivery ul{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:14px 25px;padding:0;list-style:none;font-size:13px;color:var(--ag-copy)}.ag-delivery li{border-left:2px solid #bfd3f7;padding-left:12px}
|
|
.ag-faq-layout{display:grid;grid-template-columns:4fr 7fr;gap:8%}.ag-faq-intro{font-size:14px;color:var(--ag-copy);margin-top:20px!important;max-width:260px}.ag-faq-list{border-top:1px solid var(--ag-line)}.ag-faq-list details{border-bottom:1px solid var(--ag-line)}.ag-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:20px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:500}.ag-faq-list summary::-webkit-details-marker{display:none}.ag-faq-list summary>span{position:relative;width:16px;height:16px;flex-shrink:0}.ag-faq-list summary>span:before,.ag-faq-list summary>span:after{content:"";position:absolute;background:var(--ag-blue);width:12px;height:1px;left:2px;top:8px}.ag-faq-list summary>span:after{transform:rotate(90deg);transition:transform .2s}.ag-faq-list details[open] summary>span:after{transform:rotate(0)}.ag-faq-list details p{padding:0 30px 24px 0;font-size:14px;color:var(--ag-copy);line-height:1.95}
|
|
.ag-contact{background:#edf3fc;border-top:1px solid #dce7f7;padding:58px 0}.ag-contact-inner{display:flex;justify-content:space-between;align-items:center;gap:36px}.ag-contact .ag-eyebrow{margin-bottom:12px!important}.ag-contact h2{font-size:30px}.ag-contact p:not(.ag-eyebrow){font-size:14px;color:var(--ag-copy);margin-top:14px}.ag-contact .ag-button{flex-shrink:0}
|
|
@media(max-width:1023px){.ag-hero-grid{gap:32px;grid-template-columns:1fr 1fr}.agent-page h1{font-size:42px}.ag-scenario-grid{grid-template-columns:repeat(2,1fr)}.ag-scenario:nth-child(2){border-right:0}.ag-scenario:nth-child(-n+2){border-bottom:1px solid var(--ag-line)}.ag-capability-grid{gap:32px}.ag-section-head{gap:30px}.ag-section-head>p{max-width:285px}.ag-delivery{grid-template-columns:1fr}.ag-faq-layout{grid-template-columns:1fr 1.5fr;gap:36px}.ag-process{grid-template-columns:repeat(2,1fr);gap:36px}}
|
|
@media(max-width:767px){.ag-container{padding:0 22px}.ag-hero{padding-top:86px}.ag-breadcrumb{margin-bottom:22px}.ag-hero-grid{grid-template-columns:1fr;gap:30px;padding-bottom:32px}.agent-page h1{font-size:42px;margin-bottom:20px}.ag-eyebrow{font-size:11px;margin-bottom:18px!important}.ag-lead{font-size:16px;max-width:100%}.ag-actions{gap:22px;margin-top:24px}.ag-hero-note{margin-top:20px!important}.ag-hero-art img{aspect-ratio:1.4}.ag-hero-art figcaption{padding:14px 17px;font-size:9px}.ag-principles{gap:18px;padding:23px 0;grid-template-columns:1fr}.ag-principles>div{padding-left:30px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.ag-principles p{margin:0}.ag-section-nav .ag-container{gap:4px 22px}.ag-section-nav a{font-size:12px;padding:12px 0;min-height:46px}.ag-section{padding:58px 0}.ag-section-head{display:block;margin-bottom:28px}.ag-section-head>p{max-width:100%;margin-top:16px;font-size:14px}.agent-page h2{font-size:28px}.ag-scenario-grid{grid-template-columns:1fr}.ag-scenario{border-right:0;border-bottom:1px solid var(--ag-line);padding:25px}.ag-scenario:last-child{border-bottom:0}.ag-card-top{margin-bottom:20px}.ag-scenario>p{font-size:15px;margin-bottom:20px}.ag-use{font-size:13px}.ag-capability-grid,.ag-deploy-grid,.ag-faq-layout{grid-template-columns:1fr;gap:30px}.ag-example{padding:20px}.ag-question{margin-left:20px}.ag-answer{padding:0}.ag-capability-list article{padding:22px 0}.ag-capability-list p,.ag-deploy>p,.ag-deploy li,.ag-process p,.ag-faq-list details p{font-size:15px}.ag-deploy{padding:27px 25px}.ag-process{gap:30px 22px}.ag-process h3{font-size:17px}.ag-process small{font-size:12px}.ag-delivery{padding:26px;gap:20px;margin-top:32px}.ag-delivery ul{grid-template-columns:1fr;font-size:14px}.ag-faq-intro{max-width:100%;margin-top:14px!important}.ag-faq-list summary{min-height:72px;font-size:16px}.ag-contact{padding:42px 0}.ag-contact-inner{display:block}.ag-contact h2{font-size:27px}.ag-contact .ag-button{margin-top:25px}}
|
|
@media(max-width:374px){.ag-container{padding:0 18px}.agent-page h1{font-size:36px}.ag-process{grid-template-columns:1fr}.ag-actions{gap:12px}.ag-button{gap:16px;padding:12px 18px}}
|
|
@media(prefers-reduced-motion:reduce){html:has(.agent-page){scroll-behavior:auto}.agent-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
|