:root{--bg-0:#070a10;--bg-1:#0b1220;--surface:hsla(0,0%,100%,.06);--surface-strong:hsla(0,0%,100%,.1);--stroke:hsla(0,0%,100%,.1);--stroke-strong:hsla(0,0%,100%,.18);--text-0:hsla(0,0%,100%,.92);--text-1:hsla(0,0%,100%,.7);--text-2:hsla(0,0%,100%,.48);--primary:#22d3ee;--primary-2:#38bdf8;--danger:#fb7185;--success:#34d399;--warning:#fbbf24;--radius-card:16px;--radius-button:12px;--shadow-soft:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Sora,Space Grotesk,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:var(--text-0);background:radial-gradient(900px 600px at 15% 0,rgba(34,211,238,.18),transparent 55%),radial-gradient(800px 500px at 90% 100%,rgba(139,92,246,.14),transparent 45%),linear-gradient(180deg,var(--bg-0),var(--bg-1));line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0ibiIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNzUiIG51bU9jdGF2ZXM9IjEiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbHRlcj0idXJsKCNuKSIgZmlsbD0icmdiYSgwLDAsMCwwLjA4KSIvPjwvc3ZnPg==");opacity:.12;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:24px 20px 64px}.glass{background:var(--surface);border:1px solid var(--stroke);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:20px}.card-strong{background:var(--surface-strong);border:1px solid var(--stroke-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:var(--radius-button);border:1px solid transparent;background:var(--surface);color:var(--text-0);font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px);border-color:var(--stroke-strong);box-shadow:0 8px 20px rgba(0,0,0,.3)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(56,189,248,.35));border-color:rgba(34,211,238,.5);color:var(--text-0)}.btn-secondary{background:hsla(0,0%,100%,.08);border-color:var(--stroke);color:var(--text-0)}.btn-danger{background:rgba(251,113,133,.2);border-color:rgba(251,113,133,.6);color:#ffd5dc}.btn-ghost{background:transparent;border-color:var(--stroke);color:var(--text-1)}.btn-icon{width:40px;height:40px;padding:0}.badge,.btn-icon{border-radius:999px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(34,211,238,.2);border:1px solid rgba(34,211,238,.4);color:#b6f7ff;font-size:12px;font-weight:600}.badge-success{background:rgba(52,211,153,.2);border-color:rgba(52,211,153,.5);color:#b7f8dd}.badge-warning{background:rgba(251,191,36,.2);border-color:rgba(251,191,36,.5);color:#ffe7a8}.badge-danger{background:rgba(251,113,133,.2);border-color:rgba(251,113,133,.5);color:#ffd5dc}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.header-inner{max-width:1280px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header.scrolled{background:rgba(7,10,16,.75);border-bottom:1px solid hsla(0,0%,100%,.14);box-shadow:0 10px 30px rgba(0,0,0,.35)}.cta-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.cta-card{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.cta-card:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.5);box-shadow:0 12px 28px rgba(0,0,0,.45)}.cta-card .cta-arrow{position:absolute;right:16px;bottom:16px;opacity:.6}.tabs{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:hsla(0,0%,100%,.04);border:1px solid var(--stroke);margin-bottom:20px}.tab-button{border:none;background:transparent;color:var(--text-2);font-weight:600;padding:10px 16px;border-radius:999px;cursor:pointer;transition:color .2s ease,background .2s ease}.tab-button[data-active=true]{background:rgba(34,211,238,.18);color:var(--text-0)}.video-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.video-card{display:flex;flex-direction:column;gap:14px}.video-thumb{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.16));border:1px solid hsla(0,0%,100%,.08)}.video-thumb img,.video-thumb video{width:100%;height:100%;object-fit:cover;display:block}.video-tag{position:absolute;top:12px;left:12px}.video-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.video-title{font-size:15px;font-weight:600;color:var(--text-0)}.video-sub{font-size:12px;color:var(--text-2)}.video-actions{display:flex;align-items:center;gap:8px}.recorder-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.recorder-preview{position:relative;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--stroke)}.recorder-status{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:999px;background:rgba(7,10,16,.6);border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-indicators{display:flex;align-items:center;gap:10px;color:var(--text-1);font-size:12px}.panel{display:flex;flex-direction:column;gap:16px}input,select,textarea{width:100%;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--stroke);background:hsla(0,0%,100%,.04);color:var(--text-0);font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(34,211,238,.6);box-shadow:0 0 0 2px rgba(34,211,238,.15)}.video-item{will-change:transform,box-shadow}.video-item:hover{border-color:rgba(34,211,238,.4)!important;box-shadow:0 12px 28px rgba(0,0,0,.4)!important;transform:translateY(-1px)}@media (max-width:1100px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.cta-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recorder-layout{grid-template-columns:1fr}}@media (max-width:640px){.container{padding:16px 14px 48px}.cta-grid,.video-grid{grid-template-columns:1fr}.header-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.btn{height:48px;width:100%}.header-inner .btn{width:auto;height:36px;padding:0 14px}.header-inner .badge{padding:2px 8px;font-size:11px}.tabs{width:100%;justify-content:space-between}}