:root{--ink:#171827;--muted:#777b91;--line:#e8e9f1;--paper:#fff;--bg:#f7f7fb;--purple:#754ae8;--purple2:#a56bf4;--cyan:#46c7d0;--dark:#0d0f1a;--shadow:0 18px 55px rgba(28,24,58,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;background:var(--bg)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.site-header{height:72px;position:sticky;top:0;z-index:50;background:rgba(13,15,26,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{width:min(1320px,calc(100% - 48px));height:100%;margin:auto;display:grid;grid-template-columns:260px 1fr 260px;align-items:center}.site-brand{display:flex;align-items:center;justify-self:start;color:#fff;gap:10px}.site-brand img{width:44px;height:44px;object-fit:cover;object-position:50% 17%;border-radius:12px}.site-brand span{width:104px;text-align:justify;text-align-last:justify;line-height:1}.site-brand b{display:block;font-size:17px;letter-spacing:.12em}.site-brand small{display:block;margin-top:7px;font-size:7px;color:#a9a9bc;letter-spacing:.18em}.sub-nav{justify-self:center;display:flex;gap:38px;color:#c9cad5}.sub-nav a{padding:24px 2px 22px;border-bottom:2px solid transparent}.sub-nav a:hover,.sub-nav a.active{color:white;border-color:var(--cyan)}.account-area{justify-self:end;display:flex;align-items:center;gap:10px}.login-pill,.user-pill{border:1px solid rgba(255,255,255,.14);color:#fff;background:rgba(255,255,255,.07);border-radius:999px;padding:9px 17px;transition:.2s}.login-pill:hover,.user-pill:hover{background:linear-gradient(135deg,var(--purple),var(--purple2));border-color:transparent;transform:translateY(-1px)}.user-pill{display:flex;align-items:center;gap:8px}.user-pill img,.avatar-fallback{width:25px;height:25px;border-radius:50%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--cyan));color:white;font-weight:800}
#view{min-height:calc(100vh - 72px)}.page-shell{width:min(1220px,calc(100% - 40px));margin:auto;padding:44px 0 80px}.page-kicker{font-size:11px;letter-spacing:.22em;color:var(--purple);font-weight:800}.page-title{margin:8px 0;font-size:34px}.page-subtitle{margin:0 0 28px;color:var(--muted)}
.home{min-height:calc(100vh - 72px);overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(117,74,232,.14),transparent 30%),linear-gradient(#fbfbfe,#f5f5fa)}.home-hero{position:relative;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 20px 38px;text-align:center}.home-hero:before,.home-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(90px);opacity:.18;animation:floatAura 8s ease-in-out infinite}.home-hero:before{background:#8d5cf1;left:-100px;top:40px}.home-hero:after{background:#46c7d0;right:-100px;bottom:-30px;animation-delay:-3s}.hero-brand{position:relative;z-index:1;width:260px;max-height:270px;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(81,43,160,.18));animation:brandIn .9s ease both}.global-search{position:relative;z-index:2;width:min(720px,100%);margin:28px auto 0}.global-search input{width:100%;height:60px;padding:0 66px 0 25px;border:1px solid rgba(117,74,232,.18);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 16px 55px rgba(50,33,92,.12);outline:0;font-size:16px}.global-search input:focus{border-color:var(--purple);box-shadow:0 18px 60px rgba(117,74,232,.18),0 0 0 4px rgba(117,74,232,.08)}.global-search button{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;border-radius:13px;color:white;background:linear-gradient(135deg,var(--purple),var(--purple2));font-size:20px}.float-petal{position:absolute;width:12px;height:20px;border-radius:90% 10% 90% 10%;background:linear-gradient(#ef83d5,#9257ef);opacity:.42;animation:petalFall 8s linear infinite}.p1{left:12%;top:-30px}.p2{left:75%;top:-80px;animation-delay:-3s}.p3{left:88%;top:-50px;animation-delay:-6s}.p4{left:30%;top:-120px;animation-delay:-1s}
.stats-row{position:relative;z-index:3;width:min(900px,calc(100% - 40px));margin:-18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{padding:17px 20px;text-align:center;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(28,24,58,.06)}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card b{display:block;margin-top:4px;font-size:25px}.stat-card.bump b{animation:numberDrop .55s cubic-bezier(.2,.9,.3,1.3)}.feature-zone{width:min(980px,calc(100% - 40px));margin:38px auto 80px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{position:relative;min-height:166px;padding:26px;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.3s;box-shadow:0 10px 30px rgba(28,24,58,.04)}.feature-card:after{content:"→";position:absolute;right:24px;bottom:20px;font-size:24px;color:var(--purple);transform:translateX(-8px);opacity:0;transition:.3s}.feature-card:hover{transform:translateY(-7px);border-color:rgba(117,74,232,.35);box-shadow:var(--shadow)}.feature-card:hover:after{transform:none;opacity:1}.feature-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#f0eaff,#e8fbfc);font-size:21px}.feature-card h3{margin:20px 0 7px}.feature-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.toolbar{display:flex;gap:12px;margin:24px 0 18px}.toolbar input,.toolbar select,.field input,.field select,.field textarea,.time-field input{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px;outline:0}.toolbar input:focus,.field input:focus,.field textarea:focus,.time-field input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(117,74,232,.08)}.toolbar .grow{flex:1}.filter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.filter-row select{width:100%;padding:11px;border:1px solid var(--line);border-radius:11px;background:white}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.profile-card{position:relative;min-height:142px;display:flex;align-items:center;gap:16px;padding:20px;background:white;border:1px solid var(--line);border-radius:17px;transition:.25s}.profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d8ccfa}.profile-avatar{width:76px;height:76px;border-radius:17px;object-fit:cover;background:#eee}.profile-copy{min-width:0}.profile-copy h3{margin:0 0 7px;display:flex;align-items:center;gap:8px;font-size:18px}.club-logo{width:22px;height:22px;object-fit:contain}.profile-copy p{margin:4px 0;color:var(--muted);font-size:12px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chip,.pro-badge{padding:4px 8px;border-radius:999px;background:#f1ecff;color:#6b42d8;font-size:10px}.pro-badge{position:absolute;right:14px;top:14px;color:white;background:linear-gradient(135deg,#7248e6,#ae6df5);font-weight:800;letter-spacing:.1em}
.panel{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px rgba(28,24,58,.04)}.profile-head{display:grid;grid-template-columns:150px 1fr auto;gap:25px;align-items:center;padding:28px}.profile-head .profile-avatar{width:140px;height:140px;border-radius:24px}.profile-head h1{margin:0 0 8px}.detail-actions{align-self:start}.section{margin-top:18px;padding:25px}.section h2{margin:0 0 20px}.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.datum{min-height:74px;padding:14px;background:#fff}.datum span{display:block;color:var(--muted);font-size:11px}.datum b{display:block;margin-top:7px;font-size:14px}.gear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gear-item{padding:15px;background:#f7f7fa;border-radius:12px}.comment{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}
.live-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.live-list,.vod-list{display:grid;gap:10px}.live-row,.vod-row{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:15px;background:white;border:1px solid var(--line);border-radius:15px}.vod-row{grid-template-columns:minmax(0,1fr) auto}.live-row img{width:50px;height:50px;border-radius:13px;object-fit:cover}.live-row h4,.vod-row h4{margin:0 0 5px}.live-row p,.vod-row p{margin:0;color:var(--muted);font-size:12px}.button,.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:10px 15px;font-weight:700}.primary-button{color:white;background:linear-gradient(135deg,var(--purple),var(--purple2));box-shadow:0 8px 18px rgba(117,74,232,.22)}.ghost-button,.button{color:var(--ink);background:#f2f2f7;border:1px solid var(--line)}.danger{color:#d44;background:#fff0f0}
.review-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 330px;gap:16px;align-items:start}.review-side,.marker-panel{padding:16px;position:sticky;top:90px}.review-side h3,.marker-panel h3{margin:0 0 15px}.side-vod{display:block;padding:11px;border-radius:11px;margin-bottom:6px}.side-vod small{display:block;margin-top:5px;color:var(--muted)}.side-vod:hover,.side-vod.active{background:#f0ebff;color:#6740d5}.video-card{overflow:hidden}.player-stage{aspect-ratio:16/9;background:#080910;display:grid;place-items:center}.player-stage iframe,.player-stage video{width:100%;height:100%;border:0}.vod-info{padding:20px}.vod-info h2{margin:0 0 8px}.vod-info p{color:var(--muted)}.external-vod{margin-top:10px}.marker-form{display:grid;gap:14px;min-width:0}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.time-field{min-width:0}.time-field label,.field label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px}.time-field input{min-width:0}.capture-time{width:100%;margin-top:6px;padding:7px;border:0;border-radius:8px;color:#6542cc;background:#f1ecff}.rating-line label{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.rating-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.rating-buttons button{padding:9px 0;border:1px solid var(--line);border-radius:9px;background:white}.rating-buttons button.active{color:white;background:var(--purple);border-color:var(--purple)}.tag-options{display:flex;gap:7px;flex-wrap:wrap}.tag-options label{padding:7px 9px;border:1px solid var(--line);border-radius:9px;font-size:11px}.marker-form textarea{width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:12px}.marker-list{display:grid;gap:10px;margin-top:18px}.marker-row{display:grid;grid-template-columns:100px 42px 1fr auto;gap:12px;align-items:center;padding:14px;background:white;border:1px solid var(--line);border-radius:13px}.time-link{border:0;background:#eee8ff;color:#6541d0;padding:8px;border-radius:9px;font-weight:700}
.center-layout{display:grid;grid-template-columns:220px 1fr;gap:18px}.center-menu{padding:12px;height:max-content;position:sticky;top:90px}.center-menu button{width:100%;padding:12px;border:0;border-radius:10px;background:transparent;text-align:left;margin:3px 0}.center-menu button.active,.center-menu button:hover{color:#6841d2;background:#f0ebff}.center-content{padding:28px}.identity-card{display:flex;gap:20px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.large-avatar{width:92px;height:92px;border-radius:24px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--cyan));color:white;font-size:28px;font-weight:800}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-box{padding:20px;border:1px solid var(--line);border-radius:15px}.admin-box h3{margin-top:0}.field{display:grid;gap:5px;margin:12px 0}.field textarea{min-height:90px;resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline-form{display:flex;gap:8px}.inline-form input{flex:1}.manage-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.field input[type=file]{padding:8px}.field input[type=file]::file-selector-button{margin-right:12px;padding:8px 12px;border:0;border-radius:8px;color:#6841d2;background:#eee8ff;font-weight:700;cursor:pointer}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(8,8,18,.62);backdrop-filter:blur(9px)}.modal{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:24px;background:white;box-shadow:0 30px 100px rgba(0,0,0,.28)}.modal-close{position:absolute;z-index:2;right:15px;top:15px;width:34px;height:34px;border:0;border-radius:50%;font-size:22px;background:#f1f1f5}.auth-modal{display:grid;grid-template-columns:150px 1fr;min-height:470px}.auth-art{position:relative;overflow:hidden;padding:28px 20px;color:white;background:linear-gradient(155deg,#171225,#4d2695 65%,#8f58ee)}.auth-art:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;bottom:-45px;background:rgba(255,255,255,.12)}.auth-art img{width:90px;height:90px;object-fit:cover;object-position:50% 15%;border-radius:22px}.auth-art h3{margin-top:130px}.auth-art p{font-size:12px;line-height:1.7;color:#d8c9f6}.auth-main{padding:40px 34px}.auth-tabs{display:flex;gap:22px;margin-bottom:26px}.auth-tabs button{padding:7px 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-weight:700}.auth-tabs button.active{color:var(--ink);border-color:var(--purple)}.auth-main h2{margin:0 0 6px}.auth-main>p{color:var(--muted);font-size:13px;margin:0 0 22px}.auth-main .primary-button{width:100%;margin-top:10px}.toast-zone{position:fixed;right:20px;bottom:20px;z-index:150;display:grid;gap:8px}.toast{padding:12px 16px;border-radius:11px;color:white;background:#222434;box-shadow:var(--shadow);animation:toastIn .25s ease}.empty{padding:55px;text-align:center;color:var(--muted);border:1px dashed #d8d9e3;border-radius:17px}.search-results{width:min(820px,calc(100% - 40px));margin:-20px auto 60px}.search-group{margin-top:18px}.search-result{display:flex;justify-content:space-between;padding:14px 16px;margin:7px 0;border:1px solid var(--line);border-radius:12px;background:white}
@keyframes brandIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes floatAura{50%{transform:translateY(25px) scale(1.08)}}@keyframes petalFall{0%{transform:translateY(-30px) rotate(0)}100%{transform:translateY(620px) rotate(420deg)}}@keyframes numberDrop{0%{opacity:0;transform:translateY(-24px) scale(1.2)}70%{transform:translateY(4px)}100%{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}}
@media(max-width:980px){.header-inner{grid-template-columns:200px 1fr 180px}.sub-nav{gap:18px}.profile-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.review-side,.marker-panel{position:static}.review-side{order:2}.marker-panel{order:1}.live-layout,.admin-grid{grid-template-columns:1fr}.data-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{height:64px}.header-inner{width:calc(100% - 24px);grid-template-columns:1fr auto}.site-brand span{display:none}.sub-nav{display:none}.home-hero{min-height:430px}.hero-brand{width:205px}.stats-row{grid-template-columns:repeat(2,1fr)}.feature-grid,.profile-grid{grid-template-columns:1fr}.filter-row{grid-template-columns:1fr 1fr}.page-shell{width:calc(100% - 24px);padding-top:28px}.profile-head{grid-template-columns:90px 1fr}.profile-head .profile-avatar{width:90px;height:90px}.detail-actions{grid-column:1/-1}.center-layout{grid-template-columns:1fr}.center-menu{position:static;display:flex;overflow:auto}.center-menu button{width:auto;white-space:nowrap}.auth-modal{grid-template-columns:1fr}.auth-art{display:none}.modal{border-radius:18px}.marker-row{grid-template-columns:90px 38px 1fr}.marker-row .ghost-button{grid-column:1/-1}.field-pair{grid-template-columns:1fr}}