/* 联系页沿用深蓝受光和本地字体，所有新规则限定在联系宿主，不覆盖产品与知识页面。 */
/* 首屏留白与表单下段共用宝蓝底面；按内容比例定位柔光，避免只有桌面下半页得到照明。 */
#page-content.contact-view{background:radial-gradient(ellipse 78% 44% at 86% 12%,#1a469866,transparent 78%),radial-gradient(ellipse 72% 48% at 8% 70%,#1a46984d,transparent 80%),linear-gradient(145deg,#0b254f,#092452 55%,#081c3c);color:#f3f7fc}
.contact-view .ct-page{max-width:1360px;overflow:visible}
/* 标题右侧的斜切面与首页几何背景呼应，只在隔离层内绘制；不接收指针事件，也不参与布局或持续动画。 */
.contact-view .ct-page::before{content:"";display:block;position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto auto;width:59%;height:720px;background:linear-gradient(145deg,#83b9f324,#507ebc16 58%,#284d8200);clip-path:polygon(34% 0,100% 0,78% 100%,0 64%)}
.contact-view .ct-hero{padding:26px 0 48px;max-width:850px}
.contact-view .ct-hero h1{font-size:clamp(40px,4.6cqw,64px);line-height:1.12;margin-bottom:22px}
.contact-view .ct-hero .ph-lead{max-width:58ch}
.contact-view .ct-mobile-jump{display:none}
.contact-view #ct-form-panel{scroll-margin-top:108px}
.contact-view .ct-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:68px;align-items:start;padding-bottom:80px}
.contact-view .ct-information{padding-top:8px;min-width:0}
.contact-view .ct-information h2{font-size:28px;line-height:1.3;margin-bottom:16px}
.contact-view .ct-information>p{font-size:16px;max-width:39ch}

/* 联系方式作为可直接操作的文字条目，完整号码和邮箱自然换行，地址使用普通正文保持轻重有别。 */
.contact-view .ct-channels{margin:30px 0 34px;border-top:1px solid #aac6e436}
.contact-view .ct-channels>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;border-bottom:1px solid #aac6e436;min-height:82px;transition:color .18s ease}
.contact-view .ct-channels small{display:block;font-size:14px;color:#a9c4e5;margin-bottom:7px}
.contact-view .ct-channels strong{display:block;font-size:clamp(16px,1.45cqw,20px);font-weight:500;overflow-wrap:anywhere;line-height:1.5}
.contact-view .ct-channels>a>span:last-child{font-size:23px;color:#aacfff}
.contact-view .ct-channels>a:hover{color:#b9d7ff}
.contact-view .ct-location h3{font-size:18px;letter-spacing:0;margin-bottom:14px}
.contact-view .ct-location address{font-style:normal;font-size:16px;line-height:1.9;color:#c1d2e7}
.contact-view .ct-location p{font-size:14px;margin-top:16px}
.contact-view .ct-help{margin-top:36px;padding-top:25px;border-top:1px solid #aac6e436;font-size:15px}
.contact-view .ct-help a,.contact-view .ct-source a{display:inline-flex;align-items:center;gap:15px;min-height:44px;color:#bdd9ff;font-size:15px}

/* 表单以较明亮的实底蓝面分组，减少黑色输入洞感；字段标签、选填状态和聚焦边缘保持可辨认。 */
.contact-view .ct-panel{min-width:0;padding:36px;background:linear-gradient(135deg,#1a4073eb,#103363);border:1px solid #aecbec59;border-radius:10px;box-shadow:0 18px 50px #00061825}
.contact-view .ct-panel>header{margin-bottom:30px}
.contact-view .ct-panel>header h2{font-size:30px;line-height:1.25;margin-bottom:10px}
.contact-view .ct-panel>header p{font-size:14px}
.contact-view .ct-panel fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}
.contact-view .ct-panel legend{font-size:18px;font-weight:500;color:#eff5fd;margin-bottom:19px;padding:0}
.contact-view .ct-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
.contact-view .ct-fields label{display:flex;flex-direction:column;gap:9px;font-size:15px;color:#dbe8f7;line-height:1.5;min-width:0}
.contact-view .ct-fields label>span{display:contents;font-size:14px;color:#afc7e2}
.contact-view .ct-full{grid-column:1/-1}
.contact-view .ct-fields input,.contact-view .ct-fields select,.contact-view .ct-fields textarea{font:16px/1.5 "Carbon Sora",sans-serif;width:100%;min-width:0;box-sizing:border-box;min-height:50px;border:1px solid #9abbdf66;border-radius:5px;background:#1c3d60;color:#f3f7fc;padding:12px 14px;box-shadow:none;color-scheme:dark}
.contact-view .ct-fields textarea{resize:vertical;min-height:140px}
.contact-view .ct-fields input::placeholder,.contact-view .ct-fields textarea::placeholder{color:#b4c8df;opacity:1}
.contact-view .ct-fields input[readonly]{background:#142f50;color:#c5d8ef;border-style:dashed}
.contact-view .ct-fields :is(input,select,textarea):focus-visible{outline:2px solid #b5d6ff;outline-offset:2px;border-color:#b5d6ff}
.contact-view .ct-field-help{font-size:14px;line-height:1.7;margin-top:12px}
.contact-view .ct-form-end{border-top:1px solid #adc9ed35;padding-top:22px;display:flex;align-items:flex-start;flex-direction:column;gap:12px}
.contact-view .ct-preview-note{font-size:14px;line-height:1.75}
.contact-view .ct-policy{font-size:14px;color:#c5ddff;min-height:36px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.contact-view .ct-form-end button{font:500 15px/1.5 "Carbon Sora",sans-serif;min-height:50px;padding:13px 22px;border-radius:6px;cursor:pointer}

/* 来源与预览都使用明确标题；当前产品保持稳定身份，用户修改输入时隐藏过期摘要，不提供虚假的发送成功提示。 */
.contact-view .ct-source{padding:20px;margin:0 0 28px;background:#09213d85;border-left:2px solid #9fc4f1;border-radius:0 5px 5px 0}
.contact-view .ct-source .ct-kicker{font-size:14px;margin:0 0 8px;color:#b9d5f4}
.contact-view .ct-source h3{font-size:24px;margin:0 0 9px;overflow-wrap:anywhere}
.contact-view .ct-source>p:not(.ct-kicker){font-size:15px;line-height:1.7}
.contact-view .ct-feedback{scroll-margin-top:112px;margin-top:26px;padding:23px;background:#09213d;border:1px solid #a5c6ed60;border-radius:6px}
.contact-view .ct-feedback[hidden]{display:none}
.contact-view .ct-feedback h3{font-size:24px;margin-bottom:10px}
.contact-view .ct-feedback>p{font-size:14px}
.contact-view .ct-feedback dl{margin:20px 0 0}
.contact-view .ct-feedback dl>div{padding:11px 0;border-top:1px solid #b8d5f326}
.contact-view .ct-feedback dt{font-size:14px;color:#a9c4e5}
.contact-view .ct-feedback dd{font-size:16px;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}

/* 中等画布收紧留白，手机先阅读联系方法再填写单列表单，长邮箱与必填标签不会产生横向溢出。 */
@container website (max-width:1100px){.contact-view .ct-layout{gap:36px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.contact-view .ct-panel{padding:26px}.contact-view .ct-fields{grid-template-columns:1fr}.contact-view .ct-channels strong{font-size:16px}}
@container website (max-width:800px){.contact-view .ct-layout{grid-template-columns:1fr;gap:36px}.contact-view .ct-hero{padding-bottom:32px}.contact-view .ct-mobile-jump{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:18px;color:#bcd9ff;font-size:15px}.contact-view .ct-information>p{max-width:60ch}.contact-view .ct-help{margin-top:24px}.contact-view .ct-panel{padding:28px}.contact-view .ct-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container website (max-width:560px){.contact-view .ct-hero h1{font-size:38px}.contact-view .ct-panel{padding:24px 18px}.contact-view .ct-fields{grid-template-columns:1fr}.contact-view .ct-panel>header h2{font-size:27px}.contact-view .ct-layout{padding-bottom:48px}.contact-view .ct-source{padding:16px}.contact-view .ct-feedback{padding:18px}}
/* 小屏纵向阅读时缩短几何面，并按内容高度分布柔光，避免桌面光区落到错误位置或压过联系文字。 */
@container website (max-width:800px){#page-content.contact-view{background:radial-gradient(ellipse 100% 30% at 100% 8%,#1a469866,transparent 78%),radial-gradient(ellipse 100% 38% at 0% 65%,#1a46984d,transparent 80%),linear-gradient(145deg,#0b254f,#092452 55%,#081c3c)}.contact-view .ct-page::before{width:76%;height:460px;opacity:.65;clip-path:polygon(30% 0,100% 0,100% 100%,0 66%)}}
@media(prefers-reduced-motion:reduce){.contact-view .ct-channels>a{transition:none}}