/* 阿珀联动（2026-10-21）：沿用子页面的配色和字体 */
.al{padding:120px 0 72px;min-height:80vh}
.al-head{margin-bottom:28px}
.al-head h2{font-family:var(--serif);margin:8px 0 12px}
.al-card{background:var(--paper,#fff);border:1px solid var(--line,rgba(0,0,0,.1));border-radius:16px;padding:22px 24px;margin:0 0 18px}
.al-card h3{margin:0 0 14px;font-family:var(--serif)}
.al-card h4{margin:18px 0 8px;font-size:14px;color:var(--muted)}
.al-status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}
.al-status div{border:1px solid var(--line,rgba(0,0,0,.1));border-radius:12px;padding:10px 14px}
.al-status dt{font-size:12px;color:var(--muted)}
.al-status dd{margin:4px 0 0;font-size:20px;font-weight:600}
#alOnline[data-v="online"]{color:var(--green)}
#alOnline[data-v="offline"]{color:var(--muted)}
.al-log,.al-turns{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto}
.al-log li,.al-turns li{padding:6px 0;border-bottom:1px dashed var(--line,rgba(0,0,0,.1));font-size:14px}
.al-log time,.al-turns time{color:var(--muted);font-size:12px;margin-right:10px;font-variant-numeric:tabular-nums}
.al-turns b{font-weight:600}
.al-range{display:block;margin-bottom:14px}
.al-range input{width:100%;accent-color:var(--green)}
.al-btns{display:flex;flex-wrap:wrap;gap:10px}
.al-btns .btn{cursor:pointer;border:0}
.al-msg{min-height:1.4em;color:var(--muted);margin:10px 0 0}
@media(max-width:600px){.al-status{grid-template-columns:1fr}}