:root{color-scheme:light;--background:#f5f7fa;--surface:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--blue:#0a84ff;--cyan:#32ade6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.18}.site-header,.site-footer{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin:0 auto;display:flex}.site-header{height:72px}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-size:22px;font-weight:700;display:inline-flex}.brand-logo{border-radius:8px;flex:none;width:36px;height:36px;display:block;box-shadow:0 8px 22px #0a84ff2e}nav{color:var(--muted);align-items:center;gap:22px;font-size:14px;display:flex}.primary-link,.button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 16px;font-weight:600;display:inline-flex}.header-actions{flex:none;align-items:center;gap:10px;display:inline-flex}.login-link{border:1px solid var(--line);min-height:42px;color:var(--text);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.ghost-button{border:1px solid var(--line);color:var(--blue);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 16px;font-weight:600;display:inline-flex}.page{width:min(1180px,100% - 40px);margin:0 auto}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:56px 0 40px;display:grid}.hero>*,.grid>*,.two-grid>*{min-width:0}.hero h1{letter-spacing:0;margin:0 0 20px;font-size:clamp(42px,6vw,72px);line-height:1.05}.hero p,.section-head p,.muted{color:var(--muted)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-art,.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #0f172a0f}.hero-art{align-content:center;gap:16px;min-height:330px;padding:24px;display:grid}.video-thumb{min-height:190px;color:var(--blue);background:linear-gradient(135deg,#eaf4ff,#d6efff);border:1px solid #cfe7ff;border-radius:8px;place-items:center;font-size:44px;display:grid}.section{padding:28px 0}.section-head{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.two-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.card,.panel{padding:18px}.badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.list{gap:12px;display:grid}.auth-form{gap:12px;margin:18px 0;display:grid}.auth-form label{color:var(--muted);gap:6px;font-size:14px;display:grid}.auth-form input{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;width:100%;min-width:0;padding:12px}.actions-left{flex-wrap:wrap;gap:10px;display:flex}.download-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.disabled-link{cursor:not-allowed;opacity:.72}.qr-panel{text-align:center;justify-items:center;display:grid}.qr-placeholder{aspect-ratio:1;border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(90deg,#0a84ff14 1px,#0000 1px),linear-gradient(#0a84ff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:18px;width:min(220px,70vw);padding:18px;display:grid}.qr-placeholder span{border:12px solid var(--blue);background:#fff;border-radius:6px}.status-box,.locked-preview{border:1px solid var(--line);color:var(--muted);background:#f8fafc;border-radius:8px;padding:14px}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.content-status{color:var(--muted);margin:0 0 16px;font-size:14px}.content-card{align-content:start;gap:12px;display:grid}.content-meta,.content-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-foot{color:var(--muted);justify-content:space-between;font-size:14px}.content-foot .button,.content-foot .ghost-button{min-height:36px;padding:7px 12px;font-size:13px}.content-detail{max-width:860px;margin:0 auto}.content-body{gap:14px;font-size:17px;display:grid}.content-body p{margin:0}.site-footer{border-top:1px solid var(--line);margin-top:56px;padding:28px 0}@media (width<=820px){.site-header,.site-footer{flex-direction:column;align-items:flex-start;height:auto;padding:20px 0}nav{flex-wrap:wrap}.hero,.grid,.two-grid{grid-template-columns:1fr}}@media (width<=640px){.site-header,.site-footer,.page{width:min(100% - 28px,1180px)}.site-header{gap:14px;padding:16px 0 12px}.brand{font-size:20px}.brand-logo{width:34px;height:34px}.site-header nav{flex-wrap:wrap;gap:8px;width:100%;padding:2px 0 8px;overflow:visible}.site-header nav a{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--text);border-radius:8px;flex:none;padding:6px 10px;font-size:13px}.header-actions,.site-header .primary-link,.site-header .login-link{width:100%}.header-actions{grid-template-columns:1fr 1fr;display:grid}.hero{gap:18px;padding:30px 0 18px}.hero h1{word-break:break-all;margin-bottom:14px;font-size:clamp(34px,11vw,44px)}.hero p{font-size:15px}.hero-actions,.download-actions,.actions-left{gap:10px;width:100%}.hero-actions .button,.hero-actions .ghost-button,.download-actions .button,.download-actions .ghost-button,.actions-left .button,.actions-left .ghost-button{flex:150px}.hero-art{min-height:0;padding:16px}.video-thumb{min-height:150px;font-size:36px}.section{padding:22px 0}.section-head{flex-direction:column;align-items:flex-start;gap:10px}.section-head h1,.section-head h2,main>h1,.panel h1{margin-top:0}.grid,.two-grid,.list{gap:12px}.card,.panel{padding:16px;box-shadow:0 10px 26px #0f172a0d}.card h2,.panel h2,.card h3{font-size:20px}.badge{white-space:normal;max-width:100%}.auth-form{margin:14px 0}.status-box,.locked-preview{font-size:14px}.list-row{flex-direction:column;align-items:flex-start;gap:4px}.qr-placeholder{gap:14px;width:min(210px,78vw);padding:16px}.site-footer{gap:14px;margin-top:34px}.site-footer nav{align-items:flex-start;gap:10px 16px}}@media (width<=480px){.site-header,.site-footer,.page{width:min(100% - 22px,1180px)}.hero h1{font-size:clamp(30px,9vw,36px)}.hero-actions .button,.hero-actions .ghost-button,.download-actions .button,.download-actions .ghost-button,.actions-left .button,.actions-left .ghost-button{flex-basis:100%;width:100%}.site-header nav a{padding-inline:9px}.site-footer nav{flex-direction:column}}