.ai-efficiency-page, .ai-efficiency-home-entry { --ae-paper: #f6efe3; --ae-light: #fffaf1; --ae-ink: #2e322b; --ae-muted: #716a5c; --ae-green: #3e5949; --ae-line: #d9d0be; color: var(--ae-ink); font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.ai-efficiency-page { background: var(--ae-paper); }
.ai-efficiency-page *, .ai-efficiency-page *::before, .ai-efficiency-page *::after, .ai-efficiency-home-entry *, .ai-efficiency-home-entry *::before, .ai-efficiency-home-entry *::after { box-sizing: border-box; }
.ai-efficiency-page a, .ai-efficiency-home-entry a { touch-action: manipulation; }
.ai-efficiency-page :focus-visible, .ai-efficiency-home-entry :focus-visible { outline: 3px solid #456957; outline-offset: 5px; }
.ae-shell { width: min(1232px, calc(100% - 48px)); margin-inline: auto; }
.ae-hero { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); align-items: center; gap: clamp(24px, 4vw, 64px); padding-block: 48px 42px; }
.ae-hero-copy { min-width: 0; }
.ae-eyebrow { margin: 0 0 16px; color: var(--ae-green); font-size: 12px; font-weight: 600; line-height: 1.8; letter-spacing: .04em; }
.ae-hero h1 { max-width: 10em; margin: 0; font-size: clamp(35px, 3.7vw, 51px); line-height: 1.25; font-weight: 650; letter-spacing: -.045em; text-wrap: balance; }
.ae-lead { max-width: 35em; margin: 22px 0 25px; color: var(--ae-muted); font-size: 15px; line-height: 1.9; }
.ae-primary-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 46px; max-width: 100%; padding: 12px 18px; border: 1px solid var(--ae-green); border-radius: 6px; background: var(--ae-green); color: var(--ae-light) !important; font-size: 13px; line-height: 1.6; text-decoration: none; }
.ae-primary-link > span { flex-shrink: 0; }
.ae-showcase { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; min-width: 0; align-items: start; }
.ae-showcase > :only-child { grid-column: 1 / -1; }
.ae-output { min-width: 0; margin: 0; }
.ae-output-link { display: block; position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--ae-line); border-radius: 9px; background: var(--ae-light); color: inherit; text-decoration: none; }
.ae-output-image { height: 360px; overflow: hidden; background: #eee5d5; }
.ae-output-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ae-action-card .ae-output-image img { object-fit: cover; object-position: center top; }
.ae-output-open { position: absolute; inset: auto 0 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 37px; padding: 9px 12px; background: var(--ae-light); border-top: 1px solid var(--ae-line); color: var(--ae-green); font-size: 11px; line-height: 1.6; }
.ae-output figcaption, .ae-home-preview figcaption { margin-top: 9px; color: var(--ae-muted); font-size: 11px; line-height: 1.7; }
.ae-document-output { padding-top: 29px; }
.ae-document { min-height: 331px; padding: 21px 20px; background: #fffdf7; }
.ae-document-meta { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--ae-line); color: #7a806b; font-size: 10px; line-height: 1.6; }
.ae-document-title { margin: 19px 0 14px; font-family: Georgia, "Songti SC", "STSong", serif; font-size: 22px; font-weight: 600; line-height: 1.4; }
.ae-document-text { margin: 0; color: #5d6154; font-size: 12px; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; }
.ae-document-source { display: block; margin-top: 19px; padding-top: 13px; border-top: 1px solid var(--ae-line); color: var(--ae-muted); font-size: 10px; line-height: 1.7; }
.ae-preview-empty { padding: 30px; border: 1px solid var(--ae-line); border-radius: 9px; color: var(--ae-muted); font-size: 14px; line-height: 1.9; }
.ae-shortcuts { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 25px; padding-block: 4px 22px; color: var(--ae-muted); font-size: 12px; line-height: 1.7; }
.ae-shortcuts > span { font-size: 11px; }
.ae-shortcuts a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--ae-green); text-decoration: underline; text-underline-offset: 5px; }
.ai-efficiency-page > .sc-section { border-top: 1px solid var(--ae-line); }
.ae-contact { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-block: 44px 54px; border-top: 1px solid var(--ae-line); }
.ae-contact > div { max-width: 640px; }
.ae-contact .ae-eyebrow { margin-bottom: 8px; }
.ae-contact h2 { margin: 0 0 13px; font-size: clamp(25px, 3vw, 32px); line-height: 1.5; font-weight: 600; }
.ae-contact p:not(.ae-eyebrow) { margin: 0; color: var(--ae-muted); font-size: 14px; line-height: 1.9; }
.ae-contact > a { flex-shrink: 0; }
.ai-efficiency-home-entry { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: 36px; width: min(1120px, calc(100% - 80px)); margin-inline: auto; padding: 28px 32px; border: 1px solid var(--ae-line); border-radius: 12px; background: var(--ae-light); }
.ae-home-copy { min-width: 0; }
.ae-home-copy .ae-eyebrow { margin-bottom: 10px; }
.ae-home-copy h2 { margin: 0 0 13px; font-size: clamp(24px, 2.6vw, 32px); font-weight: 600; line-height: 1.45; letter-spacing: -.025em; }
.ae-home-copy > p:not(.ae-eyebrow) { max-width: 37em; margin: 0 0 21px; color: var(--ae-muted); font-size: 14px; line-height: 1.9; }
.ae-home-preview { min-width: 0; margin: 0; }
.ae-home-preview .ae-output-image { height: 205px; border: 1px solid var(--ae-line); border-radius: 7px; }
.ae-home-document { padding: 20px; border: 1px solid var(--ae-line); border-radius: 7px; background: #fffdf7; }
.ae-home-document > span { color: var(--ae-muted); font-size: 11px; line-height: 1.6; }
.ae-home-document p { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-bottom: 0; color: #5d6154; font-size: 13px; line-height: 1.9; white-space: pre-wrap; }
@media (hover: hover) { .ae-primary-link:hover { background: #2e4739; }.ae-output-link:hover { border-color: #96a889; } }
@media (max-width: 960px) { .ae-hero { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 35px; }.ae-hero h1 { max-width: none; font-size: 38px; }.ae-lead { max-width: 44em; margin-block: 16px 20px; }.ae-showcase { max-width: 700px; width: 100%; }.ae-document-output { padding-top: 0; }.ae-document { min-height: 360px; }.ai-efficiency-home-entry { width: calc(100% - 48px); gap: 24px; padding: 25px; }.ae-contact { align-items: flex-start; flex-direction: column; } }
@media (max-width: 620px) { .ae-shell { width: calc(100% - 32px); }.ae-hero { gap: 24px; padding-block: 24px 30px; }.ae-hero .ae-eyebrow { margin-bottom: 11px; font-size: 10px; }.ae-hero h1 { max-width: 11em; font-size: 31px; line-height: 1.3; }.ae-lead { margin: 14px 0 17px; font-size: 13px; line-height: 1.8; }.ae-primary-link { gap: 20px; font-size: 12px; }.ae-showcase { grid-template-columns: minmax(0, 1fr); gap: 19px; }.ae-output-image { height: 255px; }.ae-output figcaption { margin-top: 7px; }.ae-document { min-height: 0; padding: 19px 21px; }.ae-document-title { margin-block: 16px 12px; }.ae-document-text { font-size: 13px; }.ae-contact { gap: 22px; padding-block: 30px 38px; }.ae-contact p:not(.ae-eyebrow) { font-size: 13px; }.ai-efficiency-home-entry { width: calc(100% - 40px); grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 22px; }.ae-home-copy h2 { font-size: 25px; }.ae-home-copy > p:not(.ae-eyebrow) { margin-bottom: 18px; font-size: 13px; }.ae-home-preview .ae-output-image { height: 180px; } }
@media (prefers-reduced-motion: reduce) { .ai-efficiency-page *, .ai-efficiency-home-entry * { scroll-behavior: auto; } }