*{box-sizing:border-box}:root{color-scheme:light;--bg: #f5f6f8;--surface: #ffffff;--surface-soft: #fafbfc;--ink: #171a21;--muted: #67707f;--soft: #8b94a3;--line: #e5e8ee;--line-strong: #d8dde6;--dark: #111820;--dark-2: #18222d;--coral: #ff4655;--coral-dark: #e43d4c;--coral-soft: #fff0f1;--green: #19a974;--amber: #c98114;--blue: #246bfe;--radius: 8px;--shadow: 0 10px 28px rgba(23, 26, 33, .08);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;letter-spacing:0}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}.auth-loading,.login-page{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-panel{width:min(380px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.login-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius);color:var(--blue);background:#eef4ff;margin-bottom:18px}.login-panel h1{margin:0 0 24px;font-size:24px}.login-form,.user-form{display:grid;gap:16px}.login-form label{display:grid;gap:8px;font-size:13px;color:var(--muted)}.login-form input,.owner-filter{height:40px;border:1px solid var(--line-strong);border-radius:6px;padding:0 12px;background:var(--surface);color:var(--ink)}.owner-filter{min-width:128px}.admin-app{min-height:100vh;display:grid;grid-template-columns:196px 1fr;background:var(--bg)}.app-shell{position:sticky;top:0;height:100vh;padding:18px 14px;background:linear-gradient(180deg,var(--dark),#0d1218);color:#f8fafc;display:flex;flex-direction:column;gap:24px}.brand-block{display:grid;grid-template-columns:36px 1fr 18px;align-items:center;gap:10px;min-height:48px}.brand-logo,.mini-logo,.mobile-logo,.cup-thumb,.operator-avatar{display:grid;place-items:center;background:var(--coral);color:#fff}.brand-logo{width:36px;height:36px;border-radius:var(--radius)}.brand-block h1,.brand-block p,.topbar h2,.topbar p,.panel h3,.panel p,.mobile-brand h1,.mobile-brand p,.mobile-task-summary h2,.mobile-task-summary p{margin:0}.brand-block h1{font-size:16px;line-height:1.2}.brand-block p{margin-top:2px;color:#9ca8b6;font-size:12px}.brand-menu{color:#7e8b9b}.shell-nav{display:grid;gap:6px}.shell-nav-item{border:0;background:transparent;color:#aab4c0;min-height:40px;border-radius:var(--radius);display:flex;align-items:center;gap:10px;padding:0 10px;text-align:left}.shell-nav-item.active,.shell-nav-item:hover{background:#ffffff14;color:#fff}.operator-card{margin-top:auto;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:var(--radius);padding:10px;display:flex;align-items:center;gap:10px}.operator-avatar{width:34px;height:34px;border-radius:50%;font-weight:700}.operator-card strong,.operator-card span{display:block}.operator-card strong{font-size:13px}.operator-card span{margin-top:2px;font-size:12px;color:#98a4b2}.operator-card>div:nth-child(2){min-width:0;flex:1}.logout-btn{color:#cbd5e1}.admin-main{min-width:0;padding:22px}.topbar{min-height:68px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.topbar h2{font-size:24px;line-height:1.25}.topbar p{margin-top:7px;color:var(--muted);font-size:14px}.topbar-actions,.form-actions,.modal-actions,.comment-actions,.share-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-management{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px;align-items:start}.user-create-panel,.user-list-panel{min-width:0}.user-table-wrap{width:100%;overflow:auto}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-workbench{display:grid;grid-template-columns:minmax(240px,280px) minmax(480px,1fr) minmax(320px,360px);gap:14px;align-items:start}.right-rail{display:grid;gap:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-header{min-height:58px;padding:16px 16px 12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line)}.panel-header.compact{min-height:52px;padding-bottom:10px}.panel-header h3,.section-title h3{font-size:15px;line-height:1.25}.panel-header p,.section-title p{margin-top:5px;color:var(--muted);font-size:12px}.btn{border:1px solid var(--line-strong);background:#fff;color:var(--ink);min-height:36px;border-radius:var(--radius);padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:background .16s ease,border .16s ease,transform .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#cfd5df}.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}.btn.primary:hover:not(:disabled){background:var(--coral-dark);border-color:var(--coral-dark)}.btn.subtle{background:var(--surface-soft)}.btn.sm{min-height:32px;padding:0 10px;font-size:12px}.task-list{min-height:calc(100vh - 130px);overflow:hidden}.count-pill,.status-chip,.copy-chip,.tag-row span{display:inline-flex;align-items:center;border-radius:999px;white-space:nowrap}.count-pill{height:24px;padding:0 9px;background:var(--coral-soft);color:var(--coral-dark);font-size:12px;font-weight:700}.search-box{margin:12px;height:38px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);padding:0 10px;color:var(--soft)}.search-box input,.field input,.field select,.field textarea{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.search-box input::placeholder,.field input::placeholder,.field textarea::placeholder{color:#a5adba}.task-scroll{padding:0 10px 12px;display:grid;gap:8px;max-height:calc(100vh - 236px);overflow:auto}.state-box{min-height:86px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-soft)}.task-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:12px;text-align:left;display:grid;gap:9px}.task-card.selected{border-color:#ff46558c;box-shadow:inset 3px 0 0 var(--coral)}.task-card-head,.task-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.task-card-head strong{min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-meta{color:var(--soft);font-size:12px}.task-progress,.mobile-progress{height:6px;overflow:hidden;border-radius:999px;background:#eceff4}.task-progress span,.mobile-progress span{display:block;height:100%;border-radius:inherit;background:var(--coral)}.task-rate{justify-self:end;color:var(--soft);font-size:11px}.status-chip{height:24px;padding:0 9px;font-size:12px;font-weight:700}.status-chip.active{background:#eaf8f2;color:#08764e}.status-chip.paused{background:#fff5e5;color:var(--amber)}.editor{min-width:0;overflow:hidden}.empty-editor{min-height:480px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center;padding:24px}.editor-form,.modal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.field{display:grid;gap:7px;color:var(--muted);font-size:12px}.field.wide,.field.single{grid-column:1 / -1}.field>span{font-weight:700}.field input,.field select,.field textarea{min-height:38px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;padding:0 10px;color:var(--ink)}.field textarea{min-height:88px;resize:vertical;padding:10px;line-height:1.5}.input-with-action{display:grid;grid-template-columns:1fr auto;gap:8px}.input-stack{display:grid;gap:8px}.inline-tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.resolve-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.resolve-hint.success,.resolve-count.success{color:var(--green)}.resolve-hint.error,.resolve-count.error{color:var(--coral-dark)}.resolve-count{font-size:12px;font-weight:700}.resolve-list{display:grid;gap:4px;padding:8px 10px;border:1px solid #f1cfd3;border-radius:var(--radius);background:#fff7f8}.resolve-list p{margin:0;color:var(--coral-dark);font-size:12px;line-height:1.4}.inline-action{min-width:52px;height:38px;display:grid;place-items:center;border-radius:var(--radius);background:var(--surface-soft);border:1px solid var(--line-strong);color:var(--muted);font-size:12px}.form-actions{grid-column:1 / -1;justify-content:flex-end}.comment-manager{border-top:1px solid var(--line);padding:16px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.append-box{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-soft);outline:0;resize:vertical;min-height:78px;padding:10px;color:var(--ink);margin-bottom:12px}.comment-table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:var(--radius)}.comment-table{width:100%;min-width:680px;border-collapse:collapse;font-size:12px}.comment-table th,.comment-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.comment-table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:var(--muted);font-weight:700}.comment-table tr:last-child td{border-bottom:0}.comment-table td:nth-child(2){min-width:300px;color:var(--ink);line-height:1.45}.copy-chip{height:22px;padding:0 8px;font-size:12px;font-weight:700}.copy-chip.pending{background:#eef3ff;color:var(--blue)}.copy-chip.copied{background:#eaf8f2;color:#08764e}.share-panel,.mobile-preview,.activity-rail{overflow:hidden}.share-panel .field{padding:12px 16px 0}.qr-shell{width:222px;height:222px;margin:16px auto 12px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;display:grid;place-items:center}.share-url{margin:0 16px 14px;padding:10px;border-radius:var(--radius);background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.45;word-break:break-all}.share-actions{padding:0 16px 16px}.mobile-preview .panel-header a{color:var(--coral-dark);font-size:12px;font-weight:700}.phone-frame{margin:16px auto;width:min(260px,calc(100% - 32px));min-height:488px;border:8px solid #151b24;border-radius:26px;background:#f7f5f2;padding:12px;display:grid;align-content:start;gap:12px}.phone-status,.phone-brand,.phone-task{display:flex;align-items:center;justify-content:space-between;gap:8px}.phone-status{color:#303640;font-size:11px;font-weight:700}.mini-logo{width:30px;height:30px;border-radius:50%;flex:0 0 auto}.phone-brand{justify-content:flex-start}.phone-brand strong,.phone-task strong{display:block;font-size:13px}.phone-brand p,.phone-task span,.phone-comment span{margin:2px 0 0;color:var(--muted);font-size:11px}.phone-task,.phone-comment{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:10px}.phone-comment p{margin:8px 0 0;color:var(--ink);line-height:1.45;font-size:13px}.phone-frame button{border:0;border-radius:var(--radius);min-height:42px;background:var(--coral);color:#fff;font-weight:800}.activity-list{padding:12px 16px 16px;display:grid;gap:12px}.activity-item{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start}.activity-dot,.live-dot{display:block;border-radius:50%}.activity-dot{width:8px;height:8px;margin-top:5px;background:var(--coral)}.activity-dot.c1{background:var(--blue)}.activity-dot.c2{background:var(--green)}.live-dot{width:9px;height:9px;margin-top:7px;background:var(--green);box-shadow:0 0 0 5px #19a97421}.activity-item strong{display:block;font-size:12px}.activity-item p,.muted{margin:3px 0 0;color:var(--muted);font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#0e141b7a;display:grid;place-items:center;padding:22px}.create-modal{width:min(760px,100%);max-height:min(840px,calc(100vh - 44px));overflow:auto;background:#fff;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 24px 60px #00000038}.modal-header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.modal-header h3,.modal-header p{margin:0}.modal-header h3{font-size:18px}.modal-header p{margin-top:6px;color:var(--muted);font-size:13px}.icon-btn{width:34px;height:34px;border:1px solid var(--line);background:var(--surface-soft);border-radius:var(--radius);display:grid;place-items:center}.modal-actions{grid-column:1 / -1;justify-content:flex-end}.toast{position:fixed;z-index:60;left:50%;bottom:24px;transform:translate(-50%,18px);min-height:38px;padding:9px 14px;background:#111820f0;color:#fff;border-radius:var(--radius);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;font-size:13px}.toast.show{opacity:1;transform:translate(-50%)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-page{min-height:100vh;background:#f7f5f2;color:#181a20;padding:max(14px,env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))}.mobile-shell{width:min(430px,100%);margin:0 auto;display:grid;gap:12px}.mobile-brand{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:4px 0 2px}.mobile-logo{width:42px;height:42px;border-radius:var(--radius)}.mobile-brand h1{font-size:17px;line-height:1.2}.mobile-brand p{margin-top:4px;color:var(--muted);font-size:12px}.mobile-brand>span{display:inline-flex;align-items:center;gap:4px;height:28px;border-radius:999px;padding:0 8px;background:#eaf8f2;color:#08764e;font-size:11px;font-weight:700}.mobile-task-summary,.mobile-comment-card,.manual-notice,.mobile-loading,.mobile-done{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 22px #171a2112}.mobile-task-summary{padding:12px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:start}.cup-thumb{width:42px;height:42px;border-radius:var(--radius);background:#181a20}.mobile-task-kicker{display:block;margin-bottom:4px;color:var(--coral-dark);font-size:11px;font-weight:800}.mobile-task-summary h2{font-size:15px;line-height:1.3}.mobile-task-summary p{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.35}.mobile-task-summary a{min-height:28px;padding:0 8px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);color:var(--coral-dark);font-size:12px;font-weight:700}.mobile-progress{margin-top:10px}.mobile-task-summary small{display:block;margin-top:5px;color:var(--soft);font-size:11px}.mobile-comment-card{padding:14px}.mobile-section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mobile-section-title h2{margin:0;font-size:15px}.quote-card{position:relative;border:1px solid #f1cfd3;background:#fff7f8;border-radius:var(--radius);padding:14px 14px 12px;min-height:122px}.quote-card p{margin:0;color:#191b22;font-size:17px;line-height:1.55;font-weight:700}.quote-mark{position:absolute;color:#ff465540;font-size:42px;line-height:1;font-weight:800}.quote-mark.left{left:8px;top:2px}.quote-mark.right{right:10px;bottom:-8px}.tag-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.tag-row span{height:24px;padding:0 8px;background:#fff;border:1px solid #f0d7da;color:var(--coral-dark);font-size:11px;font-weight:700}.mobile-copy-btn,.mobile-change-btn{width:100%;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;gap:8px}.mobile-copy-btn{margin-top:12px;min-height:54px;border:0;background:var(--coral);color:#fff;flex-direction:column;gap:2px;font-weight:800}.mobile-copy-btn span{display:inline-flex;align-items:center;gap:7px;font-size:16px}.mobile-copy-btn small{font-size:11px;color:#ffffffd1}.mobile-change-btn{margin-top:8px;min-height:38px;border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);font-size:13px}.manual-notice{padding:13px 14px}.manual-notice>div{display:grid;grid-template-columns:20px 1fr;gap:6px 8px;align-items:start}.manual-notice strong{font-size:13px}.manual-notice p{grid-column:2;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.mobile-loading,.mobile-done{min-height:320px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;color:var(--muted);padding:24px}.mobile-done h2,.mobile-done p{margin:0}.mobile-done h2{color:var(--ink);font-size:20px}.open-browser-page{min-height:100vh;background:#f7f5f2;color:var(--ink);display:grid;align-content:center;justify-items:center;padding:28px;text-align:center}.open-arrow{position:fixed;right:18px;top:14px;width:110px;height:110px;color:var(--coral)}.open-browser-page section{width:min(360px,100%);border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:24px}.open-browser-page h1,.open-browser-page p{margin:0}.open-browser-page h1{margin-top:12px;font-size:22px}.open-browser-page p{margin-top:10px;color:var(--muted);line-height:1.6}.task-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.task-card-tags span{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);border-radius:6px;padding:3px 7px;font-size:11px}.library-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:14px;align-items:start}.library-list,.library-editor,.library-create{min-height:560px}.library-scroll,.package-list,.rank-list,.event-list{display:grid;gap:10px}.library-scroll{max-height:680px;overflow:auto}.library-card,.package-card,.rank-row,.event-row{width:100%;border:1px solid var(--line);background:#fff;border-radius:var(--radius);text-align:left}.library-card{padding:12px}.library-card.selected{border-color:#ff465573;background:var(--coral-soft)}.library-card strong,.library-card span{display:block}.library-card strong{font-size:14px;margin-bottom:5px}.library-card span{color:var(--muted);font-size:12px}.compact-form{margin-bottom:18px}.single-column{grid-template-columns:1fr}.package-view,.report-view{display:grid;gap:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:14px}.metric-card span,.metric-card p{color:var(--muted);font-size:12px;margin:0}.metric-card strong{display:block;margin:8px 0 5px;font-size:28px;line-height:1}.package-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px}.package-card strong{font-size:15px}.package-card p{margin:6px 0 0;color:var(--muted);font-size:13px}.package-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide-panel{grid-column:1 / -1}.rank-row,.event-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px 12px}.event-row{grid-template-columns:160px 1fr auto}.rank-row span,.event-row span{color:var(--muted);font-size:12px}.rank-row strong,.event-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.rank-row em,.event-row em{font-style:normal;color:var(--coral);font-size:12px}.package-modal{max-width:760px}.mobile-package-summary,.mobile-package-list{border:1px solid rgba(255,255,255,.72);background:#ffffffeb;border-radius:var(--radius);padding:16px}.mobile-package-summary h2,.mobile-package-summary p{margin:0}.mobile-package-summary h2{font-size:21px}.mobile-package-summary p{margin-top:7px;color:var(--muted);font-size:13px}.mobile-package-summary small{display:block;margin-top:8px;color:var(--muted)}.mobile-package-list{display:grid;gap:10px}.mobile-package-task{display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:12px}.mobile-package-task>span{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius);background:var(--coral-soft);color:var(--coral);font-weight:700;font-size:12px}.mobile-package-task strong,.mobile-package-task p{margin:0}.mobile-package-task strong{display:block;font-size:14px}.mobile-package-task p{margin-top:4px;color:var(--muted);font-size:12px}@media(max-width:1180px){.admin-workbench{grid-template-columns:260px minmax(0,1fr)}.right-rail{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.library-grid{grid-template-columns:260px minmax(0,1fr)}.library-create{grid-column:1 / -1;min-height:auto}}@media(max-width:860px){.admin-app{grid-template-columns:1fr}.app-shell{position:static;height:auto;padding:12px}.shell-nav,.operator-card{display:none}.admin-main{padding:14px}.topbar,.section-title{display:grid}.admin-workbench,.right-rail,.library-grid,.user-management,.stats-grid,.report-grid,.editor-form,.modal-form,.package-card,.rank-row,.event-row{grid-template-columns:1fr}.package-card{display:grid}.package-actions{justify-content:flex-start}.task-list{min-height:auto}.task-scroll{max-height:360px}}@media(max-width:420px){.mobile-page{padding-left:10px;padding-right:10px}.mobile-brand{grid-template-columns:38px 1fr}.mobile-brand>span{grid-column:2;justify-self:start}.mobile-task-summary{grid-template-columns:38px 1fr}.mobile-task-summary a{grid-column:2;justify-self:start}.quote-card p{font-size:17px}}