:root{--ink:#252722;--muted:#76786f;--paper:#f5f2eb;--card:#fffdf8;--line:#dfdcd2;--green:#36594b;--green2:#5e806e;--orange:#e78558;--yellow:#f1c75b;--shadow:0 18px 60px rgba(47,51,43,.10);font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 8%,#e8dac8 0,transparent 24%),var(--paper);overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.ambient{position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:0}.ambient-one{width:360px;height:360px;right:-190px;top:15%;background:rgba(231,133,88,.11)}.ambient-two{width:260px;height:260px;left:12%;bottom:-160px;background:rgba(54,89,75,.12)}
.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:32px 22px 24px;border-right:1px solid var(--line);background:rgba(250,248,242,.86);backdrop-filter:blur(20px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;padding:0 8px}.brand strong{display:block;font-family:Georgia,"Songti SC",serif;font-size:20px;letter-spacing:.08em}.brand small{font-size:8px;letter-spacing:.28em;color:var(--muted)}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--green);display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 8px 20px rgba(54,89,75,.22)}.brand-mark i{display:block;width:3px;border-radius:4px;background:#f7e6b8}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:25px}.brand-mark i:nth-child(4){height:14px}.nav{margin-top:60px;display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#797b73;padding:13px 15px;border-radius:13px;text-align:left;display:flex;align-items:center;gap:13px;transition:.2s}.nav-item span{width:22px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{background:#e8e4d9;color:var(--green);font-weight:700}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:22px 5px 0;display:grid;grid-template-columns:38px 1fr 8px;align-items:center;gap:10px}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:13px}.sidebar-foot small{font-size:10px;color:var(--muted);margin-top:3px}.mini-avatar,.avatar{display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--green),#799081)}.mini-avatar{width:38px;height:38px;font-size:13px}.avatar{width:38px;height:38px}.online-dot{width:7px;height:7px;border-radius:50%;background:#95a094}
.main{grid-column:2;padding:30px clamp(24px,4vw,64px) 70px;max-width:1500px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--green2);font-weight:800;text-transform:uppercase;margin:0 0 7px}.topbar h1{font-family:Georgia,"Songti SC",serif;font-size:23px;margin:0;font-weight:500}.top-actions{display:flex;align-items:center;gap:13px}.api-state{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.api-state i{width:7px;height:7px;border-radius:50%;background:#d1a268}.api-state.online i{background:#6e967c;box-shadow:0 0 0 4px rgba(110,150,124,.12)}.points-pill{border:1px solid var(--line);border-radius:22px;background:rgba(255,253,248,.8);padding:9px 15px;color:var(--ink)}.points-pill span{color:var(--orange)}
.view{display:none;animation:rise .35s ease}.view.active{display:block}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.hero-card{min-height:320px;background:linear-gradient(135deg,#36594b,#254238);border-radius:28px;position:relative;overflow:hidden;color:#fff;display:flex;padding:48px 50px;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-110px;top:-85px}.hero-copy{z-index:2;max-width:510px}.season-tag{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#f4d996;border:1px solid rgba(244,217,150,.35);border-radius:20px;padding:7px 12px}.hero-card h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(30px,3.5vw,50px);line-height:1.16;font-weight:400;margin:22px 0 12px}.hero-card h2 em{font-weight:400;color:#f2cc78}.hero-card p{font-size:13px;color:rgba(255,255,255,.68);margin:0 0 28px}.primary{border:0;background:var(--orange);color:#fff;border-radius:13px;padding:13px 20px;font-weight:700;box-shadow:0 9px 24px rgba(231,133,88,.25);transition:.2s}.primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.primary span{margin-left:16px}.vinyl-stage{position:absolute;right:18px;bottom:0;width:330px;height:300px}.vinyl{position:absolute;width:190px;height:190px;right:48px;top:60px;border-radius:50%;background:repeating-radial-gradient(circle,#27302d 0 5px,#151b19 6px 9px);box-shadow:0 25px 55px rgba(0,0,0,.4);transform:rotate(-13deg)}.vinyl:after{content:"";position:absolute;inset:64px;border-radius:50%;background:#df8b61;border:15px solid #edd4a5;box-shadow:inset 0 0 0 18px #c76d4f}.vinyl span{position:absolute;width:12px;height:12px;border-radius:50%;background:#24342d;left:89px;top:89px;z-index:2}.orbit{position:absolute;border:1px solid rgba(248,220,164,.17);border-radius:50%}.orbit-a{width:270px;height:120px;right:8px;top:90px;transform:rotate(-27deg)}.orbit-b{width:250px;height:90px;right:20px;top:112px;transform:rotate(22deg)}.note{position:absolute;color:#f4d28a;font-size:27px}.n1{top:33px;right:32px;transform:rotate(14deg)}.n2{right:260px;top:80px;font-size:20px}.balance-card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:30px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.balance-card>p{font-size:12px;color:var(--muted);margin:0}.balance-card>strong{font-family:Georgia,serif;font-size:58px;color:var(--green);margin:14px 0}.balance-split{border-top:1px solid var(--line);display:grid;gap:10px;padding-top:18px}.balance-split span{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.balance-split b{color:var(--ink)}.ghost{border:1px solid var(--line);background:transparent;border-radius:12px;padding:11px 15px;color:var(--green);font-weight:700}.balance-card .ghost{margin-top:auto}.section-head{display:flex;align-items:end;justify-content:space-between;margin:38px 0 16px}.section-head h3{font-family:Georgia,"Songti SC",serif;font-size:20px;margin:0}.text-button{border:0;background:none;color:var(--green);font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quick-card{position:relative;min-height:150px;border:1px solid var(--line);background:rgba(255,253,248,.8);border-radius:19px;padding:23px;text-align:left;transition:.25s;overflow:hidden}.quick-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c8c5bb}.quick-card .quick-icon{font-size:24px;color:var(--orange)}.quick-card h4{margin:20px 0 7px;font-size:15px}.quick-card p{margin:0;color:var(--muted);font-size:11px}.quick-card b{position:absolute;right:17px;top:17px;font-size:10px;color:var(--green);font-weight:500}.skeleton{height:150px;border-radius:19px;background:linear-gradient(100deg,#e9e5dc 20%,#f7f4ed 50%,#e9e5dc 80%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.recent-list{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.recent-item{display:grid;grid-template-columns:46px 1fr auto auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid #ece9e1}.recent-item:last-child{border:0}.art{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:18px;background:linear-gradient(145deg,#d89468,#324f45)}.recent-item h4{font-size:13px;margin:0 0 5px}.recent-item p{font-size:10px;color:var(--muted);margin:0}.status{font-size:10px;border-radius:20px;padding:6px 9px;background:#edf1ec;color:var(--green)}.status.failed{background:#f9e8e1;color:#a8583b}.status.processing,.status.submitting{background:#fbf0d4;color:#9a6f1f}.empty{padding:52px;text-align:center;color:var(--muted);font-size:12px}.empty.compact{padding:26px}
.create-layout{display:grid;grid-template-columns:315px minmax(0,1fr);gap:22px;align-items:start}.cap-panel,.form-panel,.ledger-card{background:rgba(255,253,248,.86);border:1px solid var(--line);border-radius:22px}.cap-panel{padding:16px;position:sticky;top:20px;max-height:calc(100vh - 70px);overflow:auto}.search{display:flex;align-items:center;gap:8px;background:#eeebe3;border-radius:12px;padding:10px 12px}.search input{border:0;outline:0;background:none;width:100%;font-size:12px}.filter-row{display:flex;gap:7px;margin:13px 0}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:18px;padding:6px 10px;font-size:10px}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.cap-list{display:grid;gap:6px}.cap-item{border:0;background:transparent;border-radius:12px;padding:11px;text-align:left;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.cap-item:hover,.cap-item.active{background:#ebe7dc}.cap-item span:first-child{width:34px;height:34px;background:#e3e1d6;border-radius:10px;display:grid;place-items:center;color:var(--green)}.cap-item strong{display:block;font-size:12px}.cap-item small{font-size:9px;color:var(--muted)}.cap-item b{font-size:9px;color:var(--orange)}.form-panel{padding:34px}.form-intro{display:grid;grid-template-columns:54px 1fr auto;gap:15px;align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:26px}.cap-icon{width:54px;height:54px;border-radius:16px;background:#e4eadf;display:grid;place-items:center;color:var(--green);font-size:24px}.form-intro h2{font-family:Georgia,"Songti SC",serif;margin:0 0 5px;font-size:25px}.form-intro p:not(.eyebrow){color:var(--muted);font-size:11px;margin:0}.cost{border-radius:18px;background:#f8efe4;padding:7px 11px;color:var(--orange);font-size:10px}.field{display:grid;gap:8px;margin-bottom:19px}.field label{font-size:12px;font-weight:700}.field label small{color:var(--orange);font-weight:400}.field input,.field textarea,.field select{border:1px solid var(--line);background:#fbfaf6;border-radius:12px;padding:13px 14px;outline:none;color:var(--ink);width:100%;transition:.2s}.field textarea{min-height:116px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(94,128,110,.1)}.switch-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fbfaf6}.switch{appearance:none;width:38px;height:22px;background:#cecfc9;border-radius:20px;position:relative;transition:.2s}.switch:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.switch:checked{background:var(--green)}.switch:checked:after{left:19px}.form-bottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.form-bottom>span{font-size:10px;color:var(--muted)}.submit[disabled]{opacity:.55;cursor:wait}
.page-lead{display:flex;justify-content:space-between;align-items:end;margin:20px 0 30px}.page-lead h2{font:400 38px Georgia,"Songti SC",serif;margin:0 0 8px}.page-lead>div>p:last-child{font-size:12px;color:var(--muted);margin:0}.lead-actions{display:flex;gap:9px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-row div,.wallet-overview>div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:19px}.stat-row small,.wallet-overview small{display:block;color:var(--muted);font-size:10px;margin-bottom:9px}.stat-row strong{font:30px Georgia,serif;color:var(--green)}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.work-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.work-cover{height:135px;background:linear-gradient(145deg,#dac38f,#d47e5b 45%,#354f46);position:relative;display:grid;place-items:center;color:rgba(255,255,255,.85);font-size:30px}.work-cover:before{content:"";position:absolute;width:88px;height:88px;border:22px solid rgba(28,34,31,.65);border-radius:50%}.work-cover span{z-index:1;font-size:13px}.work-body{padding:17px}.work-body h4{margin:0 0 7px;font-size:14px}.work-body p{margin:0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-meta{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.progress{height:4px;background:#e5e3dc;border-radius:3px;margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;background:var(--orange)}
.wallet-overview{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px;margin-bottom:28px}.wallet-overview strong{font:28px Georgia,"Songti SC",serif;color:var(--green)}.wallet-overview em{font:normal 11px sans-serif;color:var(--muted)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:23px;position:relative}.plan.featured{background:var(--green);color:#fff;transform:translateY(-5px);box-shadow:var(--shadow)}.plan .badge{position:absolute;right:15px;top:15px;font-size:9px;background:#f0c775;color:#5b4921;border-radius:13px;padding:5px 8px}.plan h4{font-size:16px;margin:0 0 12px}.plan .price{font:34px Georgia,serif;margin:0}.plan .price small{font:11px sans-serif;color:var(--muted)}.plan.featured .price small,.plan.featured .plan-desc{color:rgba(255,255,255,.65)}.plan-desc{font-size:10px;color:var(--muted);min-height:31px;margin:14px 0 20px}.plan button{width:100%}.plan.featured .ghost{border-color:rgba(255,255,255,.35);color:#fff}.ledger-card{margin-top:28px;padding:0 24px 15px}.ledger-card .section-head{margin:22px 0 10px}.ledger-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.ledger-row h5{margin:0 0 4px;font-size:11px}.ledger-row small{color:var(--muted);font-size:9px}.ledger-row b{font-size:12px;color:var(--green)}.ledger-row b.minus{color:var(--orange)}.toast{position:fixed;z-index:20;left:50%;bottom:30px;transform:translate(-50%,20px);background:#263b33;color:#fff;padding:11px 18px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#8f4b38}.mobile-nav{display:none}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.balance-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.balance-card .ghost{grid-column:2;grid-row:1/4}.works-grid,.plans-grid{grid-template-columns:repeat(2,1fr)}.create-layout{grid-template-columns:270px 1fr}.vinyl-stage{opacity:.55}}
@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.main{padding:22px 16px 95px}.topbar{margin-bottom:25px}.topbar h1{font-size:18px}.api-state,.avatar{display:none}.hero-card{padding:32px 25px;min-height:350px}.hero-card h2{font-size:35px}.vinyl-stage{right:-100px;bottom:-55px;opacity:.4}.quick-grid,.works-grid,.plans-grid{grid-template-columns:1fr}.create-layout{display:block}.cap-panel{position:static;max-height:300px;margin-bottom:15px}.form-panel{padding:22px}.form-intro{grid-template-columns:45px 1fr}.cap-icon{width:45px;height:45px}.cost{grid-column:2;width:max-content}.stat-row{grid-template-columns:repeat(2,1fr)}.wallet-overview{grid-template-columns:1fr}.balance-card{display:block}.balance-card .ghost{width:100%;margin-top:20px}.page-lead{align-items:start;gap:20px}.lead-actions{flex-direction:column}.mobile-nav{display:grid;position:fixed;z-index:10;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);background:rgba(250,248,243,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px 6px max(8px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;color:var(--muted);font-size:19px}.mobile-nav small{display:block;font-size:9px;margin-top:3px}.mobile-nav button.active{color:var(--green)}.recent-item{grid-template-columns:42px 1fr auto}.recent-item>small{display:none}}