.status-manuscript-card{background:#fff;border:1px solid rgba(0,0,0,.1);padding:32px}
.manuscript-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding-bottom:25px;border-bottom:1px solid rgba(0,0,0,.1)}
.manuscript-card-head>div:first-child small{font-size:8px;letter-spacing:.13em;color:#999}
.manuscript-card-head h2{font-size:22px;margin:5px 0 2px;letter-spacing:-.025em}
.manuscript-card-head>div:first-child span{font-size:8px;color:#888}
.manuscript-mou-pending{display:flex;gap:10px;align-items:flex-start;margin:18px 0;padding:12px 14px;border:1px solid #eed39a;background:#fffaf0;color:#835b00;font-size:10px;line-height:1.5}.manuscript-mou-pending>i{font-size:15px}.manuscript-mou-pending strong{display:block;font-size:10px;margin-bottom:2px}.manuscript-mou-pending span{display:block}
.manuscript-current{display:flex;align-items:center;gap:11px;padding:11px 14px;background:#eaf6ff;color:#075985}
.manuscript-current>i{font-size:20px}
.manuscript-current span,.manuscript-current small,.manuscript-current strong{display:block}
.manuscript-current small{font-size:7px;letter-spacing:.1em;opacity:.65}
.manuscript-current strong{font-size:10px;margin-top:3px}
.manuscript-book{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;padding:28px 0 18px}
.manuscript-book>span{display:grid;place-items:center;height:44px;background:#050505;color:#fff;font-size:9px}
.manuscript-book h3{margin:0 0 4px;font-size:19px;letter-spacing:-.03em}
.manuscript-book p{margin:0;color:#888;font-size:9px}
.manuscript-book>strong{font-size:22px;color:#0099ff}
.manuscript-progress-bar{height:4px;background:#e7e7e7;margin-bottom:29px;overflow:hidden}
.manuscript-progress-bar i{display:block;height:100%;background:#0099ff}
.public-manuscript-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px}
.public-manuscript-timeline article{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:14px 0;border-top:1px solid rgba(0,0,0,.08)}
.public-manuscript-timeline article>i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eafaf3;color:#047857;font-size:8px}
.public-manuscript-timeline article.current>i{background:#0099ff;color:#fff}
.public-manuscript-timeline span{display:block;font-size:10px;font-weight:700}
.public-manuscript-timeline p{margin:5px 0;color:#666;font-size:9px;line-height:1.55}
.public-manuscript-timeline small{font-size:7px;color:#999}
.royalty-panel{position:sticky;top:20px;background:#050505;color:#fff;padding:30px}
.royalty-panel>span{font-size:8px;color:#0099ff;letter-spacing:.14em}
.royalty-panel>i{display:block;font-size:34px;color:#0099ff;margin:28px 0 12px}
.royalty-panel>p{margin:0;color:#777;font-size:9px}
.royalty-panel>h2{font-size:29px;letter-spacing:-.04em;margin:5px 0 25px}
.royalty-breakdown{border-top:1px solid rgba(255,255,255,.12)}
.royalty-breakdown details{border-bottom:1px solid rgba(255,255,255,.1)}
.royalty-breakdown summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;cursor:pointer;list-style:none}
.royalty-breakdown summary::-webkit-details-marker{display:none}
.royalty-breakdown summary span,.royalty-breakdown summary small{display:block}
.royalty-breakdown summary span{min-width:0;font-size:9px;font-weight:600}
.royalty-breakdown summary small{margin-top:3px;color:#666;font-size:7px}
.royalty-breakdown summary strong{font-size:9px;white-space:nowrap}
.royalty-breakdown details>p,.royalty-empty{margin:0 0 13px;color:#777;font-size:8px;line-height:1.5}
.royalty-empty{padding-top:15px}
.ebook-note{display:flex;align-items:flex-start;gap:10px;margin-top:23px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#777;font-size:8px;line-height:1.55}
.ebook-note i{color:#0099ff}
.ebook-note b{display:block;color:#aaa;margin-bottom:2px}
@media(max-width:900px){.royalty-panel{position:static}.public-manuscript-timeline{grid-template-columns:1fr}}
@media(max-width:680px){.status-manuscript-card{padding:21px 17px}.manuscript-card-head{flex-direction:column}.manuscript-current{width:100%}.manuscript-book{grid-template-columns:44px 1fr}.manuscript-book>strong{grid-column:2}.public-manuscript-timeline{grid-template-columns:1fr}.royalty-panel{padding:27px}}
