html:has(#chaoxing-sync[open]){overflow:hidden}
#chaoxing-sync{width:min(1040px,96%);height:min(86%,820px);max-width:none;max-height:none;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--ink)}
#chaoxing-sync::backdrop{background:#14233177;backdrop-filter:blur(4px)}
.chaoxing-shell{display:flex;height:100%;min-height:0;flex-direction:column}
.chaoxing-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 25px;border-bottom:1px solid var(--line);background:#ffffffe8}
.chaoxing-header h2{margin:5px 0 0;font-size:21px}.chaoxing-header p{max-width:650px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.chaoxing-body{display:grid;gap:15px;padding:22px;overflow:auto}
.chaoxing-empty{padding:24px;border:1px dashed var(--line);border-radius:13px;background:#fff;text-align:center}.chaoxing-empty p{color:var(--muted);line-height:1.8}
.chaoxing-course{display:grid;gap:13px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#ffffffa8}
.chaoxing-course-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.chaoxing-course h3{margin:3px 0 0;font-size:18px}.chaoxing-course-head label{display:grid;gap:5px;color:var(--muted);font-size:11px}.chaoxing-course-head select{min-width:170px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;color:var(--ink)}
.chaoxing-items{display:grid;gap:8px}.chaoxing-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border-top:1px solid var(--line)}
.chaoxing-item:first-child{border-top:0}.chaoxing-item strong{display:block;font-size:13px}.chaoxing-item p{margin:5px 0;color:var(--muted);font-size:11px;line-height:1.65}.chaoxing-item a{color:var(--accent);font-size:11px}.chaoxing-item .button{align-self:center;white-space:nowrap}
@media(max-width:700px){#chaoxing-sync{width:100%;height:100%;max-height:100%;margin:0;border:0;border-radius:0;inset:0}.chaoxing-header{padding:15px}.chaoxing-body{padding:13px}.chaoxing-course-head{align-items:stretch;flex-direction:column}.chaoxing-course-head select{width:100%}.chaoxing-item{grid-template-columns:1fr}}