/* ==========================================================================
   公司与功能页（/about/ /contact/ /field/ 现场重放 隐私政策 提交成功 404 pages.html，sitegen/company.py 产出）：site.css 公共组件之外的几样。
   2026-10-03《整站规划》4.4（子代理 E）；2026-10-05《子页改版-2026-10-04》6.3（E）：关于、案例页首用公共大画面版式（site.css .hero-big），
   这里只有本栏目的几样。只用 site.css 的变量；类名前缀 co-。
   ========================================================================== */

/* 本栏目的节：csec() 加 .co-sec，节底留白（公共组件的节底只有 8px）；节与节白 / 浅灰交替 */
.sec.co-sec{padding-bottom:44px}
@media (max-width:640px){.sec.co-sec{padding-bottom:30px}}
.co-more{gap:24px;padding:22px var(--gut) 0}
.co-tag{display:block;font:600 12px/1 var(--sans);letter-spacing:.12em;color:var(--blue)}
.co-code{display:block;font:500 11.5px/1.4 var(--mono);letter-spacing:.06em;color:var(--blue)}
.co-prose{max-width:720px}
.co-prose p{font-size:15px;line-height:1.85;color:var(--ink-2)}
.co-prose p+p{margin-top:12px}
.sec>.co-prose{padding:0 var(--gut)}
.khead+.intro{max-width:calc(720px + 2 * var(--gut))}
.co-pad{padding:0 var(--gut)}

