.video-wrap{overflow:hidden;border-radius:18px;background:#050b16;aspect-ratio:16/9}.video-wrap video{display:block;width:100%;height:100%;object-fit:contain}.tutorial-section,.article-body{padding:70px 0 100px;background:var(--bg)}.tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tutorial-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;transition:.23s}.tutorial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.tutorial-cover{position:relative;display:grid;place-items:center;height:190px;background:linear-gradient(135deg,#122142,#263e78);color:#fff;font-size:24px;font-weight:800;overflow:hidden}.tutorial-cover img{width:100%;height:100%;object-fit:cover}.tutorial-cover i{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.92);color:#4f64e9;font-style:normal}.tutorial-card>div{padding:21px}.tutorial-card small{color:#8a94a6}.tutorial-card h2{font-size:19px;margin:8px 0}.tutorial-card p{color:var(--muted);font-size:13px;min-height:43px}.article-hero{padding:65px 0;background:linear-gradient(135deg,#f4f6ff,#fff)}.article-hero h1{font-size:42px;margin:20px 0 8px}.article-hero p,.article-meta{color:var(--muted)}.article-meta{font-size:12px;margin-top:18px}.back-link{color:#5368ef;font-size:13px;font-weight:700}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:16px;margin-bottom:28px}.article-content{font-size:16px;line-height:2;margin-top:30px}.media-upload{max-width:850px}.upload-form{display:flex;align-items:center;gap:15px}.upload-form input[type=file]{flex:1;padding:12px;border:1px dashed #cbd2df;border-radius:10px;background:#f8f9fc}.form-hint{font-size:12px;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.media-item{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.media-preview{height:170px;display:grid;place-items:center;background:#10182b}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:contain}.media-info{padding:13px}.media-info strong,.media-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info small{color:var(--muted);font-size:10px;margin:4px 0 10px}.media-info .copy-row input{font-size:10px}.media-info form{text-align:right}.danger-link{border:0;background:none;color:#dc4058;font-size:11px;cursor:pointer;margin-top:8px}.title-actions{display:flex;gap:8px}.upgrade-success{color:#247a62}.upgrade-success h2{color:var(--ink)}.import-help{margin-top:24px;padding:18px;border-radius:12px;background:#f7f8fc;color:#59657a;font-size:13px}.import-help h3{margin-top:0}.import-result .stat-grid{margin:0}.error-line{color:#c63850;font-size:12px}
@media(max-width:900px){.tutorial-grid{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.nav-wrap{gap:10px}.brand{min-width:0;white-space:nowrap}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis}.brand-mark{flex:0 0 auto}.nav-actions{gap:8px;min-width:0;flex:0 1 auto}.nav-actions .text-link{font-size:12px;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-actions .btn-small{padding:7px 10px;white-space:nowrap;flex:0 0 auto}.tutorial-grid{grid-template-columns:1fr}.tutorial-cover{height:180px}.article-hero{padding:42px 0}.article-hero h1{font-size:30px}.tutorial-section,.article-body{padding:35px 0 70px}.media-grid{grid-template-columns:1fr 1fr;gap:10px}.media-preview{height:130px}.upload-form{align-items:stretch;flex-direction:column}.title-actions{flex-direction:column}.admin-title{gap:10px}.admin-title .title-actions .btn{width:100%}}

/* 首页自动化运行控制台 */
.automation-console{padding:0;overflow:hidden;transform:none;border-color:rgba(132,156,210,.22);background:linear-gradient(145deg,rgba(29,47,86,.96),rgba(12,26,53,.96));box-shadow:0 32px 75px rgba(0,0,0,.3)}
.console-top{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,14,32,.32)}
.console-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.console-dot.red{background:#ff6b6b}.console-dot.amber{background:#f5bf4f}.console-dot.green{background:#35c98a}.console-title{color:#b8c5de;font-size:12px}.console-top>b{justify-self:end;color:#69ddb2;font-size:11px}.console-top>b i,.device-state>i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#44d7a1;box-shadow:0 0 0 5px rgba(68,215,161,.1);margin-right:7px}
.console-body{display:grid;grid-template-columns:142px 1fr;gap:18px;padding:22px}.device-card{border-right:1px solid rgba(255,255,255,.08);padding-right:18px}.phone-shell{width:92px;height:174px;margin:0 auto 18px;padding:7px;border:1px solid rgba(174,194,231,.35);border-radius:20px;background:#071329;box-shadow:0 14px 30px rgba(0,0,0,.28)}.phone-speaker{width:28px;height:3px;border-radius:3px;background:#334566;margin:2px auto 7px}.phone-screen{height:148px;border-radius:12px;padding:12px 8px;background:linear-gradient(#f6f8fc,#e9eef7)}.app-line{display:block;height:5px;border-radius:4px;background:#9cabc3;margin-bottom:12px}.app-line.wide{width:70%}.app-card{display:grid;grid-template-columns:18px 1fr;gap:4px 6px;margin-bottom:10px}.app-card i{grid-row:1/3;width:18px;height:18px;border-radius:50%;background:#b5c2d6}.app-card span{height:4px;border-radius:4px;background:#c0cbdb}.app-card span:last-child{width:65%}.phone-action{margin-top:13px;padding:5px;border-radius:6px;background:#4e68ed;color:#fff;text-align:center;font-size:8px}.device-state{display:flex;align-items:center;gap:3px}.device-state small,.device-state strong{display:block}.device-state small{font-size:9px;color:#7788aa}.device-state strong{font-size:10px;color:#dbe4f5;margin-top:2px}
.log-card{min-width:0}.log-head{display:flex;align-items:center;justify-content:space-between;color:#dce5f5;font-size:13px;font-weight:700}.log-head small{font-size:10px;color:#788aaa;font-weight:500}.progress-track{height:5px;margin:12px 0 17px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}.progress-track i{display:block;width:82%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4c69f1,#37bce8)}.log-list{border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;background:rgba(5,14,31,.32)}.log-list p{display:grid;grid-template-columns:57px 18px 1fr;align-items:center;gap:7px;margin:0;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.055);color:#aebbd2;font-size:10px}.log-list p:last-child{border:0}.log-list time{color:#617391;font-family:Consolas,monospace}.log-list b{font-size:11px}.log-list .ok{color:#4ad7a2}.log-list .active{background:rgba(74,103,225,.1);color:#d9e3f6}.log-list .run{width:9px;height:9px;border:2px solid #5c7cff;border-top-color:transparent;border-radius:50%}.console-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.console-summary span{padding:10px;border-radius:9px;background:rgba(255,255,255,.045)}.console-summary small,.console-summary strong{display:block}.console-summary small{font-size:9px;color:#7183a4}.console-summary strong{margin-top:2px;color:#e9effb;font-size:12px}
@media(max-width:1100px){.console-body{grid-template-columns:112px 1fr;padding:18px;gap:14px}.device-card{padding-right:14px}.log-list p{grid-template-columns:18px 1fr}.log-list time{display:none}}
.brand-logo{overflow:hidden;background:#fff;padding:0;border:1px solid #e7eaf0;box-shadow:0 6px 16px rgba(16,24,40,.12)}
.brand-logo img{display:block;width:100%;height:100%;object-fit:cover}