.sp{border:1px solid var(--bdrColor);background:var(--boxbg);color:var(--textColor);border-left:3px solid #34d399;border-radius:6px;flex-direction:column;gap:12px;margin:18px 0 8px;padding:16px 18px;display:flex}.sp-head{flex-direction:column;gap:3px;display:flex}.sp-head span{color:#e9b230;font-size:13.5px;font-weight:500}.sp-row{flex-wrap:wrap;gap:8px;display:flex}.sp button{border:1px solid var(--bdrColor);color:var(--textBtn,var(--textColor));cursor:pointer;background:0 0;border-radius:3px;padding:7px 14px;font-size:13.5px}.sp button:hover{border-color:var(--mainBlue)}.sp button.sp-main{color:#052e1f;background:#34d399;border-color:#34d399;font-weight:600}.sp button:disabled{opacity:.6;cursor:progress}.sp-draft{flex-direction:column;gap:8px;display:flex}.sp-tabs{gap:6px;display:flex}.sp-tabs button.is-on{border-color:var(--mainBlue);color:var(--mainBlue)}.sp textarea{border:1px solid var(--bdrColor);background:var(--comtBoxBg,var(--boxbg));width:100%;min-width:0;color:var(--textColor);font:inherit;resize:vertical;border-radius:4px;padding:10px 12px;font-size:14px;line-height:1.5}.sp-note{color:var(--textlighter);font-size:13px}.sp-by{color:var(--textColor2);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0;font-size:13px;display:flex}.sp-by-k{color:var(--textlighter);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.sp-by ul{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.sp-by li{align-items:center;gap:6px;display:flex}.sp-by a{color:var(--textColor);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.sp-by b{color:#34d399;font-weight:600}.sp-by .sp-by-face{object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:inline-flex;overflow:hidden}.sp{background:radial-gradient(420px 160px at 0% 0%, #34d39933, transparent 70%), linear-gradient(135deg, #34d3991a, #34d39905 60%), var(--boxbg);border:1px solid #34d39973;border-radius:10px;flex-direction:row;align-items:flex-start;gap:16px;padding:18px 20px}.sp-coin{color:#3b2a00;background:radial-gradient(circle at 35% 30%,#fbe7a1,#e9b230 55%,#b98712);border-radius:50%;flex:none;align-content:center;place-items:center;width:64px;height:64px;line-height:1;display:grid;box-shadow:0 0 0 3px #e9b23040,0 8px 20px -8px #e9b230b3}.sp-coin b{font-size:18px;font-weight:800}.sp-coin small{letter-spacing:.08em;font-size:9px;font-weight:700}.sp-body{flex-direction:column;flex:auto;gap:12px;min-width:0;display:flex}.sp-head b{font-size:18px;font-weight:700}.sp-head span{color:var(--textColor2);font-weight:400}.sp-head span.sp-progress{color:#34d399;font-weight:600}.sp button{align-items:center;gap:8px;display:inline-flex}.sp button.sp-main{border-radius:6px;padding:10px 18px;font-size:14.5px}.sp button.sp-icon{border-radius:6px;justify-content:center;width:42px;height:42px;padding:0}.sp-hint{color:var(--textlighter);font-size:12.5px}@media (max-width:560px){.sp{flex-direction:column}.sp-coin{width:52px;height:52px}}.sp-done{color:#34d399;margin:0;font-size:14px;font-weight:600}.sp--published{text-align:left;background:0 0;border-left-width:1px;gap:8px;padding:12px 14px}.sp--published .sp-head b{font-size:14px;font-weight:500}.sp--published .sp-row{flex-wrap:wrap}.sp--published button.sp-main{padding:7px 14px;font-size:13px}