:root{color-scheme:dark;--bg:#0f1415;--panel:#192122;--line:#304136;--ink:#eff4e8;--muted:#9bab9f;--lime:#d4ff60;--soft:#263621;--warn:#e9c48c;--danger:#f2a5a0;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 10%,#202d24,#0a1011 55%);color:var(--ink);min-height:100vh}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer;border:0;background:none}a,button{color:inherit}a{text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b2d16d;outline-offset:3px}svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}.loading-page{padding:100px 25px;text-align:center;color:#c3d4ae}.app-shell{max-width:460px;margin:auto;min-height:100vh;background:var(--bg);border-left:1px solid #24342a;border-right:1px solid #24342a;padding-bottom:94px;box-shadow:0 0 100px #0005}.app-top{height:69px;justify-content:space-between;padding:0 21px;background:#11191aef;border-bottom:1px solid #233528;position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-top,.logo{display:flex;align-items:center}.logo{gap:10px;font-size:19px;font-weight:700;letter-spacing:1px}.logo-mark{width:44px;height:44px;display:block;object-fit:contain;flex-shrink:0}.top-credit{display:flex;gap:6px;align-items:center;color:var(--lime);font-size:11px;padding:7px 10px;border:1px solid #4c5e33;border-radius:10px}.top-credit svg{width:14px;height:14px}.app-main{padding:24px 22px 32px}.dev-notice{font-size:10px;line-height:1.8;padding:9px 21px;background:#30301b;border-bottom:1px solid #4c4a2a;color:#d8ce92}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(460px,100%);padding:9px 7px calc(10px + env(safe-area-inset-bottom));justify-content:space-around;background:#131c1bea;border-top:1px solid #33482e;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20}.bottom-nav,.bottom-nav a{display:flex;align-items:center}.bottom-nav a{font-size:10px;color:#90a18e;flex-direction:column;gap:6px;min-width:59px;min-height:49px;justify-content:center}.bottom-nav a.active{color:#d4ff60}.bottom-nav .create-nav svg{background:#d4ff60;color:#1d300b;padding:6px;border-radius:12px;width:33px;height:33px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#a6c980;margin-bottom:10px}.page-heading{font-size:26px;font-weight:720;line-height:1.45;letter-spacing:-.8px}.intro{font-size:12px;line-height:1.9;color:var(--muted);margin-top:9px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 14px}.section-head h2,.section-head h3{font-size:16px;font-weight:600}.text-button{font-size:11px;color:#b8d891;padding:8px 0;min-height:36px}.fine{font-size:11px;color:#9eaf96;line-height:1.9}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:13px}.spacer{height:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;min-height:46px;line-height:1.6;border:1px solid #405634;border-radius:12px;background:#233222;color:#d7e8bf;font-size:13px;font-weight:600}.btn.primary{background:var(--lime);border-color:var(--lime);color:#1d2c0d}.btn.ghost{background:none;color:#b3c3a2;border-color:#354a2f}.btn.danger{background:#3e2a29;color:#f3b0a7;border-color:#63413a}.btn.full{width:100%}.btn.small{min-height:36px;padding:8px 10px;font-size:11px}.btn svg{width:18px;height:18px}.split-buttons{display:flex;gap:10px}.split-buttons .btn{flex:1 1;min-width:0}.icon-button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#243222;color:#c2d9a5;flex-shrink:0}.icon-button.on{color:#d4ff60;background:#3c4b20}.tag{display:inline-flex;align-items:center;gap:4px;border:1px solid #3c5234;background:#273824;color:#c2d8a9;border-radius:6px;padding:4px 7px;font-size:10px;line-height:1.5}.tag.warn{color:#f1d08a;background:#352f20;border-color:#5a4d2e}.tag.error{color:#efaaa1;background:#3e2c2b;border-color:#62433a}.card{padding:18px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.card h3{font-size:15px;font-weight:600}.card p{font-size:12px;line-height:1.9;color:#a8bba0}.card+.card{margin-top:13px}.notice{display:flex;align-items:flex-start;gap:8px;margin:16px 0;padding:13px 14px;font-size:11px;line-height:1.8;color:#bdd4a4;background:#233322;border:1px solid #3e5433;border-radius:11px}.notice svg{width:16px;height:16px;margin-top:2px}.notice.warn{background:#332c20;color:#e3c68c;border-color:#54462a}.notice.error{background:#3b2929;color:#edafa4;border-color:#62433a}.field{display:flex;flex-direction:column;gap:10px;margin:20px 0;font-size:13px;font-weight:550;min-width:0}.field small{font-size:10px;line-height:1.8;color:#95aa8b;font-weight:400}.input,.select,.textarea{width:100%;min-width:0;min-height:48px;padding:13px 14px;border:1px solid #3b4e38;border-radius:11px;background:#192322;color:#edf4df;line-height:1.8;font-size:14px}.textarea{resize:vertical;min-height:145px}.input::placeholder,.textarea::placeholder{color:#7e947d}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:9px 12px;border-radius:9px;min-height:36px;background:#223123;border:1px solid #354c30;color:#a8c18f;font-size:11px}.chip.on{background:#364724;color:#d4ff60;border-color:#829e4a}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at right,#3c4a22,#1c2920 75%);border:1px solid #536a35;border-radius:19px;padding:22px 20px;min-height:216px;margin:23px 0 15px}.hero h2{font-size:29px;line-height:1.3;font-weight:750;letter-spacing:-1px;margin-top:11px}.hero h2,.hero p{position:relative;z-index:2}.hero p{color:#adc394;font-size:11px;line-height:1.8;margin-top:10px}.hero .btn{position:relative;z-index:2;margin-top:19px;font-size:11px;min-height:37px;padding:8px 12px}.hero>img{position:absolute;width:230px;height:230px;right:-65px;top:8px;opacity:.75;transform:rotate(-15deg)}.mini-invite{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:12px;background:#283620;border:1px solid #465e31;border-radius:11px;color:#c4df9d;font-size:11px;line-height:1.7}.mini-invite svg{width:16px;height:16px}.scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.scenes button{font-size:11px;color:#b9c6ab;display:flex;flex-direction:column;gap:8px;align-items:center}.scenes span{width:48px;height:44px;display:grid;place-items:center;background:#1e2b24;border:1px solid #3a4f31;border-radius:14px;color:#d4ff60}.scenes button:nth-child(2) span{color:#edb7cb}.scenes button:nth-child(3) span{color:#a5c9ec}.scenes button:nth-child(4) span{color:#e0c494}.feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 13px}.song-card{min-width:0;display:block}.song-cover{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid #435731;background:#21321f}.song-cover img{width:100%;height:100%;object-fit:cover}.cover-play{position:absolute;right:10px;bottom:10px;width:31px;height:31px;border-radius:50%;background:#d4ff60;color:#263912;display:grid;place-items:center}.cover-play svg{width:14px;height:14px}.song-card h3{font-size:13px;line-height:1.6;margin:10px 0 6px;font-weight:600;overflow-wrap:anywhere}.song-card .meta{display:flex;justify-content:space-between;font-size:10px;color:#9bb18e;gap:7px}.song-card .meta svg{width:11px;height:11px}.empty{padding:35px 7px;text-align:center}.empty-icon{width:95px;height:95px;border-radius:50%;display:grid;place-items:center;background:#243a29;color:#b1d68b;margin:14px auto 24px}.empty-icon svg{width:39px;height:39px}.empty h2{font-size:21px;line-height:1.7;margin-bottom:11px}.empty p{color:#9eb58f;font-size:12px;line-height:1.9;margin-bottom:24px}.auth-logo{display:block;margin:14px auto 20px;width:88px;height:88px;object-fit:contain}.center{text-align:center}.auth-phone{display:flex;align-items:center;gap:10px}.auth-phone>span{font-size:12px;color:#a7c290}.captcha-row{display:flex;gap:10px;align-items:center}.captcha-row .input{flex:1 1;width:0}.captcha-row button{padding:0;flex-shrink:0}.captcha-row img{width:132px;height:48px;border-radius:9px}.check-row{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.9;color:#a8bb98;margin:19px 0}.check-row input{margin:5px 0 0;width:16px;height:16px;accent-color:#d4ff60;flex-shrink:0}.auth-debug{padding:12px;border:1px dashed #8e8c42;background:#302f1b;color:#d5d090;border-radius:10px;font-size:11px;line-height:1.8;margin:15px 0}.big-points{font-size:50px;font-weight:700;letter-spacing:-2px;color:#d4ff60;line-height:1.4}.big-points small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:7px}.receipt-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #34462e;font-size:12px;line-height:1.8}.receipt-row:last-child{border:0}.receipt-row span{color:#9eb68a}.receipt-row b{font-weight:550;text-align:right;overflow-wrap:anywhere;min-width:0}.duo{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:19px 0}.duo>div{padding:17px 12px;background:#213021;border:1px solid #425c35;border-radius:14px;text-align:center;font-size:11px;color:#abc58e}.duo strong{display:block;font-size:30px;color:#d4ff60;margin-top:7px}.invite-code{display:flex;align-items:center;justify-content:space-between;border:1px dashed #6e8850;border-radius:14px;padding:16px;margin:20px 0;background:#1b2a1d}.invite-code strong{display:block;letter-spacing:2px;color:#d4ff60;font-size:20px;margin-top:7px}.steps{justify-content:space-between;font-size:10px;color:#829779;margin:3px 0 23px;gap:7px}.steps,.steps span{display:flex;align-items:center}.steps span{gap:6px}.steps b{display:grid;place-items:center;border-radius:50%;background:#283b27;color:#aac594;width:22px;height:22px;font-size:10px}.steps .active{color:#d4ff60}.steps .active b{background:#d4ff60;color:#223a0b}.steps i{height:1px;background:#3b4f31;flex:1 1}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.upload-label{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 9px;border:1px dashed #4a6240;border-radius:13px;background:#19261d;font-size:11px;color:#afc79b;cursor:pointer}.upload-label small{font-size:9px;color:#859e76}.upload-label input{display:none}.attachment{padding:11px 12px;border:1px solid #3b5034;border-radius:11px;background:#1c2a20;display:flex;gap:9px;align-items:center;font-size:11px;margin-top:10px;min-width:0}.attachment>div{flex:1 1;overflow:hidden}.attachment b{display:block;font-weight:500;overflow-wrap:anywhere}.attachment small{display:block;color:#94ad81;font-size:9px;margin-top:4px}.attachment button{width:29px;height:33px}.attachment svg{width:17px}.lyrics-editor{min-height:340px;line-height:2.1;background:repeating-linear-gradient(#192322,#192322 29px,#29392b 30px,#192322 31px)}.generation-record{width:142px;height:142px;border-radius:50%;margin:32px auto;background:repeating-radial-gradient(circle,#1e2c21 0,#1e2c21 2px,#4e6138 3px,#1b2b1c 4px);position:relative;box-shadow:0 0 40px #a6d45b0b}.generation-record:before{content:"声";font-size:23px;color:#274010;font-weight:700;background:#d4ff60;position:absolute;inset:45px;border-radius:50%;display:grid;place-items:center}.track-row{display:flex;align-items:center;gap:11px;border:1px solid #3f5635;border-radius:14px;background:#1c291e;padding:14px;margin:13px 0}.track-row img{width:66px;height:66px;border-radius:10px;object-fit:cover}.track-row>div{flex:1 1;min-width:0}.track-row h3{font-size:13px;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.track-row p{font-size:10px;color:#97af83}.track-row .icon-button{width:34px;height:34px;background:#d4ff60;color:#233b0c}.player-art{width:min(100%,284px);aspect-ratio:1;border-radius:19px;border:1px solid #526e39;margin:15px auto 26px;box-shadow:0 20px 70px #c0ed5f0c}.player-title{font-size:25px;line-height:1.5;letter-spacing:-.7px;text-align:center;overflow-wrap:anywhere}.player-author{text-align:center;font-size:11px;color:#a9bf94;margin:12px 0 19px}.player-controls{display:flex;align-items:center;justify-content:space-between;margin:12px 6px 22px}.play-main{width:65px;height:65px;border-radius:50%;background:#d4ff60;color:#263c0d;display:grid;place-items:center}.play-main svg{width:28px;height:28px}.playback-range{width:100%;accent-color:#d4ff60;margin-top:15px}.time-row{display:flex;justify-content:space-between;font-size:9px;color:#9bb884}.song-lyrics{white-space:pre-wrap;line-height:2.1;font-size:14px;color:#c0d5a7;word-break:break-word}.comment{padding:13px 0;border-bottom:1px solid #30482c;font-size:12px;line-height:1.9}.comment small{font-size:10px;color:#8faa7c;display:block;margin-bottom:5px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:21px 0}.package{position:relative;text-align:left;padding:19px 15px;background:#1b2a1d;border:1px solid #445f36;border-radius:15px;min-width:0}.package.on{background:#2d4020;border-color:#c3e766}.package small{font-size:10px;color:#adca95}.package h3{font-size:28px;letter-spacing:-.5px;margin:13px 0 7px}.package h3 span{font-size:10px;font-weight:400;letter-spacing:0;margin-left:5px}.package p{color:#d4ff60;font-weight:650;font-size:19px}.package .package-badge{position:absolute;top:-9px;left:12px;background:#d4ff60;color:#263a0c;font-size:9px;border-radius:5px;padding:3px 7px}.native-qr{width:200px;max-width:100%;margin:20px auto;border-radius:10px;padding:8px;background:white}.order-card{border:1px solid #405a33;border-radius:14px;background:#1b2a20;padding:16px;margin:14px 0}.order-card h3{font-size:15px;margin:15px 0 11px}.order-card .fine{overflow-wrap:anywhere}.profile-head{display:flex;align-items:center;gap:13px;margin:12px 0 22px}.avatar{width:59px;height:59px;border-radius:20px;background:linear-gradient(145deg,#d4ff60,#91be45);color:#284512;display:grid;place-items:center;font-weight:650;flex-shrink:0}.avatar,.profile-head h2{font-size:23px}.profile-head p{font-size:10px;color:#9cb38c;margin-top:8px}.profile-balance{background:radial-gradient(ellipse at top right,#3b4e27,#1c2f20 75%);border:1px solid #4f6938;border-radius:18px;padding:23px}.menu-list{margin:17px 0}.menu-item{display:flex;align-items:center;gap:12px;padding:16px 0;min-height:57px;border-bottom:1px solid #30472d;font-size:13px;width:100%;text-align:left}.menu-item svg{color:#afcc8e;width:18px}.menu-item svg:last-child{margin-left:auto;width:16px;color:#829d73}.modal-backdrop{position:fixed;inset:0;z-index:60;background:#020b06ba;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;padding:0}.modal{width:min(460px,100%);background:#18271e;border:1px solid #5a7440;border-bottom:0;border-radius:24px 24px 0 0;padding:23px 23px calc(26px + env(safe-area-inset-bottom));max-height:92dvh;overflow:auto;box-shadow:0 0 70px #0007}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.modal-header h2{font-size:20px;line-height:1.5}.modal-header button{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.modal .big-points{text-align:center;margin:15px 0}.toast{position:fixed;z-index:100;bottom:100px;left:50%;transform:translateX(-50%);background:#d4ff60;color:#223711;border-radius:12px;padding:13px 18px;font-size:12px;line-height:1.8;max-width:min(420px,90vw);text-align:center;box-shadow:0 8px 50px #0008}.search-box{display:flex;gap:9px;align-items:center;margin:18px 0}.search-box .input{flex:1 1;width:0}.list-tabs{display:flex;gap:22px;margin:19px 0;border-bottom:1px solid #33472e}.list-tabs button{min-height:42px;padding:10px 0;color:#8fa681;font-size:12px;border-bottom:2px solid transparent}.list-tabs .on{border-color:#d4ff60;color:#dcebc7}.privacy-copy{font-size:13px;line-height:2;white-space:pre-wrap;color:#a9c195}.profile-edit{gap:8px}.balance-row,.profile-edit{display:flex;align-items:center}.balance-row{justify-content:space-between;padding:15px 0;border-bottom:1px solid #34482e;font-size:13px}.balance-row small{display:block;color:#8dab79;font-size:10px;margin-top:6px}.balance-row strong{color:#d4ff60;font-size:17px;font-weight:550}.sr-only{position:absolute;left:-9999px}.author-link{text-decoration:underline;text-underline-offset:4px}.poster-preview{background:#1f321e;border:1px solid #59763e;border-radius:14px;padding:21px;margin:15px 0}.poster-preview h3{font-size:25px;line-height:1.5}.poster-preview p{font-size:12px;color:#b4cd99;line-height:1.8;margin-top:12px}@media (min-width:900px){.app-shell{margin-top:24px;margin-bottom:25px;min-height:calc(100vh - 49px);border:1px solid #2c3c2d;overflow:clip}.app-shell,.app-top{border-radius:25px 25px 0 0}.modal-backdrop{align-items:center;padding:25px}.modal{border-bottom:1px solid #5a7440;border-radius:22px;max-height:90dvh}.bottom-nav{border-left:1px solid #30482b;border-right:1px solid #30482b}}@media (max-width:360px){.app-main{padding:21px 17px 30px}.app-top{padding:0 17px}.page-heading{font-size:24px}.hero{padding:20px 17px}.hero h2{font-size:26px}.hero>img{right:-83px}.feed-grid{gap:18px 11px}.package{padding:18px 12px}.captcha-row img{width:111px}.split-buttons .btn{padding:11px 9px;font-size:11px}.steps,.tag{font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}