.sub-page{--sub-gold:#b8895a;--sub-coral:#b3584c;--sub-grad:linear-gradient(135deg, #5a7d8c 0%, #47677a 100%);background:var(--color-page);min-height:100vh;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.sub-container{max-width:620px;margin:0 auto;padding:24px 16px 96px}.sub-header{align-items:center;gap:12px;padding:10px 0 22px;display:flex}.sub-back{width:34px;height:34px;color:var(--color-ink-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.sub-back:hover{color:var(--color-ink);background:var(--color-card);box-shadow:0 2px 10px -4px var(--color-card-shadow)}.sub-header-title{text-align:center;flex:1}.sub-title{font-family:var(--font-serif);letter-spacing:.2em;text-indent:.2em;color:var(--color-ink);margin:0;font-size:20px;font-weight:600}.sub-kicker{letter-spacing:.24em;text-indent:.24em;color:var(--color-ink-faint);margin:2px 0 0;font-size:10px}.sub-auth{text-align:center;background:var(--color-card);border:1px solid var(--color-line);box-shadow:0 4px 20px -12px var(--color-card-shadow);border-radius:20px;margin-top:24px;padding:44px 28px}.sub-auth-title{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:.1em;margin:0 0 8px;font-size:17px;font-weight:600}.sub-auth-desc{color:var(--color-ink-muted);margin:0 0 22px;font-size:13px;line-height:1.7}.sub-notice{background:#5a7d8c1a;border:1px solid #5a7d8c38;border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.sub-notice-mark{color:#b8895a;flex-shrink:0;font-size:14px;line-height:1.5}.sub-notice-text{color:var(--color-ink-muted);margin:0;font-size:12px;line-height:1.7}.sub-tabs{gap:8px;margin-bottom:14px;display:flex}.sub-tab{border:1px solid var(--color-line);font-size:13px;font-weight:600;font-family:var(--font-sans);color:var(--color-ink-muted);cursor:pointer;background:0 0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 0;transition:all .25s;display:inline-flex}.sub-tab:hover{color:var(--color-ink);border-color:var(--color-line-strong)}.sub-tab.is-active{color:#fff;background:var(--sub-grad);border-color:#0000;box-shadow:0 6px 18px -8px #c05f528c}.sub-card{background:var(--color-card);border:1px solid var(--color-line);box-shadow:0 4px 20px -12px var(--color-card-shadow);border-radius:20px;padding:18px 18px 14px}.sub-textarea,.sub-input{resize:none;border:1px solid var(--color-line);background:var(--color-page-2);width:100%;color:var(--color-ink);font-family:var(--font-sans);border-radius:12px;outline:none;padding:12px 14px;font-size:14px;line-height:1.75;transition:border-color .2s,box-shadow .2s}.sub-textarea:focus,.sub-input:focus{border-color:#c05f5280;box-shadow:0 0 0 3px #c05f521a}.sub-textarea-lg{min-height:220px;margin-top:10px}.sub-input{margin-bottom:10px}.sub-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.sub-tool{border:1px solid var(--color-line);font-size:12px;font-family:var(--font-sans);color:var(--color-ink-soft);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;transition:all .2s;display:inline-flex}.sub-tool:hover{border-color:var(--color-line-strong);background:var(--color-card-2)}.sub-tool:disabled{opacity:.5;cursor:not-allowed}.sub-mood{border:none;border-bottom:1px dashed var(--color-line-strong);width:132px;color:var(--color-ink-soft);font-size:12px;font-family:var(--font-sans);background:0 0;outline:none;padding:6px 0}.sub-mood::placeholder{color:var(--color-ink-faint)}.sub-spacer{flex:1}.sub-hint{color:var(--color-ink-faint);font-size:11px}.sub-btn-primary{background:var(--sub-grad);color:#fff;font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 22px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 18px -8px #c05f528c}.sub-btn-primary:hover{transform:translateY(-1px)}.sub-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.sub-thumbs{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.sub-thumb{aspect-ratio:1;border:1px solid var(--color-line);border-radius:10px;position:relative;overflow:hidden}.sub-thumb img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.sub-thumb-x{color:#fff;cursor:pointer;background:#14161aad;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:background .2s;display:inline-flex;position:absolute;top:4px;right:4px}.sub-thumb-x:hover{background:#e0655ae6}.sub-thumb-live{color:#fff;letter-spacing:.05em;pointer-events:none;background:#0f12189e;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:600;position:absolute;bottom:4px;left:4px}.sub-thumb-live-add{color:#fff;cursor:pointer;z-index:2;background:#0f12188c;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .2s;display:inline-flex;position:absolute;bottom:4px;left:4px}.sub-thumb-live-add:hover{background:#b8895ad9}.sub-thumb-live-add:disabled{opacity:.5;cursor:not-allowed}.sub-live-mini{font-size:13px;line-height:1}.sub-cover-row{margin-bottom:4px}.sub-cover{aspect-ratio:16/9;border:1px solid var(--color-line);border-radius:10px;max-width:160px;position:relative;overflow:hidden}.sub-cover img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.sub-mine{margin-top:28px}.sub-mine-title{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:.1em;margin:0 0 12px;font-size:15px;font-weight:600}.sub-mine-empty{text-align:center;color:var(--color-ink-faint);border:1px dashed var(--color-line-strong);border-radius:14px;padding:24px 0;font-size:13px}.sub-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sub-item{background:var(--color-card);border:1px solid var(--color-line);border-radius:14px;padding:12px 14px}.sub-item-head{align-items:center;gap:8px;display:flex}.sub-type{letter-spacing:.06em;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.sub-type.is-moment{color:#a9554a;background:#b3584c1a}.sub-type.is-article{color:#4a6a7a;background:#5a7d8c1a}.sub-status{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.sub-status.is-pending{color:#9a6e2a;background:#b8895a24}.sub-status.is-approved{color:#4c7a4f;background:#5e946224}.sub-status.is-rejected{color:#b3362c;background:#b3362c1f}.sub-time{color:var(--color-ink-faint);text-align:right;flex:1;font-size:11px}.sub-withdraw{color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:11px;text-decoration:underline}.sub-withdraw:hover{color:var(--sub-coral)}.sub-item-content{color:var(--color-ink-soft);word-break:break-word;white-space:pre-wrap;margin:8px 0 0;font-size:13px;line-height:1.7}.sub-item-note{align-items:center;gap:5px;margin:8px 0 0;font-size:12px;display:flex}.sub-item-note.ok{color:#4c7a4f}.sub-item-note.wait{color:#9a6e2a}.sub-item-note.bad{color:#b3362c}.sub-footer{border-top:1px solid var(--color-line);justify-content:center;margin-top:40px;padding-top:22px;display:flex}.sub-footer-link{color:var(--color-ink-muted);font-size:12px;text-decoration:none;transition:color .2s}.sub-footer-link:hover{color:var(--sub-gold)}.sub-toast-container{z-index:300;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.sub-toast{background:var(--color-ink);color:#fff;letter-spacing:.05em;opacity:0;white-space:nowrap;font-size:13px;font-family:var(--font-sans);border-radius:999px;padding:10px 22px;transition:all .3s cubic-bezier(.23,1,.32,1);transform:translateY(12px)scale(.96);box-shadow:0 10px 30px -8px #00000059}.sub-toast.show{opacity:1;transform:translateY(0)scale(1)}.sub-toast.success{background:var(--sub-grad)}.sub-toast.error{background:#c0493f}.dark .sub-textarea,.dark .sub-input,.dark .sub-tool:hover{background:var(--color-page-2)}.dark .sub-status.is-pending,.dark .sub-item-note.wait{color:#b8895a}.dark .sub-status.is-approved,.dark .sub-item-note.ok{color:#8cc38f}.dark .sub-toast{background:var(--color-ink-2)}