:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d2a38;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#1d2a38;--muted:#607080;--panel:#fffbf5eb;--soft:#f5efe6e0;--edge:#38445214;--accent:#0b776f;--panel-shadow:0 28px 60px #49361b24;background:radial-gradient(circle at 0 0,#0b776f1f,#0000 26%),radial-gradient(circle at 100% 0,#e6792524,#0000 24%),linear-gradient(#f4ebdf 0%,#f1e6d8 42%,#eadfcf 100%);font-family:"Alibaba PuHuiTi 3.0",MiSans,HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:18px 14px 36px;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;z-index:0;filter:blur(16px);position:fixed;inset:auto}.app-shell:before{background:#e6792538;border-radius:50%;width:180px;height:180px;top:48px;right:-28px}.app-shell:after{background:#0b776f29;border-radius:50%;width:220px;height:220px;bottom:96px;left:-36px}.phone-board{z-index:1;gap:16px;width:min(100%,480px);margin:0 auto;display:grid;position:relative}.status-hero,.timeline-panel,.request-panel,.editor-panel{border:1px solid var(--edge);box-shadow:var(--panel-shadow);border-radius:28px;position:relative;overflow:hidden}.status-hero{color:#fff9ef;background:radial-gradient(circle at 100% 0,#ffc67847,#0000 30%),linear-gradient(145deg,#102630fa,#0b141ff0);padding:22px}.hero-badge-row,.panel-head,.timeline-card-top,.card-actions,.mode-bar,.share-actions,.mode-switch{flex-wrap:wrap;display:flex}.hero-badge-row,.panel-head,.mode-bar{justify-content:space-between;align-items:center;gap:12px}.mode-switch{gap:8px}.mode-link{color:#fff9efcc;min-height:40px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:0 14px;transition:transform .18s,background-color .18s,color .18s,border-color .18s}.mode-link.active{color:#fff9ef;background:#ffc56b29;border-color:#ffc56b38}.section-kicker{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.section-kicker:before{content:"";background:#ffc56b;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #ffc56b29}.section-kicker.muted{color:var(--muted)}.section-kicker.muted:before{background:var(--accent);box-shadow:0 0 0 6px #0b776f1f}.update-tag{color:#fff9efc7;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:8px 12px;font-size:12px}.status-hero h1,.timeline-panel h2,.editor-panel h2,.timeline-card h3{margin:0}.status-hero h1{letter-spacing:-.04em;margin-top:18px;font-size:clamp(30px,8vw,42px);line-height:1.04}.hero-copy,.timeline-card p,.feedback-box p,.editor-copy{margin:0;line-height:1.72}.hero-copy{color:#fff9efc7;margin-top:14px}.hero-summary,.admin-toolbar,.compact-status{gap:10px;display:grid}.hero-summary,.admin-toolbar{margin-top:18px}.hero-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-summary article{background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.hero-summary span{color:#fff9efa3;font-size:12px}.hero-summary strong{font-size:18px;line-height:1.15}.hero-summary small{color:#fff9efc2;line-height:1.45}.admin-toolbar{background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;padding:14px 16px}.compact-status{color:#fff9efd6;font-size:14px}.live-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(150deg,#ffffff24,#ffffff0d),#ffffff0a;border:1px solid #ffffff14;border-radius:22px;gap:10px;margin-top:18px;padding:18px;display:grid}.share-panel{background:linear-gradient(150deg,#ffffff1f,#ffffff0d),#ffffff08;border:1px solid #ffffff14;border-radius:22px;gap:14px;margin-top:18px;padding:18px;display:grid}.share-copy{gap:8px;display:grid}.share-copy strong{word-break:break-all;font-size:16px;line-height:1.6}.share-copy p{color:#fff9efbd;margin:0;line-height:1.7}.share-actions{gap:10px}.live-pill,.phase-chip,.priority-chip,.ghost-button,.primary-button,.secondary-button,.text-button{font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s,color .18s;display:inline-flex}.live-pill{color:#ffd48f;letter-spacing:.08em;background:#ffc56b29;border-radius:999px;justify-self:start;padding:7px 10px;font-size:12px;font-weight:800}.live-panel strong{font-size:22px;line-height:1.18}.live-panel p{color:#fff9efc2}.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.snapshot-grid article,.timeline-card,.empty-state,.editor-panel{background:var(--panel)}.snapshot-grid article{background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;gap:8px;padding:16px;display:grid}.snapshot-grid span,.time-label,.feedback-box span,.editor-copy,.timeline-panel h2+p{font-size:13px}.snapshot-grid span{color:#fff9efa8}.snapshot-grid strong{font-size:20px;line-height:1.1}.snapshot-grid small{color:#fff9efb3;line-height:1.5}.timeline-panel,.request-panel,.editor-panel{background:linear-gradient(180deg, #fffbf5f5, #faf4eaeb), var(--panel);padding:20px}.timeline-panel:before,.request-panel:before,.editor-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#e6792514,#0000 22%),linear-gradient(#ffffff73,#0000 24%);position:absolute;inset:0}.panel-head{z-index:1;align-items:flex-start;position:relative}.timeline-panel h2,.request-panel h2,.editor-panel h2{color:var(--ink);margin-top:6px;font-size:24px;line-height:1.16}.readonly-tag{min-height:38px;color:var(--accent);background:#0b776f14;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.ghost-button,.secondary-button,.text-button{border:1px solid #0000}.ghost-button{color:var(--ink);background:#ffffffdb;border-color:#38445214;border-radius:14px;padding:10px 14px}.timeline-list,.editor-form{z-index:1;position:relative}.timeline-list{gap:14px;margin-top:18px;display:grid}.completed-block{z-index:1;gap:12px;margin-top:16px;display:grid;position:relative}.completed-toggle{min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:#ffffffd1;border:1px solid #38445214;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-weight:700;display:flex}.completed-list{margin-top:0}.timeline-item{opacity:0;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:12px;animation:.6s forwards rise-in;display:grid}.timeline-rail{min-height:100%;position:relative}.timeline-rail:before{content:"";background:linear-gradient(#0b776f4d,#0b776f0f);border-radius:999px;width:2px;position:absolute;top:12px;bottom:-24px;left:12px}.timeline-item:last-child .timeline-rail:before{bottom:16px}.timeline-dot{border:4px solid var(--accent);background:#f8efe3;border-radius:50%;width:16px;height:16px;position:absolute;top:8px;left:5px;box-shadow:0 0 0 6px #0b776f1a}.timeline-item.done .timeline-dot{border-color:#3ca370;box-shadow:0 0 0 6px #3ca3701f}.timeline-item.next .timeline-dot{border-color:#e67925;box-shadow:0 0 0 6px #e679251f}.timeline-card{border:1px solid #38445214;border-radius:24px;gap:8px;padding:16px;display:grid;box-shadow:0 12px 28px #5b452814}.timeline-item.current .timeline-card{background:radial-gradient(circle at 100% 0,#0b776f1f,#0000 30%),#fffdf7;border-color:#0b776f38}.timeline-item.next .timeline-card{background:radial-gradient(circle at 100% 0,#e6792524,#0000 34%),#fffdf7;border-color:#e6792538}.timeline-item.done .timeline-card{background:#f8fcf9f2}.timeline-item.compact .timeline-card{gap:6px}.timeline-item.compact .card-actions{margin-top:8px}.timeline-card-top{gap:8px}.phase-chip,.priority-chip{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.phase-chip.done{color:#246948;background:#3ca37024}.phase-chip.current{color:#0b776f;background:#0b776f24}.phase-chip.next{color:#af4f09;background:#e6792524}.phase-chip.upcoming{color:#556171;background:#5965731a}.priority-chip.danger{color:#ad211c;background:#c6332e1f}.priority-chip.warn{color:#a34e0e;background:#e679251f}.priority-chip.calm{color:#0b776f;background:#0b776f1a}.time-label{color:var(--muted);letter-spacing:.01em;font-weight:700}.timeline-card h3{color:var(--ink);font-size:22px;line-height:1.12}.task-title{color:var(--ink);font-size:16px;font-weight:700}.task-note{color:var(--muted);font-size:14px}.feedback-box{background:var(--soft);border-radius:18px;gap:6px;padding:14px;display:grid}.feedback-box span{color:var(--muted);font-weight:700}.feedback-box p{color:var(--ink)}.card-actions{gap:8px;margin-top:4px}.ghost-button:hover,.primary-button:hover,.secondary-button:hover,.text-button:hover,.mode-link:hover,.completed-toggle:hover{transform:translateY(-1px)}.primary-button,.secondary-button,.text-button{border-radius:14px;min-height:42px;padding:0 14px}.primary-button{color:#fff9ef;background:linear-gradient(135deg,#0b776f,#155a6e);box-shadow:0 14px 24px #0b776f2e}.secondary-button{color:var(--ink);background:#0b776f14;border-color:#0b776f24}.secondary-button:disabled{opacity:.55;cursor:default;transform:none}.ghost-button:disabled,.primary-button:disabled,.text-button:disabled,.mode-link:disabled{opacity:.58;cursor:default;transform:none}.text-button{color:var(--ink);background:#ffffffe6;border-color:#38445214}.text-button.danger{color:#b5251f}.empty-state{z-index:1;text-align:center;border:1px dashed #3844522e;border-radius:24px;margin-top:18px;padding:24px 18px;position:relative}.empty-state strong{color:var(--ink);margin-bottom:8px;display:block}.empty-state p{color:var(--muted);margin:0;line-height:1.7}.editor-copy{z-index:1;color:var(--muted);position:relative}.loading-state{align-content:center;gap:14px;min-height:260px;display:grid}.error-banner{color:#ffe3df;background:#c6332e24;border:1px solid #ffc7c11f;border-radius:16px;margin-top:16px;padding:12px 14px}.error-banner.public{color:#fff1ed}.success-banner{color:#f3fff7;background:#3ca37029;border:1px solid #d2f9e024;border-radius:16px;margin-top:16px;padding:12px 14px}.editor-form{gap:12px;margin-top:18px;display:grid}.public-request-bar{background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;gap:12px;margin-top:18px;padding:16px;display:grid}.public-request-bar strong{font-size:16px;line-height:1.2;display:block}.public-request-bar p{color:#fff9efc2;margin:6px 0 0;line-height:1.6}.request-list{z-index:1;gap:12px;margin-top:18px;display:grid;position:relative}.request-card{background:#ffffffd1;border:1px solid #38445214;border-radius:22px;gap:12px;padding:16px;display:grid;box-shadow:0 10px 24px #5b452812}.request-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.request-head h3{color:var(--ink);margin:4px 0 6px;font-size:22px;line-height:1.1}.request-head p,.request-note{color:var(--muted);margin:0;line-height:1.65}.request-time{color:var(--muted);font-size:13px;font-weight:700}.request-empty{margin-top:18px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10182085;place-items:center;padding:18px 14px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--edge);background:linear-gradient(180deg, #fffbf5fa, #faf4eaf2), var(--panel);border-radius:28px;width:min(100%,560px);max-height:min(88vh,820px);padding:20px;position:relative;overflow:auto;box-shadow:0 28px 60px #0f172a3d}.modal-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#e6792514,#0000 22%),linear-gradient(#ffffff73,#0000 24%);position:absolute;inset:0}.modal-form{z-index:1;position:relative}.field-grid{gap:12px;display:grid}.editor-form label{color:var(--ink);gap:8px;font-size:14px;font-weight:700;display:grid}.editor-form input,.editor-form select,.editor-form textarea{width:100%;color:var(--ink);font:inherit;background:#ffffffeb;border:1px solid #3844521f;border-radius:18px;padding:13px 14px}.editor-form input:disabled,.editor-form select:disabled,.editor-form textarea:disabled{opacity:.72;cursor:not-allowed}.editor-form input:focus,.editor-form select:focus,.editor-form textarea:focus{border-color:#e6792547;outline:2px solid #e679252e}.editor-form textarea{resize:vertical;min-height:108px}.submit-button{min-height:50px}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=900px){.app-shell{padding:28px 24px 40px}.phone-board{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;width:min(100%,1080px)}.status-hero{grid-column:1/-1}.timeline-panel{min-height:100%}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.hero-summary{grid-template-columns:1fr}.request-head{flex-direction:column}.share-actions{grid-template-columns:1fr;display:grid}.modal-backdrop{padding:10px}.modal-panel{border-radius:22px;max-height:92vh;padding:16px}}