:root{--bg: #f6f7f9;--card: #ffffff;--ink: #171a21;--ink-2: #5b6472;--ink-3: #98a1b0;--line: #e9ecf1;--brand: #4f46e5;--brand-600: #4338ca;--brand-soft: #eef0fe;--green: #0e9f6e;--green-soft: #e6f6f0;--red: #e5484d;--red-soft: #fdecec;--amber: #d97706;--amber-soft: #fdf3e3;--slate: #171a21;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 6px 20px rgba(16, 24, 40, .05);--shadow-pop: 0 12px 40px rgba(16, 24, 40, .16)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}#app{min-height:100vh}a{color:var(--brand);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-sm);padding:9px 16px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,opacity .15s,transform .05s;background:var(--brand);color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--brand-600)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.block{width:100%}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.ghost:hover:not(:disabled){background:#f3f4f7}.btn.green{background:var(--green)}.btn.danger{background:#fff;border:1px solid var(--line);color:var(--red)}.btn.danger:hover:not(:disabled){background:var(--red-soft)}.btn.dark-ghost{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff}.btn.dark-ghost:hover:not(:disabled){background:#ffffff1a}.btn.sm{padding:6px 12px;font-size:13px;border-radius:8px}.input,.textarea,.select{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f46e51f}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.textarea{min-height:84px;resize:vertical;line-height:1.6}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.tag.green{background:var(--green-soft);color:var(--green)}.tag.gray{background:#f0f2f5;color:var(--ink-2)}.tag.amber{background:var(--amber-soft);color:var(--amber)}.tag.red{background:var(--red-soft);color:var(--red)}.tag.brand{background:var(--brand-soft);color:var(--brand)}.muted{color:var(--ink-2)}.small{font-size:13px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mb12{margin-bottom:12px}.flex{display:flex}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(600px 300px at 20% 0%,rgba(79,70,229,.12),transparent),radial-gradient(500px 300px at 90% 100%,rgba(14,159,110,.1),transparent),var(--bg)}.login-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:36px 28px;box-shadow:var(--shadow-pop)}.login-badge{width:48px;height:48px;border-radius:14px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 16px}.login-title{font-size:20px;font-weight:700;text-align:center}.login-sub{text-align:center;color:var(--ink-2);font-size:13px;margin:6px 0 26px}.h5-page{max-width:540px;margin:0 auto;min-height:100vh;padding-bottom:48px}.h5-header{position:sticky;top:0;z-index:10;background:var(--slate);color:#fff;padding:18px 16px 16px;border-radius:0 0 20px 20px}.h5-header .title{font-size:19px;font-weight:700;letter-spacing:.2px}.h5-header .sub{font-size:12.5px;color:#ffffff9e;margin-top:3px}.h5-stat-chips{display:flex;gap:10px;margin-top:14px}.stat-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 14px;font-size:12px;color:#ffffffb8}.stat-chip b{display:block;font-size:18px;color:#fff;font-weight:700}.h5-body{padding:14px}.platform-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.platform-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.platform-logo{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex:0 0 auto}.platform-head .name{font-size:16px;font-weight:600}.platform-head .count{margin-left:auto}.video-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.video-row:last-child{border-bottom:none}.video-row .info{flex:1;min-width:0}.video-row .note{font-size:14px;font-weight:500}.video-row .url{font-size:12px;color:var(--ink-3);margin-top:1px}.video-row.done{background:#fafbfc}.video-row.done .note,.video-row.done .url{color:var(--ink-3)}.empty-hint{padding:18px 16px;text-align:center;color:var(--ink-3);font-size:13px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121e80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{width:100%;max-width:430px;background:#fff;border-radius:18px;padding:24px 22px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-pop)}.modal-title{font-size:17px;font-weight:700;text-align:center;margin-bottom:14px}.modal-x{border:none;background:transparent;font-size:15px;color:var(--ink-3);cursor:pointer;padding:4px 6px;border-radius:6px}.modal-x:hover{background:var(--bg);color:var(--ink)}.field{margin-bottom:14px}.field>label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.copy-preview{background:var(--bg);border:1px dashed var(--line);border-radius:12px;padding:14px;font-size:15px;line-height:1.65;word-break:break-all}.toast-wrap{position:fixed;top:38%;left:50%;transform:translate(-50%);z-index:200;pointer-events:none}.toast{background:#171a21eb;color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;max-width:78vw;text-align:center;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.admin-page{min-height:100vh}.admin-topbar{background:var(--slate);color:#fff;padding:0 24px;height:58px;display:flex;align-items:center;gap:22px;position:sticky;top:0;z-index:20}.admin-topbar .brand{font-weight:700;font-size:15.5px;display:flex;align-items:center;gap:9px}.admin-topbar .brand .dot{width:10px;height:10px;border-radius:3px;background:var(--brand)}.admin-tabs{display:flex;gap:4px;flex:1}.admin-tab{padding:7px 15px;border-radius:9px;cursor:pointer;color:#fff9;font-weight:500;font-size:14px;transition:all .15s}.admin-tab:hover{color:#fff}.admin-tab.active{background:#ffffff1f;color:#fff}.admin-body{max-width:1080px;margin:0 auto;padding:24px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.stat-card .num{font-size:28px;font-weight:700;letter-spacing:-.5px}.stat-card .label{font-size:13px;color:var(--ink-2);margin-top:2px}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}.table th{background:#f8f9fb;color:var(--ink-2);font-weight:500;font-size:13px;white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel-title{font-size:15.5px;font-weight:700;margin-bottom:14px}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-row>*{flex:1;min-width:130px}.qr-box{text-align:center}.qr-box canvas{border-radius:12px;border:1px solid var(--line)}.copy-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:14px}.copy-item:last-child{border-bottom:none}.copy-item .content{flex:1;word-break:break-all}.copy-item.used .content{color:var(--ink-3)}.section-title{font-size:15px;font-weight:700;margin:22px 0 12px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;text-align:center}.mini-stat .n{font-size:20px;font-weight:700}.mini-stat .l{font-size:12px;color:var(--ink-2);margin-top:1px}.add-video-form{display:flex;gap:8px;padding:12px 16px;background:#fafbfc;border-bottom:1px solid var(--line)}.add-video-form .input{background:#fff}.copies-panel{padding:12px 16px;background:#fafbfc;border-bottom:1px solid var(--line)}@media(max-width:640px){.admin-body{padding:14px}.admin-topbar{padding:0 14px;gap:12px}.table th,.table td{padding:10px 8px;font-size:13px}}.h5-header-inner{width:100%}.h5-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.h5-header-right{margin-top:14px}.only-desktop{display:none}.op-layout{display:flex;flex-direction:column;gap:14px}.op-main{display:flex;flex-direction:column}@media(max-width:899px){.op-layout{display:flex}.op-aside{order:-1}}.dash{display:flex;min-height:100vh}.dash-side{width:224px;flex:0 0 auto;background:#1f2733;color:#aeb6c2;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.dash-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;color:#fff;font-size:16px;font-weight:700;letter-spacing:.3px}.dash-brand-dot{width:12px;height:12px;border-radius:4px;background:var(--brand);flex:0 0 auto}.dash-side-label{font-size:11px;color:#5c6674;padding:6px 22px;letter-spacing:2px}.dash-nav{flex:1;padding:2px 10px;overflow-y:auto}.dash-menu{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-size:14px;cursor:pointer;margin-bottom:4px;transition:background .15s,color .15s}.dash-menu:hover{background:#ffffff0f;color:#fff}.dash-menu.active{background:var(--brand);color:#fff}.dash-menu-ico{width:30px;height:30px;border-radius:8px;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#c3cbd8}.dash-menu.active .dash-menu-ico{background:#ffffff2e;color:#fff}.dash-menu-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.dash-menu-label{font-weight:500;font-size:14px}.dash-menu-desc{font-size:11.5px;color:#6b7686;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-menu.active .dash-menu-desc{color:#ffffffb8}.dash-menu-badge{margin-left:auto;background:#ffffff29;border-radius:999px;font-size:11px;padding:1px 8px}.dash-side-foot{padding:14px 20px 18px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}.dash-user{color:#e6eaf0;font-weight:500;margin-bottom:4px}.dash-logout{color:#8b95a3;font-size:12.5px;cursor:pointer}.dash-logout:hover{color:#fff}.dash-main{flex:1;min-width:0;display:flex;flex-direction:column}.dash-top{height:56px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:20}.dash-top-title{font-size:15.5px;font-weight:600}.dash-top-right{margin-left:auto;display:flex;align-items:center;gap:10px}.dash-burger{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;width:36px;height:36px;font-size:16px;cursor:pointer}.dash-content{flex:1;padding:24px;background:var(--bg)}.dash-mask{display:none}@media(max-width:899px){.dash-side{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 0 40px #0000004d}.dash-side.open{transform:translate(0)}.dash-mask{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121e80;z-index:25}.dash-burger{display:block}.dash-top{padding:0 14px}.dash-content{padding:14px}}@media(min-width:900px){.op-stats{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.op-board-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}}.feed-wrap{width:100%}.filter-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.chip-btn{flex:0 0 auto;padding:6px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;font-family:inherit;color:var(--ink-2);cursor:pointer;transition:all .15s}.chip-btn.active{background:var(--slate);border-color:var(--slate);color:#fff;font-weight:500}.task-card{padding:20px}.task-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.task-url{font-size:12.5px;color:var(--ink-2);word-break:break-all;background:var(--bg);border:1px solid var(--line);padding:8px 12px;border-radius:8px;margin-bottom:18px}.card-slide-enter-active,.card-slide-leave-active{transition:opacity .18s ease,transform .18s ease}.card-slide-enter-from{opacity:0;transform:translate(24px)}.card-slide-leave-to{opacity:0;transform:translate(-24px)}@media(min-width:900px){.h5-page{max-width:none}.h5-header{border-radius:0;padding:0}.h5-header-inner{max-width:1160px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.h5-header-right{margin-top:0;flex-wrap:nowrap}.stat-chip{padding:5px 12px;display:flex;align-items:baseline;gap:6px}.stat-chip b{display:inline;font-size:16px}.h5-body{max-width:1160px;margin:0 auto;padding:26px 28px 40px}.only-desktop{display:block}.op-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.op-aside{position:sticky;top:78px}.op-stats{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.op-panel,.platform-card{margin-bottom:16px}.feed-wrap{max-width:620px;margin:0 auto}.task-card{padding:26px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:14px 16px}.video-grid .video-row{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}.video-grid .video-row.done{background:#fafbfc}}