@charset "UTF-8";
:root{--blue:#7c4ce2;--muted:#8b8295;--line:#eeebf4;--ink:#292335;color:var(--ink);background:#f8f7fb;font-family:"Segoe UI Variable","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--gold:#f0b022}
body{background:#f8f7fb}button,input,select{transition:background .18s,border-color .18s,box-shadow .18s}.sidebar{width:246px;padding:30px 22px 23px;border-color:#ece9f1}.brand{gap:9px;padding:0;font-size:19px;color:#272132;letter-spacing:-.5px;white-space:nowrap;font-weight:750}.brand img{flex-shrink:0}.brand small{color:#a39aaa;font-size:10px;font-weight:400;letter-spacing:1.3px;margin-top:7px}.space-label{margin:43px 11px 16px;color:#aaa2b4;letter-spacing:.5px;font-size:10px}.space-label span{background:#f5f2fc;color:#a48ac7;font-size:9px;padding:3px 7px}.nav-item{padding:14px;border-radius:9px;color:#948a9b;gap:12px;position:relative;font-size:12px}.nav-item:hover{background:#f8f5fc;color:#725a8c}.nav-item.active{color:#7947dc;background:#f1eafb;font-weight:650}.nav-item.active::before{content:"";position:absolute;left:-22px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#8b5bea}.nav-icon{width:19px;height:20px;display:flex;align-items:center}.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-count{background:#e5d7fb;color:#8254c9;padding:1px 7px;font-size:10px}.sidebar-bottom{padding-top:50px}.sidebar-note{background:linear-gradient(130deg,#faf5ff,#fcf9f1);border:1px solid #f0e9f5;border-radius:13px;padding:19px 17px;margin-bottom:26px;position:relative;overflow:hidden}.sidebar-note::after{content:"";width:70px;height:70px;border-radius:50%;background:#f4e9c22e;position:absolute;right:-25px;bottom:5px}.note-spark{color:#e8b23c;display:block;font-size:24px;margin-bottom:12px}.sidebar-note strong{display:block;color:#675278;font-size:11px;font-weight:600}.sidebar-note p{color:#a595ac;font-size:10px;line-height:1.9;margin:9px 0 17px}.sidebar-note>div{font-size:9px;color:#9a8fa5;border-top:1px solid #ece4ed;padding-top:12px}.sidebar-note .status-dot{width:5px;height:5px;background:#a38ac8;margin-right:6px}.account{padding-top:22px;border-color:#f0ecf4;gap:11px}.avatar{background:#eee5fd;color:#8258bb;font-size:13px;width:35px;height:35px}.account strong{font-size:11px;color:#6e607d}.account small{font-size:9px;color:#b2a8ba}.main-wrap{margin-left:246px;width:calc(100% - 246px)}.topbar{height:75px;padding:0 38px;font-size:11px;color:#ada4b7;border-color:#eeebf3;background:#ffffffd9}.topbar #breadcrumb{color:#7d708d}.topbar #breadcrumb span{color:#d5cddd}.top-actions{color:#a297ae;font-size:10px;gap:7px}.live-dot{width:5px;height:5px;background:#58bfa5}.top-divider{background:#efeaf5;height:14px;margin:0 9px}.top-profile{width:30px;height:30px;background:#f1e9fc;color:#936cc5;border-radius:50%;display:grid;place-items:center;font-size:11px;margin-left:9px}.badge.neutral{background:#f6f3fb;color:#a18db6;border:1px solid #ede7f5;padding:3px 8px}.badge.blue{background:#f2ebff;color:#8c61c7}.badge.ready{background:#eaf8f1;color:#52a889}.badge.processing{background:#fff7e5;color:#b58a35}.badge.error{background:#fcf0f2;color:#ca7383}.button{border-color:#e7e1ef;border-radius:8px;color:#83738f;font-weight:500;padding:10px 17px;font-size:12px}.button:hover{background:#faf7ff;border-color:#d4c2ef}.button.primary{background:#7c4ce2;border-color:#7c4ce2;box-shadow:0 4px 12px #7c4ce222;color:white}.button.primary:hover{background:#6d3bcf;border-color:#6d3bcf;box-shadow:0 5px 15px #7c4ce235}.button.small{padding:7px 12px;font-size:10px}.text-button{color:#8b5bc7;font-size:11px}.icon-button{color:#a99bb4}.icon-button:hover{background:#f2ebfc;color:#8052c3}main{padding:31px 38px 20px;max-width:1800px}.eyebrow{font-size:10px;letter-spacing:1px;font-weight:500;color:#a896b9;margin-bottom:12px}h1{font-size:27px;line-height:1.5;letter-spacing:-.7px;font-weight:650;color:#302638}h2{color:#3b2c49}h3{color:#574563}.subtitle{color:#a296ae;font-size:11px;line-height:1.9}.page-heading{margin-bottom:25px}.app-footer{padding:21px 38px 27px;color:#b2a4c0;font-size:9px}.footer-dot{padding:0 5px;color:#d3c7df}
.library-hero{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:180px;background:linear-gradient(105deg,#f0e8ff 0%,#f4edff 46%,#faf4e5 100%);border:1px solid #ebe1f8;border-radius:15px;padding:27px 30px;margin-bottom:23px;overflow:hidden}.hero-copy{position:relative;z-index:1}.hero-kicker{font-size:10px;color:#9a77bc;letter-spacing:1px;display:flex;align-items:center;gap:7px;margin-bottom:8px}.hero-kicker span{color:#daa22b;font-size:13px}.hero-copy h1{font-size:25px;margin:0 0 8px;line-height:1.5;color:#493159}.hero-copy h1 em{font-style:normal;color:#8550c5}.hero-copy p{font-size:11px;color:#9d80ae;margin:0}.hero-actions{display:flex;gap:9px;margin-top:21px}.hero-actions .button{padding:8px 17px;font-size:11px}.hero-actions .button:not(.primary){background:#ffffff9c;border-color:#e3d7ef;color:#997eac}.hero-visual{position:absolute;right:24px;top:2px;width:300px;height:190px;pointer-events:none}.hero-circle{position:absolute;right:11px;top:-41px;width:248px;height:248px;background:#ffffff45;border:1px solid #fff8;border-radius:50%}.hero-disc{position:absolute;right:45px;top:26px;width:155px;height:155px;border:1px solid #fff8;border-radius:50%}.hero-ticket{position:absolute;width:132px;height:89px;border-radius:12px;border:1px solid #ffffffba;box-shadow:0 10px 25px #8e67a112;background:#faf6ff;right:37px;top:52px;transform:rotate(13deg)}.hero-ticket.back{background:#f0d58a;right:80px;top:25px;transform:rotate(-13deg);height:95px}.hero-ticket.front{background:linear-gradient(135deg,#a07ae7,#8b61cc);right:62px;top:53px;transform:rotate(7deg);border-color:#a68ad0}.hero-ticket.front::before,.hero-ticket.front::after{content:"";position:absolute;top:12px;bottom:12px;width:5px;background:repeating-linear-gradient(to bottom,#d4bef45e 0 5px,transparent 5px 12px);border-radius:2px}.hero-ticket.front::before{left:10px}.hero-ticket.front::after{right:10px}.hero-ticket-play{position:absolute;width:35px;height:35px;border:1px solid #e5d3fc52;background:#c8abe74a;border-radius:50%;left:47px;top:26px;display:grid;place-items:center;color:#fff;font-size:17px;padding-left:2px}.hero-float{position:absolute;right:12px;top:119px;border:1px solid #fff9;background:#fffdf8dd;border-radius:8px;padding:7px 12px;color:#ae8e52;font-size:9px;box-shadow:0 5px 12px #c7b59213}.hero-star{position:absolute;color:#ecc464;font-size:20px;right:219px;top:95px}.hero-dot{position:absolute;width:10px;height:10px;background:#c9ade9;border-radius:50%;right:30px;top:39px}
.stats-grid{gap:15px;margin-bottom:22px}.stat-card{padding:20px 22px;border-color:#ede8f3;border-radius:12px;box-shadow:0 2px 4px #33214302}.stat-label{font-size:11px;color:#9b88ac}.stat-icon{background:#f5efff;color:#a185c2;width:29px;height:29px;border-radius:8px;font-size:15px}.stat-card:nth-child(2) .stat-icon{background:#fcf4df;color:#d3aa4f}.stat-card:nth-child(3) .stat-icon{background:#eff7f6;color:#89b7ad}.stat-card:nth-child(4) .stat-icon{background:#fceff3;color:#ca9fb4}.stat-value{color:#493557;font-size:29px;letter-spacing:-.5px;margin:8px 0}.stat-note{font-size:9px;color:#ac9ab9}.stat-note .green{color:#ac91c2}.notice{margin-bottom:23px;padding:11px 15px;background:#f7f3fe;border-color:#ece2fb;border-radius:9px;font-size:10px;color:#a38bb7;gap:10px}.notice strong{color:#9a75b9;font-size:10px}.notice .notice-icon{color:#b28ace;font-size:14px}.notice .text-button{color:#a487bf;font-size:10px}.panel{border-color:#ece7f2;border-radius:12px;box-shadow:0 2px 6px #3d294b02}.panel-toolbar{padding:19px 22px;border-color:#f0ebf5;gap:15px}.panel-title h3{font-size:12px;color:#65516f}.panel-title .count{background:#f4effa;color:#aa92bd;border-radius:5px;font-size:9px}.toolbar-right{gap:9px}.search-box input{background:#fcfbfe;border-color:#ede7f4;border-radius:7px;font-size:10px;width:210px;padding:9px 11px 9px 32px;color:#7d6891}.search-box span{color:#b5a4c2;font-size:17px;top:7px}.library-sort{background:#fcfbfe;font-size:10px;padding:9px 11px!important;border-color:#ede7f4!important;color:#a28cb5!important}.view-switch{display:flex;padding:3px;border:1px solid #eee7f5;border-radius:7px;gap:2px}.view-switch button{border:0;background:none;color:#b8a7c8;border-radius:4px;width:29px;height:26px;display:grid;place-items:center;font-size:14px}.view-switch button.active{background:#efe7fc;color:#9565d3}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;padding:22px}.video-card{border:1px solid #ebe5f1;background:white;border-radius:11px;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.video-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #67407c0e;border-color:#d6c5e8}.video-cover{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#e9ddf6,#cdb5e8);overflow:hidden;display:grid;place-items:center}.video-cover.tone-1{background:linear-gradient(135deg,#f5e5bc,#e7c579)}.video-cover.tone-2{background:linear-gradient(135deg,#d9e9e4,#a5c9be)}.video-cover.tone-3{background:linear-gradient(135deg,#eddee6,#d3afc4)}.video-cover::before{content:"";width:165px;height:165px;border:1px solid #ffffff55;border-radius:50%;position:absolute;left:-28px;top:-58px}.video-cover::after{content:"";width:160px;height:160px;border-radius:30px;background:#ffffff19;position:absolute;right:-50px;bottom:-75px;transform:rotate(28deg)}.video-cover img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;z-index:1}.cover-brand{width:62px;height:62px;border-radius:17px;background:#ffffffba;box-shadow:0 5px 18px #805ca014;display:grid;place-items:center;transform:rotate(-7deg)}.cover-brand svg{width:43px;height:43px;fill:none;stroke:#a287bd;stroke-width:1.3}.tone-1 .cover-brand svg{stroke:#c7a55a}.tone-2 .cover-brand svg{stroke:#8bb0a5}.tone-3 .cover-brand svg{stroke:#b58ca5}.cover-format{position:absolute;right:11px;top:11px;z-index:2;color:#fff;background:#47334b38;backdrop-filter:blur(7px);border:1px solid #ffffff33;font-size:8px;padding:3px 7px;border-radius:5px;letter-spacing:.5px}.cover-size{position:absolute;left:11px;bottom:10px;z-index:2;background:#33233e38;color:#fff;border-radius:4px;padding:3px 7px;font-size:8px;backdrop-filter:blur(6px)}.cover-state{position:absolute;right:10px;bottom:10px;z-index:2}.cover-state .badge{font-size:8px;padding:2px 6px;border:1px solid #ffffff30;background:#fffdf9e8}.video-card-body{padding:15px 15px 13px}.video-card .video-name{max-width:none;font-size:11px;color:#65506f;font-weight:600;margin-bottom:7px;white-space:nowrap}.video-card .video-meta{font-size:9px;color:#ac98ba;margin:0;display:flex;gap:6px}.meta-dot{color:#d6c8df}.card-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:17px;padding:12px 0 13px;border-top:1px solid #f3eef7;border-bottom:1px solid #f3eef7;font-size:8px;color:#ad95bd}.card-metrics>div{display:flex;align-items:center;gap:4px}.card-metrics strong{font-weight:600;font-size:11px;color:#8b729b}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.card-footer .share-hint{font-size:9px;color:#b8a4c7}.card-footer .button{background:#f7f2ff;color:#9b74bf;border-color:#eee4fc;box-shadow:none;font-size:9px;padding:5px 9px;line-height:18px}.card-footer .button:hover{background:#eee3fe}.card-footer .icon-button{font-size:19px;width:22px;height:24px;color:#bfaace}.card-actions{display:flex;gap:5px;align-items:center}.panel-foot{padding:13px 22px;border-color:#f1ebf7;color:#ad96bb;font-size:9px}.help-strip{font-size:9px;color:#ad97bc;margin-top:19px;gap:22px}.help-strip span::before{color:#bca3d5}.empty-state{padding:50px 25px 55px}.empty-icon{width:77px;height:77px;background:#faf6ff;border:1px solid #efe6fb;box-shadow:0 4px 15px #7545a805;border-radius:22px;color:#c7afe1;font-size:31px}.empty-state h3{font-size:14px;color:#8b719d}.empty-state p{color:#ab92bd;font-size:11px}.video-thumb{background:linear-gradient(135deg,#eee4fb,#e0cdee);color:#ae8bc9}.video-name{color:#745a82}.video-meta{color:#b6a7c2}th{background:#fdfbff;color:#b3a2c0;border-color:#f2ebf7}td{color:#a58eb5;border-color:#f5effa}tbody tr:hover{background:#fdfbff}.metric-strong{color:#8f71a1}
input:not([type=checkbox]),select{border-color:#e8e0ef;color:#715981;border-radius:8px}input::placeholder{color:#bcaac9}input:focus,select:focus{outline:2px solid #f3ebff;border-color:#c8aeea}label{color:#90729f;font-size:11px}.checkbox-label input{accent-color:#8a56d8}.form-hint{color:#ac8fbc;font-size:10px}.form-actions{gap:9px}.drop-zone{background:linear-gradient(135deg,#fbf8ff,#fdfaf3);border-color:#d4bcea;border-radius:13px;padding:32px 20px}.drop-zone.dragover{background:#eee3ff;border-color:#a06be0}.drop-zone strong{color:#9878b0;font-weight:500}.drop-zone small{color:#b399c4;font-size:10px}.upload-symbol{color:#c4a5df}.upload-file{background:#faf7fe;border-color:#ece3f5;color:#9676ac}.progress-track{background:#f0e6fc}.progress-info{color:#ae8ec6;font-size:10px}.inline-alert{background:#fffcf1;border-color:#f1e7cd;color:#a18a52;font-size:10px}.detail-row{color:#a48ab5;font-size:11px}.detail-row span:last-child{color:#89649e}.setting-card h3{font-size:13px;color:#8e6ea2}.explain,.metric-definitions{color:#9b7eac;font-size:11px}.chart-bar{background:linear-gradient(#b388e7,#eadcf8)}.chart-heading h3{color:#8c6aa0}.chart-legend{color:#ac8ebc}.chart-legend span{background:#c1a0e9}.chart-value,.chart-day{color:#a68ab7}.toast{background:#4e315f;border:1px solid #76518a;box-shadow:0 8px 30px #50306b18;font-size:11px}dialog{border:1px solid #eae0f3;border-radius:17px;box-shadow:0 30px 100px #38204524}dialog::backdrop{background:#30203f55;backdrop-filter:blur(4px)}.modal-head{border-color:#efe8f5;padding:24px 28px;background:linear-gradient(100deg,#fcf9ff,#fffdfa)}.modal-head .eyebrow{color:#b495ca;letter-spacing:.5px}.modal-head h2{font-size:18px;color:#725182}.link-card{border-color:#e9dff2;border-radius:11px;background:linear-gradient(120deg,#fff,#fefcff);padding:18px}.link-name{color:#8d67a4;font-size:12px}.link-url input{background:#fcf9ff;font-size:10px;color:#a182b5}.link-metrics{font-size:9px;color:#aa8dbd;margin:17px 0}.link-metrics strong{font-size:18px;color:#9d7cb1;margin-bottom:7px}.link-controls{border-color:#f0e7f7;color:#a384b5;font-size:9px}.link-buttons a,.link-buttons .text-button{color:#a87ebf;font-size:10px}.separator{background:#efe7f6}.link-url .button{font-size:10px}.links-empty{color:#ab8fbd;font-size:11px}.resume-item{border-color:#ece2f3;color:#a17fb5;font-size:11px}.resume-item small{color:#bea8cc}
.login-screen{display:flex;justify-content:center;align-items:center;gap:115px;background:linear-gradient(115deg,#f3ecfb,#fcf9f4);padding:50px}.login-art{position:relative;width:360px;padding:50px 15px;color:#725183}.login-art>img{position:relative;z-index:1;transform:rotate(-7deg);box-shadow:0 15px 50px #8b5bb71a;border-radius:38px}.login-art h2{font-size:36px;line-height:1.6;letter-spacing:1px;margin:26px 0 12px;font-weight:600}.login-art p{color:#a586b6;font-size:13px}.login-art-note{display:block;color:#ad8ebd;font-size:10px;margin-top:45px;letter-spacing:1px}.login-orbit{position:absolute;width:280px;height:280px;top:5px;left:-50px;border:1px solid #e5d7ef;border-radius:50%}.orbit-two{width:230px;height:230px;top:37px;left:50px;border-color:#edddb4}.login-card{padding:38px 40px;width:420px;border-color:#ece2f3;box-shadow:0 20px 70px #6e44890b;border-radius:19px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:38px;color:#78558e;font-size:17px}.login-card .eyebrow{color:#a587b7;font-size:10px;letter-spacing:.7px}.login-card h1{font-size:23px;color:#70507f;letter-spacing:0}.login-card>p{color:#a287b1;font-size:11px;margin-top:8px}.login-card form{gap:18px}.login-card .button{padding:11px 16px}.login-card>small{color:#ac95b9;font-size:9px}.login-card .text-button{font-size:10px}.login-card form label{font-size:10px}.login-card input{font-size:11px}
@media(min-width:1600px){.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-copy h1{font-size:29px}.library-hero{min-height:190px}}
@media(max-width:1250px){.sidebar{width:222px;padding:28px 17px}.brand{font-size:17px;gap:7px}.brand img{width:40px;height:40px}.brand small{font-size:9px}.main-wrap{margin-left:222px;width:calc(100% - 222px)}.nav-item.active::before{left:-17px}main{padding:27px 27px 19px}.topbar{padding:0 27px}.hero-copy h1{font-size:22px}.hero-visual{right:-3px;opacity:.85;transform:scale(.92);transform-origin:right center}.hero-copy{max-width:65%}.library-grid{gap:14px;padding:19px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:17px}.search-box input{width:180px}.sidebar-note{padding:17px 13px}.toolbar-right{gap:7px}}
@media(max-width:1050px){.library-sort{display:none}.hero-visual{right:-38px;opacity:.65}.hero-copy{max-width:72%}.hero-copy h1{font-size:21px}.stats-grid{gap:11px}.stat-card{padding:14px}.stat-note{font-size:8px}.hero-copy p{font-size:10px}}
@media(max-width:800px){.sidebar{width:76px;padding:24px 12px}.brand>div,.space-label,.nav-count,.sidebar-bottom{display:none}.brand{justify-content:center;padding:0}.brand img{width:43px;height:43px}.nav-item{font-size:0;padding:14px;gap:0}.nav-icon{width:22px;height:22px}.nav-icon svg{width:22px;height:22px}.nav-item.active::before{left:-12px}.main-wrap{margin-left:76px;width:calc(100% - 76px)}main{padding:22px 17px 15px}.topbar{padding:0 18px;height:64px}.top-actions>.live-dot,.top-actions>.live-dot+span{display:none}.library-hero{padding:24px 21px;min-height:184px}.hero-copy{max-width:100%}.hero-copy h1{font-size:21px}.hero-visual{display:none}.hero-copy p{font-size:10px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:12px}.toolbar-right .search-box input{width:145px}.toolbar-right .button{display:none}.view-switch button{width:24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:17px}.stat-note{font-size:9px}.top-profile{margin-left:0;width:27px;height:27px}.app-footer{padding:20px 18px}.login-screen{gap:0;padding:25px}.login-art{display:none}.login-card{padding:30px;width:420px;max-width:100%}.panel-toolbar{padding:15px}.link-controls{gap:10px}.hero-kicker{font-size:9px}}
@media(max-width:560px){.library-grid{grid-template-columns:1fr}.view-switch{display:none}.search-box input{width:135px!important}.hero-copy h1{font-size:18px}.hero-actions .button{padding:7px 12px;font-size:10px}.help-strip{gap:7px}.notice .text-button{display:none}.notice{font-size:9px}.top-profile{display:none}.topbar{font-size:9px}.top-actions .badge{font-size:8px}.panel-foot span:last-child{display:none}}
.library-hero{min-height:153px;padding:21px 28px}.hero-kicker{margin-bottom:5px}.hero-copy h1{font-size:23px;line-height:1.45;margin-bottom:5px}.hero-copy p{line-height:1.7}.hero-actions{margin-top:14px}.hero-actions .button{padding:6px 16px}.hero-visual{top:-14px;transform:scale(.86);transform-origin:right center}.stat-card{padding:15px 20px}.stat-value{font-size:27px;line-height:1.2;margin:8px 0}.stat-icon{width:26px;height:26px}.stat-note{color:#9d89ac}.video-card .video-name{font-size:12px;color:#624771}.video-card .video-meta{font-size:10px;color:#9a7fac}.card-metrics{font-size:9px;color:#9c7faf}.card-footer .share-hint{color:#a88ab8}.card-footer .button{font-size:10px}.library-sort{color:#9575aa!important}.search-box input{font-size:11px}.notice{color:#9470ac}.notice strong{color:#8556a5}.subtitle{color:#9478a5}