/* 关于 · 先知 / 先行两张大卡 */
.co-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 var(--gut)}
.co-big{padding:clamp(24px,3vw,40px);border:1px solid var(--line);border-radius:12px;background:#fff}
.co-big h3{margin-top:22px;font:500 clamp(30px,3.4vw,44px)/1.15 var(--sans);letter-spacing:.02em}
.co-big p{margin-top:12px;max-width:420px;font-size:15px;line-height:1.8;color:var(--ink-2)}
.co-big:first-child{border-color:var(--blue-100);box-shadow:0 12px 30px -20px rgba(29,78,216,.5)}
.co-big:first-child h3{color:var(--blue)}
@media (max-width:760px){.co-duo{grid-template-columns:1fr}.co-big h3{margin-top:16px;font-size:30px}.co-big p{font-size:14px}}

/* 关于 · 我们做什么：判断三段 + 服务领域（左），使命 / 愿景两卡（右） */
.co-what{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:clamp(24px,4vw,64px);align-items:start;padding:0 var(--gut)}
.co-fields{margin-top:28px;padding-top:22px;border-top:1px solid var(--line-2)}
.co-fields p{margin:10px 0 14px;font-size:14px}
.co-side{display:grid;gap:12px}
.co-mv{padding:22px;border:1px solid var(--line);border-radius:12px;background:#F8FAFC}
.co-mv p{margin-top:12px;font:500 19px/1.5 var(--sans);color:var(--ink)}
@media (max-width:860px){.co-what{grid-template-columns:1fr}}

/* 关于 · 自研核心技术：五层的图标卡（链到五层架构对应一层） */
.co-tech{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 var(--gut)}
.co-layer .co-code{margin-top:14px}
.co-layer h3{margin-top:4px;font-size:16px;line-height:1.4}
.co-layer p{margin-top:8px}
@media (max-width:1100px){.co-tech{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.co-tech{grid-template-columns:1fr 1fr;gap:8px}.co-layer{padding:16px}.co-layer p{font-size:12.5px}}

/* 案例 · 现场重放封面卡（左封面、右文字；手机上下） */
.co-replay{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;margin:0 var(--gut);padding:12px;
  border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;transition:border-color .25s,box-shadow .25s}
.co-replay:hover,.co-replay:focus-visible{border-color:var(--blue-100);box-shadow:0 12px 30px -20px rgba(29,78,216,.5);outline:none}
.co-replay-img{position:relative;display:block;border-radius:8px;overflow:hidden;background:#F1F5F9}
.co-replay-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.co-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 8px 24px -10px rgba(15,23,42,.4);transition:transform .25s}
.co-play::after{content:"";position:absolute;left:26px;top:21px;border-left:16px solid var(--blue);border-top:11px solid transparent;border-bottom:11px solid transparent}
.co-replay:hover .co-play{transform:scale(1.06)}
.co-replay-txt{display:flex;flex-direction:column;padding:8px 12px 8px 0}
.co-replay h3{margin-top:12px;font:500 clamp(20px,2vw,26px)/1.35 var(--sans);transition:color .25s}
.co-replay:hover h3{color:var(--blue)}
.co-replay p{margin-top:10px;font-size:14px;line-height:1.7;color:var(--ink-2)}
.co-replay .card-go{margin-top:0;padding-top:18px}
@media (max-width:760px){.co-replay{grid-template-columns:1fr;gap:4px;padding:8px}.co-replay-txt{padding:10px 8px 8px}.co-play{width:52px;height:52px;margin:-26px 0 0 -26px}
  .co-play::after{left:21px;top:17px;border-left-width:13px;border-top-width:9px;border-bottom-width:9px}}

/* 案例 · 代表实践的说明卡（如实：取得授权后发布） */
.co-honest{display:flex;gap:18px;align-items:flex-start;max-width:760px;margin:0 var(--gut);padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}
.co-honest h3{font:500 19px/1.35 var(--sans)}
.co-honest p{margin:8px 0 14px;font-size:14px;color:var(--ink-2)}
.co-honest+.co-more{justify-content:flex-start}
@media (max-width:560px){.co-honest{flex-direction:column;gap:14px;padding:20px}}

/* 现场重放 · 视频、说明、文字稿 */
.co-film{padding:28px var(--gut) 36px;border-top:0}
.co-vid video{display:block;width:100%;max-width:1200px;aspect-ratio:16/9;margin:0 auto;border:1px solid var(--line);border-radius:12px;background:#0F172A}
.co-vnote{max-width:1200px;margin:12px auto 0;font-size:12px;line-height:1.7;color:var(--ink-3)}
.co-pad.co-vnote{margin:18px 0 0;max-width:none}
.co-script{max-width:820px;margin:0 var(--gut);padding:0;list-style:none;border-top:1px solid var(--line)}
.co-script li{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2);font-size:14px;line-height:1.7;color:var(--ink-2)}
.co-script time{font:500 12px/1.9 var(--mono);color:var(--blue)}
@media (max-width:560px){.co-script li{grid-template-columns:48px 1fr;font-size:13.5px}}

/* 联系我们（2026-10-05 晚《文案统一》第八节，C2）：照 lindos.cn 原版两栏——页首左栏（栏目名、H1、导语，位置同全站）下接三行图标信息，
   右栏表单卡（hero 的画面位，电脑上和栏目名顶对齐）；≤980 宽单栏，卡在文字下面。字号、颜色、按钮、圆角取 site.css。
   成功态 .co-done、再访遮罩 .co-again 由 site.js「contact form」写进卡里。原版的蓝色起步带版式（表单 + 三张邮件卡）2026-10-05 晚撤下。 */
@media (min-width:981px){.phead.hero.co-reach:not(.solo){grid-template-columns:minmax(0,1fr) minmax(0,min(560px,50%))}}
.co-ci{display:grid;gap:22px;max-width:520px;margin:40px 0 0;padding:0;list-style:none}
.co-ci li{display:flex;gap:14px;align-items:center}
.co-ci .icon-box{width:40px;height:40px}
.co-ci .icon-box svg{width:22px;height:22px}
.co-ci b{display:block;font-weight:500;font-size:14px;line-height:1.5;color:var(--ink)}
.co-ci div>span,.co-ci div>a{display:block;font-size:13px;line-height:1.6;color:var(--ink-2);word-break:keep-all}   /* 放不下时只在空格处折（320 宽：「……沙特」/「及更多地区」） */
.co-ci a{transition:color .2s}.co-ci a:hover,.co-ci a:focus-visible{color:var(--blue)}
.co-card{position:relative;width:100%;padding:clamp(24px,2.6vw,36px);border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.co-card h2{font:500 22px/1.3 var(--sans);letter-spacing:0}
.co-sub{margin-top:6px;font-size:14px;line-height:1.6;color:var(--ink-3)}
.co-card .form{gap:16px;max-width:none;padding:24px 0 0}
.co-form .row2{gap:16px}
.co-form input[type=tel],.co-form input[type=email]{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;font:400 14px/1.5 var(--sans);color:var(--ink)}
.co-form input:focus,.co-form select:focus,.co-form textarea:focus{outline:none;border-color:var(--blue)}
.co-form select{-webkit-appearance:none;appearance:none;padding-right:34px;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center/12px 8px}
.co-form textarea{resize:vertical;min-height:96px}
.co-form ::placeholder{color:#94A3B8;opacity:1}
.co-form select:has(option[value=""]:checked){color:#94A3B8}.co-form option{color:var(--ink)}   /* 还停在「请选择」：同占位字的灰 */
.form.co-form input[aria-invalid="true"],.form.co-form select[aria-invalid="true"],.form.co-form textarea[aria-invalid="true"]{border-color:#DC2626}   /* 必填没填、邮箱格式不对：点提交后标红（浏览器同时弹出它自己的提示），改对就去掉；要压过 site.css 的 .form input[type=text] */
.co-form .agree{font-size:13px}
.co-form .agree input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--blue)}
.co-form .agree:has(input[aria-invalid="true"])>span{color:#DC2626}
.co-submit{width:100%;height:46px;justify-content:center;font-size:15px}
.co-form .beam-wrap{display:flex}   /* site.js 给按钮包的流光外框：撑满一行 */
.co-submit:disabled{opacity:.65;cursor:default}
.co-msg{margin:-4px 0 0;font-size:13px;line-height:1.6;color:var(--ink-3)}
.co-msg.bad{color:#DC2626}
.co-hp{position:absolute;left:-9999px;width:1px;height:0;overflow:hidden;opacity:0}   /* 蜜罐（原版）：人看不到，机器人会填 */
@media (max-width:980px){.co-ci{margin-top:32px;gap:18px}}
@media (max-width:560px){.co-card{padding:24px 18px}.co-card .form{padding-top:20px}
  .co-form input,.co-form select,.co-form textarea{font-size:16px}}   /* 手机：16px 起，iOS 点输入框不再整页放大 */
/* 提交成功：卡片原地换成成功态（原版：浅蓝光圈 → 蓝色圆弹出 → 对勾描出 → 文字上浮；纸屑只用站内的蓝）。减少动态效果时直接显示结果 */
.co-done{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;padding:40px 8px 28px;text-align:center}
.co-done-mark{position:relative;display:flex;align-items:center;justify-content:center}
.co-done-pulse{position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;background:var(--blue-soft);transform:translate(-50%,-50%);animation:co-pulse 1.8s ease-out forwards}
.co-done-ring{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:var(--blue);animation:co-pop .5s cubic-bezier(.175,.885,.32,1.275) both}
.co-done-ring svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.co-done-ring path{stroke-dasharray:48;stroke-dashoffset:48;animation:co-draw .4s .45s ease forwards}
.co-done h2{position:relative;margin-top:26px;animation:co-up .5s .6s ease both}
.co-done h2:focus{outline:none}
.co-done-desc{position:relative;margin-top:10px;font-size:15px;line-height:1.75;color:var(--ink-2);animation:co-up .5s .75s ease both}
.co-done-desc strong{font-weight:500;color:var(--ink)}
.co-done-alt{position:relative;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3);animation:co-up .5s .9s ease both}
.co-done-alt a{color:var(--blue)}
.co-bit{position:absolute;top:-10px;opacity:0;animation:co-fall 1.2s ease forwards}
@keyframes co-pulse{0%{width:0;height:0;opacity:.8}60%{width:200px;height:200px;opacity:.35}100%{width:260px;height:260px;opacity:0}}
@keyframes co-pop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@keyframes co-draw{to{stroke-dashoffset:0}}
@keyframes co-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes co-fall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}70%{opacity:1}100%{opacity:0;transform:translateY(320px) rotate(var(--rot,360deg)) scale(.5)}}
/* 再访：卡上盖一层「您已提交过预约信息」（原版 .ld-revisit-overlay）；手机上卡很长，提示放在卡的上部 */
.co-again{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px;text-align:center;
  border-radius:inherit;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:co-up .4s ease both}
.co-again.out{opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .3s}
.co-again-ic{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:20px;border-radius:50%;background:var(--blue-soft)}
.co-again-ic svg{width:26px;height:26px;fill:none;stroke:var(--blue);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.co-again h2{font:500 18px/1.4 var(--sans)}
.co-again p{margin-top:8px;font-size:14px;line-height:1.7;color:var(--ink-2)}
.co-again strong{font-weight:500;color:var(--ink)}
.co-again-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
@media (max-width:980px){.co-again{justify-content:flex-start;padding-top:72px}}
@media (prefers-reduced-motion:reduce){.co-done *,.co-again{animation:none!important}.co-done-ring path{stroke-dashoffset:0}.co-bit{display:none}}
/* 隐私政策「联系方式」一节的公司 / 邮箱两行（原是联系页蓝色带里那份的浅底版） */
.co-info{margin:6px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.22)}
.co-info li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:12.5px;line-height:1.6;color:#DBEAFE}
.co-info b{font-weight:500;color:#fff}
.co-info-ink{max-width:560px;margin:0 var(--gut);border-top-color:var(--line)}
.co-info-ink li{border-bottom-color:var(--line-2);color:var(--ink-2)}.co-info-ink b{color:var(--ink)}

/* 隐私政策 · 四项待写 */
.co-slot{margin:0 var(--gut) 20px}
.co-pvs{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 var(--gut)}
.co-pv{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}
.co-pv h3{margin:6px 0 14px;font:500 17px/1.4 var(--sans)}
.co-pv .slot{max-width:none}
@media (max-width:760px){.co-pvs{grid-template-columns:1fr}}

/* pages.html（内部）：表格放在节里 */
.co-tbl{border-bottom:0;padding-top:0}
.alt .co-tbl .cmp{background:transparent}

@media (max-width:640px){.co-tech .co-layer:last-child{grid-column:span 2}.co-mv p{font-size:16px}}
/* 提交成功、404：紧凑页首（2026-10-05《子页改版》6.3「保持紧凑」）。思考球 128px connecting 原尺寸，不要框，只留浅蓝光晕；手机上只留标题和按钮。
   联系我们的页首也是 main 里唯一的一节（画面位是表单卡）：:not(.co-reach) 排除，手机上表单不能藏 */
main>.hero:only-child:not(.co-reach){min-height:clamp(380px,50vh,520px)}
main>.hero:only-child .hero-orb{aspect-ratio:auto;height:clamp(220px,26vw,300px);border:0;border-radius:0;background:radial-gradient(closest-side,var(--blue-soft) 0,rgba(239,246,255,0) 100%)}
@media (max-width:640px){main>.hero:only-child:not(.co-reach) .phead-media{display:none}main>.hero:only-child:not(.co-reach){min-height:0;padding-bottom:48px}}
.co-tbl .cmp{table-layout:fixed}
.co-tbl .cmp th:nth-child(1){width:22%}.co-tbl .cmp th:nth-child(2){width:12%}.co-tbl .cmp th:nth-child(3){width:24%}
#archived .co-tbl .cmp th:nth-child(1){width:16%}#archived .co-tbl .cmp th:nth-child(2){width:10%}#archived .co-tbl .cmp th:nth-child(3){width:auto}
.co-tbl code{word-break:break-all}