:root{color:#172033;background:#fbfbff;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fbfbff}button,input,select{font:inherit}button{border:0;cursor:pointer}.site{min-height:100vh;overflow:hidden}.site-nav{position:fixed;top:0;left:0;right:0;z-index:30;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fbfbffd1;border-bottom:1px solid rgba(125,92,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.admin-logo{display:inline-flex;align-items:center;gap:10px;color:#151827;background:transparent;font-weight:900}.brand svg,.admin-logo svg{color:#7d5cff}.nav-admin,.hero-actions button,.admin-intro button,.auth-form button[type=submit],.refresh-btn{min-height:42px;border-radius:12px;padding:0 18px;color:#fff;background:linear-gradient(135deg,#7d5cff,#4f8cff);font-weight:900;box-shadow:0 16px 34px #7d5cff38}.hero-section{position:relative;min-height:720px;padding:150px 7vw 120px;display:flex;align-items:center;background:radial-gradient(circle at 75% 24%,rgba(255,190,88,.22),transparent 30%),radial-gradient(circle at 18% 16%,rgba(125,92,255,.16),transparent 34%),linear-gradient(145deg,#fff,#f6f5ff 46%,#f0fbf9)}.hero-section:after{content:"";position:absolute;left:7vw;right:7vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(125,92,255,.2),transparent)}.hero-asset{position:absolute;right:4vw;bottom:52px;width:min(46vw,620px);max-height:540px;object-fit:contain;filter:drop-shadow(0 36px 54px rgba(31,41,55,.12))}.hero-content{position:relative;z-index:2;max-width:620px}.hero-kicker,.section-head span,.admin-intro span,.admin-header span{display:inline-flex;align-items:center;color:#7d5cff;font-size:14px;font-weight:900;letter-spacing:0}.hero-content h1{margin:18px 0 20px;color:#121625;font-size:clamp(56px,8vw,104px);line-height:.95;letter-spacing:0}.hero-content p{max-width:560px;margin:0;color:#4d5565;font-size:20px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:34px}.hero-actions a{min-height:42px;display:inline-flex;align-items:center;padding:0 18px;border-radius:12px;color:#293145;background:#ffffffb8;text-decoration:none;font-weight:900}.section-band,.style-section{padding:92px 7vw}.section-head{max-width:720px}.section-head h2,.admin-intro h2{margin:12px 0 14px;color:#121625;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:0}.section-head p,.admin-intro p{margin:0;color:#606879;font-size:18px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.feature-card,.style-item{border-radius:8px;background:#fff;border:1px solid rgba(125,92,255,.1);box-shadow:0 20px 50px #1d223312}.feature-card{padding:28px}.feature-card strong{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#7d5cff;background:#f1edff}.feature-card h3,.style-item h3{margin:20px 0 10px;color:#172033;font-size:22px}.feature-card p{margin:0;color:#626a78;line-height:1.7}.style-section{background:linear-gradient(180deg,#f7fbff,#fff)}.style-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.style-item{overflow:hidden}.style-item img{width:100%;height:230px;display:block;object-fit:cover}.style-item h3{margin:18px 20px 22px}.admin-intro{margin:0 7vw 80px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#182033,#263a52 58%,#2d6a64)}.admin-intro span,.admin-intro h2,.admin-intro p{color:#fff}.admin-intro button{flex-shrink:0;background:#fff;color:#172033;box-shadow:none}.auth-screen,.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 20% 16%,rgba(125,92,255,.16),transparent 32%),radial-gradient(circle at 78% 12%,rgba(255,190,88,.2),transparent 28%),linear-gradient(180deg,#fbfbff,#f6fbff)}.auth-panel{width:min(940px,100%);display:grid;grid-template-columns:1fr 420px;gap:0;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 24px 70px #1d22331f}.auth-copy{min-height:460px;padding:48px;color:#fff;background:linear-gradient(135deg,#172033e0,#504b8cb3),url(/images/hero-child-reading.png) right bottom / 68% auto no-repeat,#172033}.auth-copy h1{margin:18px 0 14px;font-size:42px;line-height:1.08}.auth-copy p{max-width:340px;color:#ffffffd1;line-height:1.75}.auth-form{padding:48px 40px;display:flex;flex-direction:column;gap:18px}.auth-form label,.admin-setting{display:flex;flex-direction:column;gap:9px;color:#2c3446;font-size:14px;font-weight:900}.auth-form input,.search-box input,.header-tools select{height:44px;border:1px solid #e4e7ef;border-radius:12px;padding:0 14px;color:#172033;background:#fbfbff;outline:none}.form-error,.error-notice,.suite-error{border-radius:12px;padding:12px 14px;color:#a12b1f;background:#fff0ec;font-size:14px}.back-home{height:42px;border-radius:12px;color:#7d5cff;background:#f1edff;font-weight:900}.admin-app{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f6f7fb}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e8ebf2}.admin-logo{height:44px;justify-content:flex-start;font-size:18px}.sidebar nav{display:grid;gap:8px;margin-top:28px}.sidebar nav button,.logout-btn{height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:12px;color:#566071;background:transparent;font-weight:900;text-align:left}.sidebar nav button.active{color:#7d5cff;background:#f1edff}.operator{margin-top:auto;padding:14px;display:flex;gap:10px;border-radius:12px;background:#f7f9fc}.operator strong{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.operator span{color:#7a8290;font-size:12px}.logout-btn{margin-top:12px;color:#a12b1f;background:#fff0ec}.admin-main{min-width:0;padding:30px}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-header h1{margin:8px 0 0;color:#121625;font-size:34px}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.search-box{width:280px;height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #e4e7ef;border-radius:12px;background:#fff}.search-box input{width:100%;height:40px;border:0;padding:0;background:transparent}.refresh-btn{box-shadow:none}.notice,.loading-line{margin-bottom:14px;border-radius:12px;padding:12px 14px;background:#ecfdf5;color:#047857;font-weight:800}.loading-line,.error-notice,.empty-state{display:flex;align-items:center;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.metric-card,.panel,.suite-card{border-radius:8px;background:#fff;border:1px solid #e8ebf2;box-shadow:0 14px 34px #1d22330d}.metric-card{padding:18px;display:flex;gap:13px;align-items:center}.metric-card>span{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#0f766e;background:#e7f8f3}.metric-card small{color:#737b8a;font-weight:800}.metric-card strong{display:block;margin-top:4px;color:#172033;font-size:26px}.panel{margin-top:16px;padding:20px}.panel-head h2{margin:0;font-size:22px}.panel-head p{margin:6px 0 18px;color:#737b8a}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:14px 12px;border-bottom:1px solid #edf0f5;color:#30384a;font-size:14px;text-align:left;vertical-align:top}th{color:#7a8290;font-size:12px;font-weight:900}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions button,.open-folder{min-height:34px;border-radius:10px;padding:0 12px;display:inline-flex;align-items:center;color:#7d5cff;background:#f1edff;font-weight:900}.status{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.status.success{color:#047857;background:#dff8eb}.status.running{color:#1d4ed8;background:#e6efff}.status.queued{color:#8a5a00;background:#fff2c7}.status.failed{color:#a12b1f;background:#fff0ec}.status.neutral{color:#566071;background:#eef1f6}.suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.suite-card{display:grid;grid-template-columns:210px 1fr;overflow:hidden;padding:0;color:inherit;text-align:left}.suite-cover{position:relative;min-height:220px;background:#eef8f5}.suite-cover>img,.cover-empty{width:210px;height:100%;min-height:220px;object-fit:cover;background:#eef8f5}.folder-badge{position:absolute;left:12px;bottom:12px;min-height:28px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;color:#fff;background:#172033c7;font-size:12px;font-weight:900}.cover-empty{display:flex;align-items:center;justify-content:center;color:#7d5cff}.suite-body{min-width:0;padding:18px}.suite-title-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.suite-title-row h2{margin:0;color:#172033;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suite-body p{display:-webkit-box;margin:12px 0;overflow:hidden;color:#616a79;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.suite-meta{display:flex;gap:10px;flex-wrap:wrap;color:#858c99;font-size:13px}.suite-thumb-strip{min-height:42px;display:flex;align-items:center;gap:7px;margin-top:12px}.suite-thumb-strip img{width:42px;height:42px;border:1px solid #e6eaf2;border-radius:8px;object-fit:cover;background:#f7f9fc}.suite-thumb-strip span{color:#8a92a0;font-size:13px;font-weight:800}.open-folder{width:fit-content;margin-top:14px}.drawer{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;background:#0f172a57}.drawer-panel{position:relative;width:min(860px,100%);height:100%;overflow-y:auto;padding:28px;background:#fff}.close-btn{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:12px;color:#4b5563;background:#f3f4f8}.drawer-hero{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:stretch;padding-right:52px}.drawer-cover,.drawer-cover img{width:220px;min-height:150px;border-radius:12px;object-fit:cover;background:#eef8f5}.drawer-head{min-width:0}.drawer-head span{color:#7d5cff;font-weight:900}.drawer-head h2{margin:8px 0;font-size:30px}.drawer-head p{color:#737b8a}.drawer-stats{width:fit-content;margin-top:14px;padding:10px 14px;border-radius:12px;background:#f1edff}.drawer-stats strong,.drawer-stats small{display:block}.drawer-stats strong{color:#7d5cff;font-size:22px}.drawer-stats small{color:#737b8a;font-weight:800}.drawer-story{margin:20px 0;padding:18px;border-radius:8px;color:#404858;background:#f8fafc;line-height:1.8}.page-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.page-card{min-width:0;display:grid;gap:12px;padding:14px;border:1px solid #edf0f5;border-radius:8px;background:#fff}.page-card.generated{box-shadow:0 12px 30px #1d22330d}.page-card img,.page-empty{width:100%;aspect-ratio:16 / 9;border-radius:8px;object-fit:cover;background:#f1edff}.page-empty{display:flex;align-items:center;justify-content:center;color:#7d5cff;font-weight:900}.page-card strong{display:block;color:#172033}.page-card em{display:block;margin-top:6px;color:#7d5cff;font-size:12px;font-style:normal;font-weight:900}.page-card p{margin:8px 0;color:#576071;line-height:1.6}.page-card small{display:-webkit-box;overflow:hidden;color:#8a92a0;line-height:1.5;-webkit-line-clamp:4;-webkit-box-orient:vertical}.empty-state{min-height:180px;justify-content:center;color:#7a8290;border:1px dashed #d8dce5;border-radius:8px;background:#ffffffa6}.spin{animation:spin .8s linear infinite}.denied{flex-direction:column;gap:14px}.denied button{height:42px;border-radius:12px;padding:0 18px;color:#fff;background:#7d5cff;font-weight:900}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.site-nav{padding:0 20px}.hero-section{min-height:auto;padding:118px 24px 340px}.hero-asset{width:min(86vw,440px);right:50%;bottom:26px;transform:translate(50%)}.feature-grid,.style-strip,.metric-grid,.suite-grid{grid-template-columns:1fr}.admin-intro{margin:0 24px 54px;padding:28px;align-items:flex-start;flex-direction:column}.auth-panel{grid-template-columns:1fr}.auth-copy{min-height:300px;padding:34px}.admin-app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(4,1fr)}.sidebar nav button{justify-content:center;padding:0 8px}.operator,.logout-btn{display:none}.admin-header{flex-direction:column}.header-tools,.search-box{width:100%}.suite-card{grid-template-columns:1fr}.suite-cover,.suite-cover>img,.cover-empty{width:100%;height:220px}.drawer-hero{grid-template-columns:1fr;padding-right:0}.drawer-cover,.drawer-cover img{width:100%}.page-list{grid-template-columns:1fr}}@media(max-width:620px){.site-nav{height:64px}.hero-section{padding:100px 18px 300px}.hero-content p{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column}.section-band,.style-section{padding:64px 18px}.auth-screen,.admin-main{padding:18px}.auth-form{padding:30px 24px}.sidebar nav{grid-template-columns:repeat(2,1fr)}.drawer-panel{padding:22px 18px}}