:root{--ys-ink:#1a2332;--ys-muted:#5c6b7a;--ys-line:rgba(26,35,50,.12);--ys-accent:#0d7a6f;--ys-accent-ink:#f4fffc;--ys-card:#fff;--ys-pad:#e8eef2}
.ys{color:var(--ys-ink);background:linear-gradient(165deg,#eef3f6,#f7f4ef 48%,#e9f1f0);border-radius:18px;padding:18px 16px 28px;margin:0 auto 24px;max-width:920px}
.ys a{color:var(--ys-accent)}.ys h1,.ys h2{margin:0}
.ys-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:16px}
.ys-hero p{margin:6px 0 0;color:var(--ys-muted);font-size:14px;line-height:1.55}
.ys .btn,.ys a.btn,.ys .btn_insert{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:12px;padding:10px 14px;background:var(--ys-accent);color:var(--ys-accent-ink)!important;font-weight:700;text-decoration:none!important;cursor:pointer}
.ys .btn.ghost,.ys a.ghost{background:transparent;color:var(--ys-ink)!important;border:1px solid var(--ys-line)}
.ys-grid{display:grid;gap:10px}
.ys-card{background:var(--ys-card);border:1px solid var(--ys-line);border-radius:14px;padding:14px 16px;text-decoration:none!important;color:inherit!important;display:grid;gap:6px}
.ys-kicker{font-size:12px;color:var(--ys-muted);display:flex;gap:8px;flex-wrap:wrap}
.ys-st{font-size:11px;font-weight:800;padding:2px 8px;border-radius:8px;background:var(--ys-pad);color:var(--ys-accent)}
.ys-empty{text-align:center;color:var(--ys-muted);padding:40px 12px}
.ys-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.ys-panel{background:var(--ys-card);border:1px solid var(--ys-line);border-radius:14px;padding:14px 16px;margin-bottom:12px}
.ys-prompt-text{width:100%;box-sizing:border-box;min-height:220px;border:1px solid var(--ys-line);border-radius:12px;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.5}
.ys-prompt-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.ys-group{background:var(--ys-card);border:1px solid var(--ys-line);border-radius:14px;margin-bottom:10px;padding:0 12px 8px}
.ys-group>summary{cursor:pointer;font-weight:700;padding:12px 4px;list-style:none}
.ys .exForm{width:100%;border-collapse:collapse}
.ys .exForm th{width:34%;text-align:left;vertical-align:top;padding:8px 6px;font-size:13px;color:var(--ys-muted)}
.ys .exForm td{padding:8px 6px}
.ys .exForm select,.ys .exForm input[type=text],.ys .exForm textarea{width:100%;box-sizing:border-box;border:1px solid var(--ys-line);border-radius:10px;padding:8px 10px}
.ys .write_header .iText{width:100%;box-sizing:border-box;border:1px solid var(--ys-line);border-radius:12px;padding:12px 14px;font-size:16px;margin-bottom:12px}
.ys-meta{color:var(--ys-muted);font-size:13px}
.ys-read-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:640px){.ys{padding:14px 12px;border-radius:0}.ys-hero{flex-direction:column}.ys .exForm th,.ys .exForm td{display:block;width:100%}}