.demo-banner{max-width:1196px;margin:0 auto;padding:10px 16px;color:#d3cdef;background:#7464b31a;border:1px solid #a89ae132;border-radius:9px;font-size:13px;line-height:1.5}
.tile-creator{display:flex;gap:8px;align-items:center;color:#d9d5e8;font-size:13px}.tile-creator span{color:var(--soft)}
.tile-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:var(--accent);font-size:13px}.tile-footer a{color:#ece8ff}
.tile .tile-body{padding:17px 2px 0}.tile h2{margin:12px 0 7px}.tile .cover img{aspect-ratio:1.42}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.section-head p{margin:0;color:var(--soft)}
.examples-label{margin:0 0 18px;color:var(--soft);font-size:13px}.hero-image img{aspect-ratio:1.9}.profile .identity{margin-top:25px}.profile .identity h1{font-size:clamp(1.5rem,2vw,2rem);margin:0 0 8px}.profile .identity p{margin:0;color:var(--soft)}
.work-entry{display:block;border:1px solid var(--line);border-radius:12px;padding:22px;background:#ffffff05}.work-entry small{color:var(--accent)}.work-entry h3{margin:10px 0}.work-entry p{color:var(--soft);line-height:1.65;font-size:14px}.work-grid{margin-top:20px}.read-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.logic{border:1px solid var(--line);border-radius:12px;margin:32px 0;padding:18px 22px;background:#ffffff05}.logic summary{cursor:pointer;font-weight:650}.logic ol{padding-left:22px;color:#c6c1d9;line-height:1.9}.file-list{border-top:1px solid var(--line)}.file-list details{border-bottom:1px solid var(--line);padding:16px 0}.file-list summary{cursor:pointer}.file-list pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#c9c3d9;line-height:1.7}.demo-status{color:#cfc6ff;min-height:1.5em;line-height:1.6}.message p{overflow-wrap:anywhere}.message{content-visibility:auto;contain-intrinsic-size:auto 120px}.button,.ghost{transition:transform .18s,border-color .18s}.button:active,.ghost:active{transform:scale(.98)}
@media(max-width:760px){.demo-banner{margin:0 20px}.section-head{align-items:start;flex-direction:column}.profile .identity .avatar{margin:0}.hero-image img{aspect-ratio:1.5}.tile .cover img{aspect-ratio:1.7}.read-actions>*{flex:1}}

.creator-name{display:flex;align-items:center;gap:10px}.creator-name .avatar,.identity img.avatar{object-fit:cover}

.tile-footer a{margin-left:auto}.creator-name a:hover{text-decoration:underline;text-underline-offset:4px}

.work-video{display:block;width:min(100%,740px);aspect-ratio:16/9;object-fit:contain;background:#0b0b12;border-radius:12px;margin-top:18px}

.creator-name a{display:flex;align-items:center;gap:10px}.identity h1 a:hover{text-decoration:underline;text-underline-offset:4px}

.cover-empty{width:100%;height:100%;min-height:220px;display:grid;place-items:center;background:#191629;color:#aaa6bd;font-size:13px}.creator-bio{overflow-wrap:anywhere}

body[data-page="square"] .cover img.candidate-media{object-fit:contain;background:#0d0d17}body[data-page="square"] .tile .content-kind{display:block;margin-top:16px}body[data-page="square"] .tile .content-kind+h2{margin-top:6px}

.example-link{display:inline-block;margin-top:10px;color:#d7caff}.example-note{display:block;margin-top:3px;font-size:13px;color:var(--soft)}
.example-intro{max-width:760px;margin:32px 0 0}.example-intro h1{font-size:clamp(2rem,1.4rem + 2vw,3.3rem);line-height:1.2;margin:8px 0 16px}.example-intro p{color:var(--soft);line-height:1.8}.example-overline,.story-index{font-size:13px;color:var(--accent)!important}.example-preview{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px;padding:32px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(130deg,#151322,#10151c)}.preview-copy{max-width:490px}.preview-copy>span{font-size:13px;color:var(--accent)}.preview-copy h3{font-size:clamp(1.35rem,1rem + 1vw,1.8rem);margin:10px 0}.preview-copy p{color:var(--soft);line-height:1.7}.preview-art{font-size:clamp(5rem,4rem + 4vw,8rem);color:#b3a1ed;line-height:1;opacity:.55}.story-entry{display:grid;gap:7px;margin-top:20px;padding:23px;border:1px solid var(--line);border-radius:12px;background:#ffffff05;transition:border-color .18s,background .18s}.story-entry:hover{border-color:#ad99ef;background:#ffffff09}.story-entry strong{font-size:1.1rem}.story-entry span:not(.story-index){color:var(--soft);font-size:14px}.story-entry .story-arrow{color:#e6ddff!important;margin-top:6px}.story-entry.compact{max-width:760px}.story-entry:focus-visible,.example-link:focus-visible{outline:2px solid #cab9ff;outline-offset:4px}
@media(max-width:760px){.example-intro{margin-top:24px}.example-preview{padding:22px}.preview-art{font-size:4rem}.story-entry{padding:19px}}

/* 仅用于 Sac 的左右分栏演示，其他创作者详情保持原有布局。 */
.split-heading{display:flex;align-items:baseline;gap:22px;margin:24px 0;color:var(--soft);font-size:13px}.split-heading .back{margin:0}.split-slash{padding:0 8px;color:#69677b}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:16px;overflow:clip;background:#0e0f17;margin-bottom:70px}.split-work{min-width:0;padding:30px}.split-image{display:block;aspect-ratio:1.55;overflow:hidden;border-radius:10px;background:#171724}.split-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.split-image:hover img{transform:scale(1.025)}.split-work-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:26px 0 12px}.split-work-title h1{font-size:clamp(1.7rem,1.2rem + 1.6vw,2.6rem);line-height:1.18;margin:9px 0 0}.split-label{font-size:12px;color:var(--accent)}.split-outside{flex:none;padding:9px 13px;border:1px solid var(--line);border-radius:8px;font-size:13px}.split-outside:hover{border-color:var(--accent)}.split-description,.split-bio{color:var(--soft);font-size:15px;line-height:1.75}.split-person{display:flex;gap:13px;align-items:center;border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.split-person .avatar{width:48px;height:48px;object-fit:cover}.split-person div{flex:1;min-width:0}.split-person-name{font-weight:700;font-size:16px}.split-person p{color:var(--soft);font-size:13px;line-height:1.6;margin:4px 0 0}.split-person .ghost{font-size:13px;padding:9px 13px}.split-bio{margin:17px 0}.split-source{color:#9394aa;font-size:12px;line-height:1.6}.split-content{min-width:0;background:#14151e;border-left:1px solid var(--line)}.split-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--line);padding:0 16px}.split-tab{border:0;background:none;color:#a5a6bc;padding:18px 12px;white-space:nowrap;font-size:13px;border-bottom:2px solid transparent}.split-tab:hover{color:#f3f1ff}.split-tab.active{color:#fff;border-bottom-color:#bca9ff}.split-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--line);font-size:13px;color:#c8c4d9}.split-copy{border:1px solid var(--line);background:#ffffff08;color:#eeeaf9;border-radius:7px;padding:6px 11px;font-size:12px}.split-body{padding:23px 24px 27px}.split-notice{background:#241f33;border:1px solid #51486a;border-radius:9px;padding:12px 14px;margin-bottom:25px;font-size:12px;line-height:1.6}.split-notice strong,.split-notice span{display:block}.split-notice span{color:#c3bad9}.split-lead span{color:#b9a5ff;font-size:11px;letter-spacing:.1em}.split-lead h2{font-size:clamp(1.35rem,1.1rem + .7vw,1.7rem);margin:8px 0}.split-lead p{color:var(--soft);font-size:13px;line-height:1.7;margin:0}.split-summary{margin:22px 0 28px;border-top:1px solid var(--line)}.split-summary button{width:100%;display:flex;gap:14px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:13px 0}.split-summary button>span{font-size:12px;color:#a694e8}.split-summary button div{flex:1}.split-summary strong,.split-summary small{display:block}.split-summary strong{font-size:14px}.split-summary small{font-size:12px;color:var(--soft);margin-top:2px}.split-summary b{font-size:12px;color:#c7b7ff;font-weight:500}.split-summary button:hover strong{color:#cbbdff}.split-doc,.split-code{border-top:1px solid var(--line);padding-top:18px}.split-doc h3{font-size:14px;color:#a9caff;margin:20px 0 8px}.split-doc h3 span{font-size:11px;color:#aeadc5;font-weight:400}.split-doc p,.split-code{font-size:13px;color:#dedbe9;line-height:1.8}.split-code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin:24px 0 0}.split-message{border-top:1px solid var(--line);padding:17px 0}.split-message strong{font-size:12px;color:#c7b7ff}.split-message p{font-size:14px;color:#e2dfee;line-height:1.8;margin:8px 0 0}.split-more{display:inline-block;color:#c8b8ff;font-size:13px;margin:12px 0}.split-feedback{font-size:13px;color:#d2c4ff;min-height:1.4em}.split-bottom{border-top:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;align-items:center;padding-top:18px}.split-bottom span{font-size:12px;color:var(--soft)}.split-bottom .button{padding:10px 14px;font-size:13px;white-space:nowrap}.split-view[hidden]{display:none}
@media(max-width:820px){.split-layout{grid-template-columns:1fr}.split-work{padding:22px}.split-content{border-left:0;border-top:1px solid var(--line)}.split-heading{margin:20px 0}.split-heading>span{display:none}.split-tabs{padding:0 10px}.split-tab{padding:15px 10px}.split-body{padding:20px}.split-bottom{align-items:flex-start;flex-direction:column}.split-image{aspect-ratio:1.6}}

.work-intro{margin:34px 0 25px;padding-top:24px;border-top:1px solid var(--line)}.work-intro-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.work-intro-head h2{margin:0;font-size:19px}.work-intro-head span,.work-intro-hint{font-size:12px;color:var(--soft)}.work-intro-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#d4d1e1;line-height:1.85;font-size:14px;margin:15px 0 19px}.work-intro-edit summary{cursor:pointer;color:#c9baff;font-size:13px;width:max-content;max-width:100%}.work-intro-edit p{color:var(--soft);font-size:12px;line-height:1.7}.work-intro-edit label{display:block;font-size:13px;color:#e5e1f2;margin:15px 0 7px}.work-intro-edit textarea{display:block;width:100%;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:9px;background:#0d0e16;color:var(--ink);line-height:1.65;font-size:14px}.work-intro-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.work-intro-actions .ghost{font-size:13px;padding:8px 12px}.work-intro-cancel{border:0;background:none;color:var(--soft);padding:8px;font-size:13px}.work-intro-feedback{min-height:1em}.work-intro-hint{margin:17px 0 0;line-height:1.6}@media(max-width:400px){.work-intro-head{align-items:flex-start;flex-direction:column;gap:4px}}

/* 创作者详情沿用同一版式；未裁剪的公开内容图方便辨识。 */
.split-image img.candidate-media{object-fit:contain}.split-skill{margin:18px 0;font-size:13px;color:#c9baff}.split-skill a:hover{text-decoration:underline;text-underline-offset:4px}
/* Detail actions follow the existing reader palette and remain usable on narrow screens. */
.split-toolbar{gap:12px;flex-wrap:wrap;min-height:64px}.split-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.split-copy,.split-connect{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;white-space:nowrap;font-size:13px;line-height:1.2}.split-copy svg,.split-connect svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.split-copy:hover:not(:disabled){border-color:#a99bd1;background:#ffffff10}.split-copy:disabled{opacity:.43;cursor:not-allowed}.split-connect{border:1px solid #efedf7;border-radius:7px;background:#f7f6fb;color:#171522;font-weight:650}.split-connect:hover{background:#e1d9fb}.split-copy:focus-visible,.split-connect:focus-visible{outline:2px solid #c8b8ff;outline-offset:3px}.split-content>.split-feedback{margin:0;padding:0 24px;min-height:0;line-height:1.6}.split-content>.split-feedback:not(:empty){padding-top:10px}.split-feedback:empty{display:none}@media(max-width:440px){.split-toolbar{padding:12px 20px}.split-toolbar>span{width:100%}.split-actions{gap:6px}.split-copy,.split-connect{font-size:12px;padding:7px 9px}}