/* 星岸 AI 工具：/ai-tools/ 页面、首页小块与页脚第四栏。独立文件，只新增，不覆盖原有组件。 */

/* 定位路径：AI 搜索优化 → AI 赋能 → 部门托管 */
.tl-path{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:tlstep}
.tl-step{position:relative;border:1px solid #bdcddd2b;border-radius:16px;padding:30px 30px 28px;background:linear-gradient(145deg,#172332bd,#0b121ce8)}
.tl-step.is-core{border-color:#edc18466;background:radial-gradient(ellipse at 20% 0%,#82633a2b,transparent 70%),linear-gradient(145deg,#172332bd,#0b121ce8)}
.tl-step:not(:last-child):after{content:"→";position:absolute;right:-17px;top:50%;transform:translateY(-50%);width:16px;text-align:center;color:#edc18499;font-size:16px}
.tl-step-num{font-family:Georgia,serif;font-size:34px;line-height:1;color:var(--gold)}
.tl-step-tag{float:right;font-size:12px;color:#d9c49c;border:1px solid #edc18444;border-radius:20px;padding:3px 11px;line-height:1.6}
.tl-step h3{font-size:22px;margin:24px 0 6px}
.tl-step strong{display:block;font-weight:500;font-size:14px;color:#9fb3c4;margin-bottom:12px}
.tl-step p{font-size:15px;color:#acb9c7}

/* 工具卡片 */
.tl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tl-card{display:flex;flex-direction:column;scroll-margin-top:110px}
.tl-card-head{display:grid;grid-template-columns:68px 1fr auto;gap:18px;align-items:center}
.tl-logo{width:68px;height:68px;display:block}
.tl-card-head h3{font-size:26px;margin:0;line-height:1.2}
.tl-card-head small{display:block;font-size:12px;letter-spacing:1.4px;color:#8fa3b4;margin-top:6px}
.tl-badge{font-size:12px;line-height:1.6;border-radius:20px;padding:4px 12px;white-space:nowrap;align-self:start;color:#ffe0a8;border:1px solid #edc18466;background:#edc18412}
.tl-badge.is-joint{color:#bfe0f5;border-color:#8fc3e566;background:#8fc3e512}
.tl-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:24px 0 14px;font-size:14px}
.tl-meta b{font-weight:500;color:#f2f3f1}
.tl-status{display:inline-flex;align-items:center;gap:7px;color:#a9bccb;font-size:13px}
.tl-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#5fd29a;box-shadow:0 0 0 3px #5fd29a22}
.tl-status.is-private:before{background:#8c99a6;box-shadow:0 0 0 3px #8c99a622}
.tl-card>p.tl-lead{font-size:16px;color:#c2ceda;margin-bottom:18px}
.tl-features{list-style:none;margin:0 0 24px;padding:0;flex:1}
.tl-features li{position:relative;padding:9px 0 9px 22px;border-top:1px solid #b8cbe01a;font-size:15px;color:#b3c1ce;line-height:1.7}
.tl-features li:before{content:"";position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
.tl-card-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #b8cbe023}
.tl-fit{font-size:13px;color:#8fa3b4}
.tl-fit b{font-weight:400;color:#d5e1e8}

/* 部门托管对照 */
.tl-dept{border-top:1px solid #bdd4e31d}
.tl-dept-row{display:grid;grid-template-columns:.8fr 1.15fr .95fr 1.6fr;gap:28px;padding:24px 0;border-bottom:1px solid #bdd4e31d;align-items:center}
.tl-dept-row.is-head{padding:12px 0;font-size:12px;letter-spacing:1.5px;color:#8fa3b4}
.tl-dept-row h3{font-size:18px;margin:0}
.tl-dept-row p{font-size:15px;color:#acb9c7}
.tl-dept-tools{display:flex;flex-wrap:wrap;gap:8px}
.tl-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#e6edf2;border:1px solid #bdcddd2b;background:#101a26;border-radius:20px;padding:4px 11px 4px 5px;line-height:1.5;white-space:nowrap}
.tl-chip img{width:20px;height:20px}
.tl-chip.is-service{padding-left:11px;color:#ffe0a8;border-color:#edc18455}
.tl-note{margin-top:26px;font-size:13px;color:#8fa3b4;border-left:2px solid #edc18488;padding:4px 0 4px 16px}

/* 首页：AI 工具小块 */
.tl-home-aside{max-width:420px}
.tl-home-aside p{margin-bottom:18px}
.tl-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tl-tile{display:flex;flex-direction:column;gap:14px;border:1px solid #bdcddd2b;border-radius:14px;padding:22px;background:linear-gradient(145deg,#172332a6,#0b121cd9);transition:border-color .3s var(--ease,ease),transform .3s var(--ease,ease)}
.tl-tile:hover{border-color:#e4c28d55;transform:translateY(-2px)}
.tl-tile-top{display:flex;align-items:center;gap:12px}
.tl-tile img{width:46px;height:46px;flex-shrink:0}
.tl-tile strong{display:block;font-size:18px;font-weight:500;line-height:1.3}
.tl-tile small{display:block;font-size:12px;color:#8fa3b4;margin-top:2px}
.tl-tile p{font-size:14px;line-height:1.75;color:#acb9c7}
.tl-tile em{font-style:normal;font-size:12px;color:#d9c49c;margin-top:auto}

/* 页脚：新增「AI 工具」一栏 */
@media(min-width:761px){.footer-top{grid-template-columns:1.45fr 1fr 1fr 1fr;gap:44px}}

@media(max-width:1050px){.tl-dept-row{grid-template-columns:.9fr 1.2fr 1fr 1.3fr;gap:18px}.tl-home-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.tl-path{grid-template-columns:1fr;gap:14px}.tl-step:not(:last-child):after{content:"↓";right:auto;left:30px;top:auto;bottom:-19px;transform:none}.tl-grid{grid-template-columns:1fr}}
@media(max-width:760px){.tl-step{padding:24px}.tl-step h3{font-size:20px;margin-top:18px}.tl-card-head{grid-template-columns:56px 1fr;gap:14px}.tl-logo{width:56px;height:56px}.tl-card-head h3{font-size:23px}.tl-badge{grid-column:1/-1;justify-self:start}.tl-dept-row{grid-template-columns:1fr;gap:10px;padding:22px 0}.tl-dept-row.is-head{display:none}.tl-home-aside{margin-top:18px}.tl-home-grid{grid-template-columns:1fr 1fr;gap:10px}.tl-tile{padding:16px;gap:10px}.tl-tile-top{flex-direction:column;align-items:flex-start;gap:10px}.tl-tile img{width:38px;height:38px}.tl-tile strong{font-size:16px}.tl-tile p{font-size:13px}}
@media(max-width:760px){.footer-top>div:nth-child(4){grid-column:1/-1}}
@media(max-width:359px){.tl-home-grid{grid-template-columns:1fr}}