.cap-card-message{width:100%!important;max-width:100%!important;min-width:0!important;align-self:stretch!important}
.cap-recommendations{--cap-accent:#78eaff;--cap-ink:#eefcff;--cap-muted:#aeb9bf;display:block;width:100%;min-width:0;margin:18px 0 4px;font:14px/1.5 "Microsoft YaHei",sans-serif;color:var(--cap-ink);text-align:left;box-sizing:border-box;container-type:inline-size}
.cap-recommendations *{box-sizing:border-box}
.cap-section-label{margin:0 0 10px!important;color:var(--cap-muted);font-size:12px!important;letter-spacing:.08em}
.cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.cap-card{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:18px;border:1px solid #68efff30;border-radius:12px;background:linear-gradient(145deg,#0b1b24ee,#030a10f2);box-shadow:0 5px 18px #0002;overflow:hidden;transition:border-color .16s,background .16s}
.cap-card:focus-within{border-color:#78eaff99}
.cap-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.cap-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #68efff55;border-radius:11px;background:#78eaff0d;color:var(--cap-accent)}
.cap-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.cap-category{color:var(--cap-muted);font-size:11px;letter-spacing:.035em}
.cap-title{margin:0 0 7px!important;font-size:17px!important;line-height:1.45!important;font-weight:600!important;color:var(--cap-ink)!important;letter-spacing:0!important;overflow-wrap:anywhere}
.cap-description{margin:0 0 20px!important;flex:1;font-size:13px!important;line-height:1.7!important;color:var(--cap-muted)!important;overflow-wrap:anywhere}
.cap-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.cap-action{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:40px;max-width:100%;padding:8px 16px;border:1px solid #68efff70;border-radius:7px;background:rgba(0,7,12,.84);color:#eefcff;font:600 12px/1.4 "Microsoft YaHei",sans-serif;cursor:pointer;white-space:normal;overflow-wrap:anywhere;box-shadow:0 0 8px #59e5ff20,inset 0 0 5px #b56cff12;transition:background .18s,box-shadow .18s,transform .18s}
@property --cap-flow-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.cap-action::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--cap-flow-angle),transparent 0deg,#78eaff50 45deg,#78eaff 80deg,#c5a3ff 95deg,transparent 120deg,transparent 180deg,#a795ff60 225deg,#b9a3ff 260deg,#e5fcff 275deg,transparent 300deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cap-border-flow 6.1s linear infinite}
.cap-action:not(:disabled):hover{background:#10202c;box-shadow:0 0 15px #59e5ff35,inset 0 0 8px #b56cff20;transform:translateY(-1px)}
.cap-action:focus-visible{outline:2px solid #78eaff;outline-offset:4px}
.cap-action:disabled{border-color:#68efff28;background:#071018;color:#849ba6;box-shadow:none;cursor:not-allowed;opacity:1}
.cap-action:disabled::before{animation:none;opacity:.22}
@keyframes cap-border-flow{to{--cap-flow-angle:360deg}}
.cap-badge{font-size:10px;color:#a3a5a2}
.cap-result{margin:12px 0 0!important;padding-top:10px;border-top:1px solid #ffffff12;font-size:12px!important;color:#b4eff7!important;line-height:1.6!important;overflow-wrap:anywhere}
.cap-result[hidden]{display:none!important}.cap-result[data-state=error]{color:#ffb5a5!important}
@container(max-width:440px){.cap-grid{grid-template-columns:1fr}.cap-card{padding:16px}.cap-description{margin-bottom:16px!important}}
@media(max-width:480px){.cap-grid{grid-template-columns:1fr}.cap-action{min-height:44px}}
@media(prefers-reduced-motion:reduce){.cap-card,.cap-action{transition:none}.cap-action::before{animation:none}}