/* ==========================================================================
   快易播 - 服务协议页 agreement.css
   顶部导航与 about 页同规格（类名同源于蓝湖导出，含行高/角标修正）；
   标题带背景取 about hero 侧缘 1px 列平铺，与整站浅紫色调一致；
   底部 box_36 页脚为站点公共板块（规则在 common.css）
   ========================================================================== */

.agr-page { position: relative; width: 100%; min-width: 1200px; background-color: rgba(255, 255, 255, 1.0); }

/* ---------- 顶部：导航 + 标题带 ---------- */
.agr-head { width: 100%; height: 280px; background: url('../assets/slices/about/section_12_edge_l.png') repeat-x; background-size: 1px 100%; }
.box_17 { width: 1197px; height: 30px; margin: 17px 0 0 calc(50% - 597px); }
.image_1 { width: 109px; height: 30px; }
.nav-logo { display: inline-flex; line-height: 0; cursor: pointer; }
.box_3 { background-color: rgba(17, 17, 17, 1.0); width: 2px; height: 12px; margin: 9px 0 0 15px; }
.text_1 { width: 95px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 7px 0 0 15px; }
.text_2 { width: 59px; height: 15px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 7px 0 0 399px; }
.text_3 { width: 61px; height: 15px; overflow-wrap: break-word; color: rgba(99, 96, 253, 1.0); font-size: 16px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 7px 0 0 46px; }
.thumbnail_1 { width: 17px; height: 18px; margin: 7px 0 0 96px; }
.text_4 { width: 115px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 16px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 1.58928; margin: 9px 0 0 10px; }
.text-wrapper_1 { border-radius: 2px; height: 26px; border: 1px solid rgba(86, 82, 255, 1); width: 62px; position: relative; margin: 1px 0 0 25px; display: flex; box-sizing: border-box; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.text_5 { width: 31px; height: 14px; overflow-wrap: break-word; color: rgba(86, 82, 255, 1); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 6px 0 0 16px; }
.box_4 { height: 26px; background: url('../assets/slices/about/box_4.png') 100% no-repeat; background-size: 100% 100%; width: 62px; position: relative; margin: 1px 0 0 9px; display: flex; box-sizing: border-box; transition: transform .2s ease, filter .2s ease, box-shadow .2s ease; }
.text_6 { width: 31px; height: 15px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1.0); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 5px 0 0 16px; }
/* HOT 角标：锚在登录按钮右侧、与注册按钮之间（同 about 页） */
.text-wrapper_2 { background-color: rgba(232, 33, 33, 1.0); border-radius: 6px 6px 0px 6px; height: 14px; min-width: 28px; padding: 0 4px; position: absolute; left: auto; right: -18px; top: -6px; display: flex; align-items: center; justify-content: center; z-index: 2; }
.text_7 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 10px; font-family: MiSansLatin-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
.box_17 span, .box_17 a { white-space: nowrap; }
.box_17 a { text-decoration: none; transition: color .2s ease; }
.box_17 a.text-wrapper_1,
.box_17 a.box_4 { color: inherit; }
/* 悬停：站点主紫高亮 */
.box_17 a:hover { color: rgba(86, 82, 255, 1.0); }
.box_17 a.box_4:hover .text_6 { color: rgba(255, 255, 255, 1); }
/* 导航「登录/注册」悬停放大 */
.box_17 a.text-wrapper_1:hover,
.box_17 a.box_4:hover { transform: scale(1.08); color: inherit; }
.box_17 a.text-wrapper_1:hover { background-color: rgba(86, 82, 255, 0.08); box-shadow: 0 4px 12px rgba(86, 82, 255, 0.18); }
.box_17 a.text-wrapper_1:hover .text_5 { color: rgba(86, 82, 255, 1); }
.box_17 a.box_4:hover { filter: brightness(1.08); box-shadow: 0 4px 12px rgba(86, 82, 255, 0.28); }
/* 导航行高修正（同 about.css 修正块：行高压回盒高使字形居中） */
.text_1, .text_2, .text_3, .text_6 { line-height: 15px; }
.text_4 { line-height: 13px; }
.text_5 { line-height: 14px; }

/* 页标题：同 about hero 渐变字规格（盒高/行高放大容纳 48px 字形） */
.agr-title { align-self: center; white-space: nowrap; background-image: linear-gradient(90deg, rgba(131, 132, 247, 1.0) 0, rgba(131, 132, 247, 1.0) 1.757812%, rgba(86, 82, 255, 1.0) 99.316406%, rgba(86, 82, 255, 1.0) 100.000000%); height: 60px; overflow-wrap: break-word; color: rgba(86, 82, 255, 1); font-size: 48px; font-family: MiSans-Semibold; font-weight: 600; text-align: center; line-height: 60px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 80px 0 0 0; }
.agr-update { width: 100%; color: rgba(112, 112, 112, 1.0); font-size: 13px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: center; line-height: 20px; margin: 16px 0 0 0; }

/* ---------- 中部：协议正文（1200 内容列，站点字色/字体） ---------- */
.agr-content { width: 1200px; margin: 0 auto; padding: 60px 40px 80px; }

.agr-content h5 { color: rgba(17, 17, 17, 1.0); font-size: 18px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 26px; margin: 30px 0 12px; }

.agr-content p { color: rgba(85, 85, 85, 1.0); font-size: 14px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: justify; line-height: 26px; margin: 0 0 10px; }
.agr-content a { color: rgba(86, 82, 255, 1.0); text-decoration: none; }
.agr-content a:hover { text-decoration: underline; }