@charset "UTF-8";:root{--bg:#f6f4f8;--ink:#302b3c;--muted:#9991a4;--line:#e7e2ed;--accent:#8a6aa2;--rose:#bc7d96;--font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit}a{text-decoration:none;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b084bb;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}button{border:0}::selection{background:#e5cfe5}.eyebrow{font-size:8px;letter-spacing:2.5px;color:#b2a1bc}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr;background:radial-gradient(ellipse at 0 70%,#644e7d40,transparent 60%),radial-gradient(ellipse at 100% 10%,#a264852b,transparent 50%),#191525;color:#f4ebf2;padding:100px 9%;gap:10%;align-items:center;position:relative;overflow:hidden}.back-home{position:absolute;top:36px;left:5%;font-size:10px;color:#b49bc5;letter-spacing:1px}.login-story{position:relative;z-index:1}.login-story h1{font-size:clamp(35px,4vw,57px);font-weight:400;line-height:1.7;letter-spacing:3px;margin:25px 0}.login-story h1 em{color:#deb3cc;font-style:normal}.login-story>p{font-size:11px;color:#a995b9;line-height:2.5;letter-spacing:1px}.login-signature{font-family:Georgia,serif;font-size:30px;margin-top:45px;color:#e1c5db}.login-signature>span{color:#ce9cbe;font-size:23px;padding:0 7px}.login-signature small{font:6px var(--font);letter-spacing:2px;color:#a58bb3;display:block;margin-top:12px}.login-orbits{position:absolute;left:-10%;top:20%;width:70%;height:63%;border:1px solid #c69bb51c;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.login-orbits:after{content:"";position:absolute;inset:-15% 10%;border:1px solid #b091c418;border-radius:50%;transform:rotate(45deg)}.login-orbits>span{position:absolute;right:15%;top:10%;font-size:25px;color:#b697c1}.login-orbits>i{position:absolute;bottom:0;left:25%;color:#d3a1bd;font-size:35px;font-style:normal}.login-form{max-width:400px;width:100%;padding:35px;border:1px solid #c2a3ce29;border-radius:17px;background:#ffffff05;backdrop-filter:blur(15px);z-index:1}.login-form h2{font-size:27px;font-weight:400;letter-spacing:3px;margin:15px 0}.login-form>p:not(.login-config){font-size:10px;color:#a58cb6;line-height:1.8;margin-bottom:29px}.login-form label{font-size:11px;display:block;color:#c6b3d1;margin:20px 0 9px}.login-form input{width:100%;background:#0f0c18a3;border:1px solid #b499c330;color:#f5e7f2;border-radius:7px;font-size:12px;padding:13px 14px}.login-form input::placeholder{color:#6f607c}.password-input{position:relative}.password-input input{padding-right:54px}.password-input button{position:absolute;right:12px;top:14px;background:none;color:#ae92be;font-size:9px;padding:0}.login-error{font-size:10px;color:#ec9db7;min-height:18px;margin-top:14px;line-height:1.6}.btn{padding:11px 17px;border-radius:7px;border:1px solid var(--line);background:white;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:15px;transition:background .2s,transform .2s}.btn:hover{background:#f7f2f9;transform:translateY(-1px)}.btn-primary{background:#86649d;border-color:#86649d;color:white}.btn-primary:hover{background:#77568d}.login-submit{background:linear-gradient(110deg,#c5a2cf,#e5b0c6);color:#39273e;border:0;width:100%;margin-top:8px;justify-content:space-between;padding:14px}.login-submit:hover{background:#d9b6d8}.login-foot{display:block;text-align:center;color:#8c739a;font-size:8px;margin-top:25px;letter-spacing:1px}.login-config{color:#d5a8c1;font-size:10px;line-height:1.9;padding:15px;background:#a1799512;border-radius:7px}.admin-shell{display:flex;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#201a2c;color:#b5a4c2;padding:35px 23px 22px;display:flex;flex-direction:column;z-index:30}.admin-brand{display:flex;align-items:center;gap:13px;margin-bottom:50px}.admin-brand>span{font-family:Georgia,serif;font-size:22px;white-space:nowrap;color:#f0d9eb}.admin-brand i{font-size:17px;font-style:normal;color:#ca9cbb}.admin-brand strong{font-size:13px;font-weight:400;letter-spacing:1px;color:#e8d5e5}.admin-brand small{font-size:4.5px;letter-spacing:1.2px;display:block;margin-top:5px;color:#8e759c}.nav-label{font-size:8px;letter-spacing:2px;margin:0 14px 18px;color:#7e648e}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav>button{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:1px;padding:14px 15px;border-radius:8px;background:transparent;color:#a891ba;text-align:left;transition:background .25s}.sidebar nav>button.active{background:linear-gradient(100deg,#9472a436,#d39cbb14);color:#f3dbed}.sidebar nav>button:hover{background:#b68ac212}.sidebar nav i{font-size:17px;font-style:normal;display:block;width:20px;text-align:center}.sidebar nav>button>span{margin-left:auto;font-size:7px;letter-spacing:1px;color:#765e85}.sidebar nav b{font-weight:400;margin-left:auto;font-size:8px;border-radius:20px;background:#cb9ab32b;color:#e2b9d1;padding:3px 6px}.sidebar-note{margin-top:auto;padding:45px 10px 30px}.sidebar-note>span{font-size:30px;color:#d4a9c5}.sidebar-note p{font-size:9px;line-height:2.1;color:#876d98;letter-spacing:1px}.sidebar-home{font-size:10px;border-top:1px solid #ffffff0f;padding:20px 10px;color:#c1a6d0}.logout-button{margin-top:8px;text-align:left;background:none;font-size:10px;color:#82658e;padding:10px}.admin-main{margin-left:235px;width:calc(100% - 235px)}.admin-topbar{height:85px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fdfbfe}.admin-topbar>span{font-size:10px;color:#a095ad}.admin-topbar>div{display:flex;align-items:center;gap:11px;font-size:10px;color:#796a88}.admin-avatar{width:31px;height:31px;background:#eadde9;color:#a4789d;border-radius:50%;display:grid;place-items:center;font-size:17px}.status-dot{width:5px;height:5px;border-radius:50%;background:#80aa96}.mobile-nav{display:none}.admin-content{padding:35px 40px 60px;max-width:1500px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading .eyebrow{font-size:7px;color:#ab92b6}.page-heading h1{font-size:26px;font-weight:500;letter-spacing:1px;margin:12px 0 10px}.page-heading p{font-size:11px;color:#a196ab;line-height:1.9;margin:0}.heading-actions{display:flex;gap:10px;flex-shrink:0}.welcome-banner{border:1px solid #e4d7e9;border-radius:13px;padding:28px 30px;background:linear-gradient(105deg,#eee4f0,#f3e5ec);display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;overflow:hidden;position:relative}.welcome-banner h2{font-size:21px;letter-spacing:1px;font-weight:400;margin:0 0 12px;color:#6b4d7b}.welcome-banner p{font-size:10px;color:#aa8fae;line-height:2;margin:0}.welcome-banner>span{font-family:Georgia,serif;font-size:68px;color:#c5a0c8;letter-spacing:-4px;padding-right:10px}.welcome-banner>span>small{font-family:var(--font);font-size:10px;letter-spacing:1px;margin-left:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat-card{border:1px solid var(--line);background:white;border-radius:10px;padding:21px}.stat-card>span{font-size:10px;color:#9b8ea7}.stat-card>strong{display:block;font-family:Georgia,serif;font-size:36px;font-weight:400;color:#70517f;margin:15px 0 9px;line-height:1}.stat-card>small{font-size:8px;color:#b3a6bd}.stat-card:nth-child(2)>strong{color:#b37a94}.overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:23px}.panel{background:white;border:1px solid var(--line);border-radius:11px;padding:25px;margin-bottom:23px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-heading h2{font-size:13px;letter-spacing:1px;font-weight:500;margin:0}.panel-heading>span,.panel-heading>a{font-size:8px;color:#ae9bb8}.chart{height:200px;display:flex;align-items:flex-end;gap:9px;padding:8px 0 27px;border-bottom:1px solid var(--line)}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0;position:relative}.chart-col>span{font-size:8px;color:#a68aaf}.chart-col>div{width:100%;max-width:27px;background:linear-gradient(#c8a5cc,#e9d8e9);border-radius:4px 4px 0 0;min-height:3px}.chart-col>small{position:absolute;bottom:-23px;font-size:6px;color:#b09eb9;white-space:nowrap}.chart-caption{font-size:8px;color:#b4a5bd;margin:16px 0 0;line-height:1.8}.activity-list{list-style:none;padding:0;margin:0}.activity-list li{display:flex;gap:12px;align-items:start;font-size:10px;color:#917d9f;border-bottom:1px solid #f0eaf3;padding:12px 0;line-height:1.8}.activity-list li:before{content:"";width:5px;height:5px;background:#c4a3cd;border-radius:50%;flex-shrink:0;margin-top:7px}.activity-list small{display:block;font-size:7px;color:#bcaec3}.activity-list strong{font-weight:400;color:#7b5f8b}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-actions button{border:1px solid var(--line);background:#fcfafd;border-radius:8px;padding:16px;font-size:10px;color:#94779f}.quick-actions button span{display:block;font-size:22px;color:#b694bf;margin-bottom:10px}.empty{padding:42px 20px;text-align:center;border:1px dashed #dbcce2;border-radius:10px;color:#ab96b5;font-size:11px;line-height:2;background:#fdfafe}.empty>span{display:block;font-size:35px;margin-bottom:10px}.admin-date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-date{background:white;border:1px solid var(--line);border-radius:11px;padding:24px}.admin-date>small{font-size:8px;color:#b89cc2;letter-spacing:1px}.admin-date h2{font-size:16px;font-weight:400;margin:17px 0 12px}.admin-date>strong{font-family:Georgia,serif;font-size:24px;color:#92749f;font-weight:400}.admin-date p{font-size:10px;color:#aa99b4;line-height:1.9;min-height:38px;white-space:pre-wrap;overflow-wrap:anywhere}.item-actions{display:flex;gap:8px;margin-top:20px}.item-actions button{background:#f8f3fa;border:1px solid #e9ddee;color:#9474a3;border-radius:5px;padding:7px 11px;font-size:9px}.item-actions .danger{color:#bc7b91;background:#fff7fa;border-color:#f0dfe5}.admin-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.admin-photo{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:white}.admin-photo img{display:block;width:100%;height:200px;object-fit:cover}.admin-photo>div{padding:18px}.admin-photo h2{font-size:12px;font-weight:400;margin:0 0 10px;overflow-wrap:anywhere}.admin-photo small{font-size:8px;color:#b49fc0}.admin-photo .item-actions{margin-top:15px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:23px;align-items:center}.filter-row button{background:white;color:#aa95b6;border:1px solid var(--line);padding:9px 15px;border-radius:6px;font-size:10px}.filter-row button.active{background:#8c6b9f;color:white;border-color:#8c6b9f}.search-input{margin-left:auto;padding:10px 13px;border-radius:6px;border:1px solid var(--line);background:white;font-size:10px;max-width:210px;min-width:0}.admin-message{padding:23px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:15px}.message-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px}.message-top>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.message-top small{font-size:8px;color:#b39dbf}.badge{font-size:8px;border-radius:12px;padding:5px 9px;background:#f7eddf;color:#b79663;white-space:nowrap}.badge.approved{background:#eaf3ee;color:#779d85}.badge.hidden{background:#f0e9f4;color:#a38bb3}.admin-message p{font-size:12px;color:#8b789a;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}.music-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.track-row{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid #eee6f2}.track-row:first-child{padding-top:0}.track-disc{width:36px;height:36px;background:repeating-radial-gradient(circle,#35293f 0 2px,#72517d 3px 4px);border-radius:50%;display:grid;place-items:center;color:#dab8d8;font-size:12px}.track-row h3{font-size:12px;font-weight:400;margin:0 0 7px}.track-row p{font-size:8px;color:#b19cbd;margin:0}.track-row .item-actions{margin:0}.track-row audio{grid-column:2/-1;width:100%;height:30px;margin-top:4px}.field{margin-bottom:20px}.field label{font-size:11px;color:#8b739b;display:block;margin-bottom:9px}.field input:not([type=checkbox]),.field textarea,.field select{width:100%;padding:12px 13px;background:#fdfbfe;border:1px solid #e3d7ea;border-radius:6px;font-size:11px;color:#665471;resize:vertical}.field input[type=file]{font-size:10px!important;padding:13px!important}.field input::placeholder,.field textarea::placeholder{color:#b8a8c1}.field small{display:block;color:#b7a5c0;font-size:9px;line-height:1.9;margin-top:8px}.field .check{display:flex;align-items:center;gap:8px;font-size:11px}.field input[type=checkbox]{accent-color:#9171a3;width:14px;height:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:start}.settings-grid .panel{margin:0}.settings-grid .span-two{grid-column:1/-1}.copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 24px}.help-box{background:#f6eef7;border:1px solid #e7d8ec;padding:16px;border-radius:7px;font-size:10px;color:#a087ae;line-height:2}.help-box code{font-size:10px;background:#eadfed;padding:2px 4px;overflow-wrap:anywhere}.help-box pre{font-size:10px;background:#21182e;color:#d1b5df;padding:15px;border-radius:6px;overflow:auto;line-height:2}.settings-submit{display:flex;justify-content:flex-end;gap:10px;grid-column:1/-1;margin-top:3px}.form-error{color:#ba7391;font-size:10px;line-height:1.8;min-height:20px;margin-bottom:12px}dialog{border:1px solid #e2d1eb;border-radius:15px;box-shadow:0 30px 90px #26193633;padding:0;background:white;width:480px;max-width:calc(100% - 28px);max-height:calc(100dvh - 30px);color:var(--ink)}dialog::backdrop{background:#24172c80;backdrop-filter:blur(6px)}.editor-shell{padding:30px;position:relative;overflow:auto}.close-editor{position:absolute;right:14px;top:10px;background:none;font-size:23px;color:#b298bf}.editor-shell h2{font-size:20px;font-weight:400;letter-spacing:1px;margin:3px 0 25px}.editor-shell .btn{min-width:100px}.editor-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.upload-status{color:#a07aae;font-size:10px;line-height:1.8}.notice{position:fixed;top:22px;left:50%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;background:#3c2b48;color:#f1dff5;padding:14px 24px;border:1px solid #b592c4;border-radius:9px;font-size:12px;line-height:1.8;z-index:100;box-shadow:0 10px 30px #37204430;transition:.25s;max-width:calc(100% - 30px);width:max-content}.notice.visible{opacity:1;transform:translate(-50%,0)}.loading{color:#b29abd;font-size:12px;padding:60px;text-align:center}.text-muted{font-size:9px;color:#b7a6c2;line-height:1.9}.danger-text{color:#bb7993}
@media(max-width:1200px){.sidebar{width:205px;padding:30px 17px}.admin-main{margin-left:205px;width:calc(100% - 205px)}.admin-content{padding:30px 27px 50px}.admin-topbar{padding:0 27px}.stats-grid{gap:12px}.stat-card{padding:18px}.overview-grid{grid-template-columns:1.2fr 1fr;gap:18px}.panel{padding:22px}.admin-date-grid{grid-template-columns:1fr 1fr}.admin-photos{grid-template-columns:1fr 1fr}.music-layout{grid-template-columns:1fr}.settings-grid{gap:18px}.track-row audio{max-width:500px}.login-screen{padding:100px 7%;gap:7%}.login-form{padding:30px}.chart{gap:5px}.chart-col small{font-size:5px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:235px;box-shadow:10px 0 70px #24162e35}.sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;width:100%}.mobile-nav{display:block;font-size:19px;background:none;color:#987da7;padding:5px}.admin-topbar{height:70px;padding:0 22px;gap:12px}.admin-topbar>span{margin-right:auto;font-size:9px}.admin-topbar>div{font-size:9px;gap:7px}.admin-content{padding:27px 22px 50px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.page-heading{gap:15px;flex-wrap:wrap;margin-bottom:23px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card>strong{font-size:33px}.overview-grid{grid-template-columns:1fr}.welcome-banner{padding:24px}.welcome-banner h2{font-size:18px}.welcome-banner>span{font-size:51px}.welcome-banner p{font-size:9px}.settings-grid{grid-template-columns:1fr}.settings-grid .span-two{grid-column:auto}.settings-submit{grid-column:auto}.copy-grid{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr;padding:100px 7% 55px;gap:35px}.login-story h1{font-size:35px;margin:18px 0}.login-story>p{font-size:10px}.login-story>.eyebrow{font-size:6px;letter-spacing:1.7px}.login-signature{display:none}.login-form{margin:auto;max-width:500px}.login-orbits{top:10%;left:-30%;width:140%;height:40%}.back-home{font-size:9px;top:30px;left:7%}.heading-actions{flex-wrap:wrap}.admin-date-grid{gap:12px}.admin-date{padding:21px}.admin-date h2{font-size:14px}.admin-date>strong{font-size:20px}.admin-photos{gap:13px}.admin-photo img{height:160px}.admin-photo>div{padding:15px}.admin-photo .item-actions{gap:5px}.item-actions button{padding:7px 9px;font-size:8px}.music-layout .panel{padding:22px}.track-row{grid-template-columns:32px 1fr;gap:11px}.track-row>.item-actions{grid-column:2}.track-row audio{grid-column:1/-1}.field-row{gap:12px}.field label{font-size:10px}.help-box{font-size:9px}.quick-actions{gap:8px}.quick-actions button{font-size:9px;padding:15px 7px}.filter-row{gap:7px}.filter-row button{font-size:9px;padding:8px 11px}.search-input{max-width:none;width:100%;margin:6px 0 0}.message-top{font-size:10px;align-items:flex-start}.admin-message{padding:20px}.admin-message p{font-size:11px}.badge{font-size:7px}.chart-col>small{font-size:5px}.editor-shell{padding:27px 23px}.notice{font-size:11px;padding:12px 18px}.sidebar-note{padding-top:25px}.sidebar nav{gap:4px}.sidebar nav>button{padding:13px 15px}.admin-brand{margin-bottom:35px}.sidebar .logout-button{margin-bottom:5px}}
@media(max-width:360px){.admin-content{padding-left:16px;padding-right:16px}.admin-date-grid,.admin-photos{grid-template-columns:1fr}.welcome-banner>span{font-size:40px}.chart-col small{display:none}.chart-caption{font-size:8px}.field-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}