:root{color:#162033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#121826;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}button:disabled{cursor:wait;opacity:.65}button.ghost,.ghost{color:#172033;background:#fff;border:1px solid #d7deea}main{max-width:1240px;margin:0 auto;padding:24px}.topbar{background:#fff;border:1px solid #dfe5ef;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 18px;display:flex}.brand.compact{color:#172033}.topbar-user{color:#546070;font-weight:800}.hero{color:#fff;background-color:#0000;background-image:linear-gradient(115deg,#121826f0,#213757db),url(https://images.unsplash.com/photo-1634017839464-5c339ebe3cb4?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:14px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:30px;min-height:470px;padding:46px;display:grid;overflow:hidden}.lower-hero{margin-top:24px}.workspace-first{margin-bottom:0}.brand,.hero-actions,.tabs,.split,.creator-head,.section-title,.work-card a{align-items:center;display:flex}.brand{gap:10px;font-size:18px;font-weight:800}.brand-mark{color:#121826;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.hero h1{letter-spacing:0;max-width:720px;margin:68px 0 20px;font-size:clamp(38px,5vw,66px);line-height:1.02}.hero p{color:#ffffffc7;max-width:680px;margin:0;font-size:18px;line-height:1.8}.hero-actions{gap:12px;margin-top:30px}.hero-actions .ghost{color:#fff;background:#ffffff1f;border-color:#ffffff42}.hero-preview{min-height:390px;position:relative}.preview-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff24;border:1px solid #ffffff47;box-shadow:0 24px 70px #00000047}.preview-card.large{border-radius:12px;width:82%;height:100%;overflow:hidden}.preview-card.large img{object-fit:cover;width:100%;height:100%}.empty-art{color:#121826;background:linear-gradient(135deg,#f7efe2,#9fc5e8 48%,#222831);justify-content:center;align-items:center;height:100%;font-size:26px;font-weight:900;display:flex}.preview-card.small{color:#fff;border-radius:8px;padding:18px;font-weight:800;position:absolute;right:0}.preview-card.top{top:54px}.preview-card.bottom{bottom:58px}.tabs{background:#fff;border:1px solid #dfe5ef;border-radius:10px;gap:6px;margin:20px 0;padding:6px}.primary-tabs{z-index:10;position:sticky;top:0}.tabs button{color:#546070;background:0 0;flex:1}.tabs button.active{color:#fff;background:#121826}.workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.side-panel,.creator,.gallery,.plans{background:#fff;border:1px solid #dfe5ef;border-radius:12px;box-shadow:0 16px 38px #36435c14}.side-panel{gap:16px;padding:18px;display:grid;position:sticky;top:16px}.user-card{background:#f7f9fd;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.user-card strong,.tips strong{display:block}.user-card span,.tips span,.creator p,.section-title p,.work-card p,.plan p{color:#667386;font-size:14px;line-height:1.6}.login-box,.account-actions,.password-panel{gap:10px;display:grid}.password-panel{border-top:1px solid #e1e6ef;padding-top:12px}.auth-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-toggle button{color:#172033;background:#fff;border:1px solid #d7deea}.auth-toggle button.active{color:#fff;background:#121826;border-color:#121826}input,select,textarea{color:#172033;background:#f9fbff;border:1px solid #dbe2ed;border-radius:8px;outline:none;width:100%;padding:12px}textarea{resize:vertical;min-height:180px}.split{gap:8px}.split button,.wide{flex:1;width:100%}.tips{border-left:4px solid #3772ff;padding-left:12px}.creator,.gallery,.plans{min-height:520px;padding:24px}.creator-head,.section-title{justify-content:space-between;gap:14px;margin-bottom:18px}h2,h3,p{margin-top:0}.preset-row{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.chip{color:#29364a;background:#eef3fb;min-height:34px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{color:#526174;gap:8px;font-size:13px;font-weight:700;display:grid}.reference{align-items:center;gap:12px;margin-top:14px;display:flex}.reference img{object-fit:cover;border-radius:8px;width:86px;height:86px}.notice{color:#164b7c;background:#eff7ff;border:1px solid #b7d8ff;border-radius:8px;margin-top:16px;padding:12px}.grid,.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.work-card,.plan{border:1px solid #dde5f0;border-radius:10px;overflow:hidden}.work-card img,.work-card video,.pending{aspect-ratio:1;object-fit:cover;background:#edf1f7;width:100%;display:block}.pending{color:#526174;justify-content:center;align-items:center;font-weight:800;display:flex}.work-card div,.plan{padding:14px}.work-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 12px;display:-webkit-box;overflow:hidden}.work-card a{color:#1b5fd4;gap:6px;font-weight:800;text-decoration:none}.mini{min-height:34px;padding:0 12px;font-size:13px}.work-card small{color:#788599;word-break:break-all;margin-top:8px;font-size:12px;display:block}.plan{gap:10px;display:grid}.plan span{color:#3772ff;font-size:13px;font-weight:900}.plan strong{font-size:32px}.blank{color:#657387;text-align:center;background:#f7f9fd;border:1px dashed #c9d3e2;border-radius:10px;grid-column:1/-1;padding:32px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){main{padding:14px}.hero,.workspace{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.hero{min-height:auto;padding:26px}.hero h1{margin-top:42px}.hero-preview{min-height:300px}.side-panel{position:static}.grid,.plan-grid,.form-grid{grid-template-columns:1fr}.tabs{overflow-x:auto}.tabs button{min-width:96px}}.admin-main{max-width:none;padding:18px}.admin-login{background:#fff;border:1px solid #dfe5ef;border-radius:12px;gap:14px;max-width:420px;margin:80px auto;padding:28px;display:grid;box-shadow:0 18px 45px #36435c14}.admin-shell{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;display:grid}.admin-sidebar,.admin-content{background:#fff;border:1px solid #dfe5ef;border-radius:12px;box-shadow:0 16px 38px #36435c14}.admin-sidebar{gap:8px;padding:14px;display:grid;position:sticky;top:18px}.admin-sidebar .brand{margin-bottom:10px}.admin-sidebar button{justify-content:flex-start}.admin-sidebar button.active{color:#fff;background:#121826}.admin-content{min-height:calc(100vh - 36px);padding:22px;overflow:hidden}.admin-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-cards>div{background:#f7f9fd;border:1px solid #e1e7f0;border-radius:10px;gap:6px;padding:18px;display:grid}.admin-cards strong{font-size:30px}.admin-cards span{color:#667386;font-weight:800}.admin-password-card{background:#f8fafc;border:1px solid #dfe5ef;border-radius:10px;margin-top:18px;padding:18px}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-form,.admin-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.admin-form input,.admin-form select{width:auto;min-width:180px}.admin-form label{color:#526174;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.admin-form label input{width:auto}.admin-table-wrap{border:1px solid #dfe5ef;border-radius:10px;margin:12px 0 24px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:880px}.admin-table th,.admin-table td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #edf1f7;max-width:280px;padding:10px 12px;font-size:13px;overflow:hidden}.admin-table th{color:#526174;background:#f7f9fd;font-weight:900}@media (width<=900px){.admin-shell,.admin-cards{grid-template-columns:1fr}.admin-sidebar{position:static}}.danger{color:#b42318!important;border-color:#ffd1d1!important}.redeem-form{margin-bottom:22px}