:root { --ink:#182137; --muted:#667085; --line:#dfe5ef; --brand:#4e46c9; --brand-dark:#26215e; --soft:#f5f6ff; --good:#087f5b; --warm:#a16207; --card:#fff; }
* { box-sizing:border-box; } body { margin:0; font-family:"Microsoft YaHei",system-ui,sans-serif; background:#f7f8fc; color:var(--ink); line-height:1.55; }
a { color:var(--brand); text-decoration:none; } a:hover { text-decoration:underline; } .shell { width:min(1120px,calc(100% - 36px)); margin:auto; }
header { background:linear-gradient(100deg,#161a33,#292260); color:#fff; padding:15px 0; box-shadow:0 2px 12px #14122d35; }.topbar { display:flex; align-items:center; justify-content:space-between; gap:20px; }.brand{color:#fff;font-size:17px;font-weight:800;letter-spacing:.2px}.brand span{color:#bbb9ff}.brand b{font-size:11px;background:#ffffff1d;border:1px solid #ffffff38;padding:3px 7px;border-radius:99px;margin-left:8px;font-weight:600}header nav{display:flex;gap:16px;flex-wrap:wrap} header nav a{color:#fff;font-size:14px;opacity:.9}
h1 { font-size:31px; letter-spacing:-.5px; line-height:1.2; margin:7px 0 10px; } h2 { font-size:19px; line-height:1.35; margin:0 0 10px; } h3 { font-size:14px; margin:18px 0 8px; }.lead,.muted { color:var(--muted); }.small {font-size:13px}.eyebrow { color:#5a52c8; font-weight:800; font-size:12px; letter-spacing:.6px; text-transform:uppercase; }.back{margin:22px 0 8px}
.hero { background:radial-gradient(circle at 88% 12%,#dedbff 0,transparent 28%),linear-gradient(115deg,#eeefff,#fafaff 55%,#f6f7ff); border:1px solid #dfe1fb; border-radius:22px; padding:30px 32px 22px; margin:25px 0 16px; }.hero>div:first-child{max-width:720px}.hero p{color:#58627b;margin:0;max-width:770px}.hero.compact{padding-bottom:26px}.flow{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}.flow b{font-size:13px;background:#fff;border:1px solid #d9d8f6;border-radius:999px;padding:7px 11px;color:#342d8e}
.notice{padding:10px 14px;background:#fff8db;border:1px solid #f4e3a0;border-radius:12px;margin:16px 0;color:#725a12;font-size:13px}.notice ul{margin:4px 0 0;padding-left:18px}
.public-demo-warning{display:grid;gap:3px;margin:16px 0 0;padding:12px 15px;border:2px solid #e8b331;border-radius:12px;background:#fff4c7;color:#624a00;box-shadow:0 4px 14px #7a590014}.public-demo-warning strong{font-size:15px}.public-demo-warning span{font-size:13px}
.grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; margin:20px 0; }.inner-grid{margin:0;gap:14px}.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:19px; box-shadow:0 5px 18px #17203309; }.span-12 { grid-column:span 12; }.span-8{grid-column:span 8;}.span-7{grid-column:span 7;}.span-6{grid-column:span 6;}.span-5{grid-column:span 5;}.span-4{grid-column:span 4;}.create-card{border-top:4px solid var(--brand)}.empty{min-height:160px;display:flex;flex-direction:column;justify-content:center}.section-title,.page-title,.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-title{margin:3px 0 12px}.page-title{margin:4px 0 18px}.work-card{display:flex;flex-direction:column}.work-card .actions{margin-top:auto}.next-action{background:#eeefff;border-radius:12px;padding:9px 13px;font-size:12px;color:#524c9e;white-space:nowrap}.next-action b{font-size:14px;color:#2f2a78}
.pill { display:inline-block; padding:4px 9px; border-radius:999px; font-size:12px; font-weight:700; background:#eef2ff; color:#4338ca; margin:0 5px 5px 0; }.pill.good{background:#e7f8f1;color:var(--good)}.pill.warn{background:#fff7df;color:var(--warm)}.pill.danger{background:#fff0ef;color:#b42318}.pill.subject{background:#fff1e9;color:#aa4c12}.pill.direction{background:#eef8e8;color:#347251}.tag-groups{display:grid;gap:8px;margin:14px 0}.label-group{display:grid;grid-template-columns:76px 1fr;gap:8px;align-items:start}.label-group>span{font-size:12px;font-weight:800;color:#667085;padding-top:3px}.label-group em{font-size:12px;color:#98a2b3;font-style:normal}.match-group{margin:10px 0}.match-group strong{display:block;font-size:13px;margin-bottom:4px}
.status { border-left:4px solid var(--brand); background:var(--soft); padding:12px 13px; border-radius:10px; margin:12px 0; }.status>div{display:flex;justify-content:space-between;gap:10px}.status p{font-size:13px;color:#59637d;margin:3px 0 0}.status.done { border-color:var(--good); background:#effbf6; }.progress{font-weight:800;color:#3f399d}.status.done .progress{color:var(--good)}
.upload-demo{background:#f8f9ff;border:1px dashed #a9a5ed;border-radius:12px;padding:13px}.upload-demo p{font-size:12px;color:var(--muted);margin:4px 0 8px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.check-list label{display:flex;align-items:center;gap:6px;padding:7px 8px;background:#fff;border:1px solid #e1e4f2;border-radius:8px;font-size:12px;font-weight:600}.check-list input,.check-line input{width:auto;margin:0;padding:0}.asset-list{padding-left:18px;margin:8px 0}.asset-list li{margin:7px 0}.confirm-box{background:#fff8db;border:1px solid #f1dfa0;border-radius:10px;padding:11px;display:grid;gap:8px;font-size:13px}.check-line{display:flex;align-items:flex-start;gap:7px;line-height:1.45}
form { display:grid; gap:11px; } label{font-size:13px;font-weight:800;color:#344054}.hint{font-size:11px;font-weight:400;color:#7b8496} input,textarea,select { width:100%; border:1px solid #cbd5e1; border-radius:10px; padding:10px 11px; font:inherit; color:var(--ink); background:#fff; margin-top:4px; } input:focus,textarea:focus,select:focus{outline:3px solid #deddff;border-color:#716adf}textarea { min-height:94px; resize:vertical; } button,.button { border:0; background:var(--brand); color:#fff; padding:10px 14px; border-radius:10px; font:inherit; font-size:14px; font-weight:800; cursor:pointer; display:inline-block; text-align:center; }.button:hover,button:hover{text-decoration:none;filter:brightness(.96)}.button.secondary,button.secondary { background:#eaebfa; color:#3730a3; }.button.danger,button.danger { background:#b42318; }
.poster { min-height:265px; border-radius:16px; padding:27px; color:#fff; background:linear-gradient(145deg,#161331,#4936a5 45%,#d76d58); display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; box-shadow:0 10px 22px #37256938; }.poster:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;border:2px solid #ffffff55;top:-120px;right:-40px}.poster>*{position:relative}.poster .title{font-size:32px;font-weight:800;line-height:1.2;letter-spacing:1px}.poster .subtitle{font-size:13px;opacity:.9;margin-top:9px}.share { background:#fff9e9; border:1px dashed #d4a72c; border-radius:12px; padding:13px; white-space:pre-line; font-size:13px; }.radar h2 .pill{vertical-align:middle}.radar ul{padding-left:19px;margin:7px 0}.radar li{margin:3px 0}.actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }.evidence { background:#f8fafc; border:1px solid #edf0f5;padding:9px; border-radius:9px; font-size:13px; margin:7px 0; }table { width:100%; border-collapse:collapse; font-size:14px; } th,td { border-bottom:1px solid var(--line); padding:10px 6px; text-align:left; vertical-align:top; } th { color:var(--muted); font-weight:700; }
@media(max-width:760px){.shell{width:min(100% - 24px,1120px)}.topbar{align-items:flex-start;flex-direction:column;gap:8px}header nav{gap:12px}.hero{margin-top:16px;padding:23px 20px 18px}h1{font-size:27px}.span-8,.span-7,.span-6,.span-5,.span-4{grid-column:span 12}.page-title,.section-title,.card-top{gap:10px}.page-title{align-items:flex-start}.next-action{white-space:normal;min-width:110px}.poster .title{font-size:28px}.label-group{grid-template-columns:68px 1fr}.check-list{grid-template-columns:1fr}table{font-size:12px;display:block;overflow-x:auto}.grid{gap:14px}}
.activity-card{margin:20px 0}.activity{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.activity:first-of-type{border-top:0}.activity p{margin:4px 0 0}.activity.good strong{color:var(--good)}.activity.warn strong{color:var(--warm)}@media(max-width:620px){.activity{align-items:flex-start;flex-direction:column}.activity .button{width:100%}}
.optional-fields{border:1px solid #dfe3f1;border-radius:10px;background:#fbfcff;padding:0 12px}.optional-fields summary{cursor:pointer;padding:10px 0;color:#47409d;font-size:13px;font-weight:800}.optional-fields[open] summary{border-bottom:1px solid #e6e9f2;margin-bottom:10px}.optional-fields label:last-child{padding-bottom:12px}
.scope-help{margin:0;color:#59637d;line-height:1.6}.access-gain{margin:14px 0;padding:14px;border:1px solid #a5dccc;border-radius:12px;background:#effbf6}.access-gain strong{color:var(--good)}.access-gain ul{margin:8px 0 12px;padding-left:20px}.access-gain li{margin:4px 0}
.script-reader article{max-height:580px;overflow:auto;padding:16px 18px;border:1px solid #d8dee9;border-radius:10px;background:#fffdf8;line-height:1.9}.script-reader article p{margin:0 0 1em;white-space:pre-wrap}
.change-request{margin:8px 0;padding:11px;border:1px solid #f0d582;border-radius:10px;background:#fffaf0}.change-request.reader{margin:14px 0}.narrow{max-width:720px;margin:48px auto}

/* 2026-08-23: novice-first author and demand-side experience pass */
.simple-work-card{min-height:250px}.simple-work-card h2{font-size:22px;margin-top:3px}.next-step-line{margin:18px 0 6px;padding:13px 14px;border-radius:11px;background:#f6f7ff;color:#34306f}.next-step-line strong{color:#252062}
.status-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:16px 0;padding:15px 18px;border:1px solid #a5dccc;border-radius:13px;background:#effbf6}.status-summary strong{color:var(--good)}.status-summary span{font-size:13px;color:#46635b}
.review-form{gap:15px}.review-intro{padding-bottom:4px;border-bottom:1px solid var(--line)}.review-intro p{margin:4px 0;color:var(--muted)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card{border-top:4px solid var(--brand)}
.technical-details{background:#fbfcff}.technical-details>summary{cursor:pointer;font-weight:800;color:#48419b}.technical-details[open]>summary{margin-bottom:14px}.technical-details .card{box-shadow:none;border:0;padding:8px 0}
.scope-options{display:grid;gap:10px}.scope-options>label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #d9dcef;border-radius:11px;background:#fff;cursor:pointer}.scope-options input{width:auto;margin:4px 0 0}.scope-options span{display:grid;gap:3px}.scope-options b{font-size:15px;color:var(--ink)}.scope-options small{font-weight:400;color:var(--muted)}.compact-poster{min-height:210px}
.script-reader article{max-height:none;overflow:visible;padding:18px 20px;line-height:1.95}.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.reader-nav .actions{margin:0}.page-jump{display:flex;align-items:end;gap:7px}.page-jump label{display:flex;align-items:center;gap:6px}.page-jump input{width:72px;margin:0;padding:7px}.page-jump button{padding:7px 11px}.collapsible>summary{cursor:pointer;font-weight:800;color:#423a9d}.collapsible[open]>summary{margin-bottom:14px}
@media(max-width:760px){.two-fields{grid-template-columns:1fr}.status-summary{align-items:flex-start;flex-direction:column}.scope-options>label{padding:11px}.reader-nav{align-items:flex-start;flex-direction:column}.page-jump{width:100%}.page-jump button{flex:1}.simple-work-card{min-height:auto}}

/* 2026-08-23: one page identity, one primary action, obvious return paths */
.journey{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:21px;color:#777f93;font-size:12px}.journey span{font-weight:800;color:#4a4588;margin-right:3px}.journey b{font-size:13px;color:#35306f;font-weight:700}.journey i{font-style:normal;color:#a8aec0}
.text-action{display:inline-flex;align-items:center;min-height:40px;padding:8px 4px;font-size:13px;font-weight:800}.work-card .text-action{margin-left:4px}.compact-notice{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compact-notice span{color:#725a12}.compact-notice p{margin:0}
.pitch-overview>p{font-size:15px}.plain-details{margin-top:12px;border-top:1px solid var(--line);padding-top:11px}.plain-details>summary{cursor:pointer;color:#423a9d;font-weight:800}.plain-details[open]>summary{margin-bottom:10px}.action-copy p{margin:3px 0}.danger-zone{margin-top:18px;border-top:1px solid var(--line);padding-top:10px}.danger-zone>summary,.pause-control>summary{cursor:pointer;color:#8a302a;font-size:13px;font-weight:800}.danger-zone form{margin-top:8px}.applications-card{margin-bottom:18px}.preview-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0 18px;padding:12px 15px;border:1px solid #a5dccc;border-radius:12px;background:#effbf6}.preview-banner strong{color:var(--good)}.preview-banner span{font-size:13px;color:#46635b}
.share-preview-grid{align-items:start}.share-poster{min-height:330px}.share-boundary{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.share-boundary p{margin:3px 0 12px;color:var(--muted);font-size:13px}.preview-note{margin-top:14px}.preview-note p{margin:4px 0;color:var(--muted)}.page-end-actions{justify-content:flex-end;margin:4px 0 28px}.listing-summary>h2:not(:first-child){margin-top:24px}
.reader-nav.top{margin:14px 0;border:1px solid #e0e3f2;background:#f7f7ff;border-radius:10px;padding:10px}.reader-nav.top+.script-reader article,.script-reader .reader-nav.top+article{margin-top:0}.sticky-summary{position:sticky;top:18px}.back-separator{color:#a6adbb;margin:0 5px}.status-focus{border-top:4px solid var(--brand)}
.lifecycle-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.lifecycle-bar>div:first-child{display:grid;gap:3px}.lifecycle-bar p{margin:0}.lifecycle-bar .actions{margin:0}.pause-control{align-self:center}.pause-control form{margin-top:8px}.trust-compact h2{margin-bottom:4px}.trust-compact p{margin:0}.share-need-details>summary{cursor:pointer;color:#423a9d;font-weight:800}.share-need-details[open]>summary{margin-bottom:14px}.need-card .actions{align-items:center}
@media(max-width:760px){.journey{gap:6px}.journey span{width:100%}.preview-banner,.lifecycle-bar{align-items:flex-start;flex-direction:column}.page-end-actions{justify-content:flex-start}.sticky-summary{position:static}.share-poster{min-height:260px}.work-card .actions{align-items:flex-start;flex-direction:column}.work-card .text-action{margin-left:0}.reader-nav.top{position:sticky;top:8px;z-index:2;box-shadow:0 5px 14px #17203315}.lifecycle-bar .actions{width:100%}}

/* 2026-08-23: obvious file selection and two-way public discovery */
.file-pick{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1.4fr);align-items:stretch;gap:10px;margin:10px 0 5px}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.file-pick-button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px;border-radius:11px;background:var(--brand);color:#fff;font-size:14px;font-weight:800;cursor:pointer;text-align:center}.file-pick-button:hover{filter:brightness(.96)}.file-input:focus+.file-pick-button{outline:3px solid #deddff;outline-offset:2px}.file-pick>span{display:flex;align-items:center;min-height:52px;padding:11px 13px;border:1px solid #d9deea;border-radius:11px;background:#fff;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.secondary-file-pick .file-pick-button{background:#eaebfa;color:#3730a3}
.browse-panel{margin:18px 0}.browse-search{gap:12px}.search-line{display:grid;grid-template-columns:1fr auto;gap:9px}.search-line input{margin:0;min-height:48px}.search-line button{min-width:96px}.browse-filters{border-top:1px solid var(--line);padding-top:11px}.browse-filters>summary{cursor:pointer;color:#423a9d;font-weight:800;font-size:13px}.browse-filters[open]>summary{margin-bottom:12px}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.browse-result{grid-column:span 6;display:flex;flex-direction:column;min-height:300px}.browse-result .button{align-self:flex-start;margin-top:auto}.compact-tags{margin:5px 0 12px}.notice.success{background:#effbf6;border-color:#a5dccc;color:#17634e}
@media(max-width:760px){.file-pick{grid-template-columns:1fr}.file-pick-button,.file-pick>span{min-height:48px}.filter-grid{grid-template-columns:1fr}.browse-result{grid-column:span 12;min-height:auto}.search-line{grid-template-columns:1fr}.search-line button{width:100%}}