:root{--blue:#1f6cff;--blue2:#0f58dc;--ink:#14213d;--muted:#71809b;--line:#e7edf6;--bg:#f5f8fc;--card:#fff;--radius:18px;--shadow:0 14px 40px rgba(33,79,146,.08);--danger:#e84755;--green:#13b981}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{max-width:1220px;margin:auto;padding:0 24px}.notice-bar{background:#f4f8ff;color:#36537d;text-align:center;padding:8px 16px;font-size:14px;border-bottom:1px solid #e9f0fa}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{height:76px;max-width:1380px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:24px;color:#1766ed;white-space:nowrap}.brand i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#14c9bf,#1967ff);color:#fff;font-style:normal}.brand img{height:38px;max-width:160px;object-fit:contain}.site-header nav{display:flex;gap:28px;align-items:center;white-space:nowrap}.site-header nav a{font-size:15px;color:#24344f}.site-header nav a:hover{color:var(--blue)}.global-search{margin-left:auto;display:flex;align-items:center;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;min-width:240px}.global-search input{border:0;outline:0;padding:10px 12px;width:100%;font-size:14px}.global-search button{border:0;background:none;padding:8px 12px;color:var(--muted);cursor:pointer}.head-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;padding:10px 18px;cursor:pointer;font-weight:600;line-height:1.2}.btn.primary{background:linear-gradient(135deg,var(--blue),#1477ff);color:#fff;box-shadow:0 7px 18px rgba(31,108,255,.2)}.btn.primary:hover{transform:translateY(-1px)}.btn.ghost{background:#fff;color:#2459b7;border-color:#cfe0ff}.btn.full{width:100%}.btn.big{padding:13px 24px}.btn.mini{padding:6px 10px;font-size:13px}.danger-btn{background:#fff1f3;color:var(--danger);border:1px solid #ffd7dc}.flash{margin:20px 0;border-radius:12px;padding:12px 16px}.flash.success{background:#ebfff6;color:#087d52}.flash.error{background:#fff0f2;color:#c53243}.full-bleed{width:100vw;margin-left:calc(50% - 50vw)}.hero-slider{position:relative;overflow:hidden;background:#eef5ff}.hero-slide{display:none;min-height:500px;padding:66px max(24px,calc((100vw - 1220px)/2));align-items:center;grid-template-columns:1.1fr .9fr;gap:50px;background-size:cover;background-position:center}.hero-slide.on{display:grid}.hero-copy{max-width:650px}.eyebrow{font-size:13px;letter-spacing:.09em;color:var(--blue);font-weight:800;margin-bottom:14px}.hero-slide h1,.hero h1{font-size:52px;line-height:1.12;margin:0 0 18px;letter-spacing:-.03em}.hero-slide p,.hero p{font-size:18px;line-height:1.8;color:#667994;margin:0 0 26px}.row-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-visual img{max-height:390px;object-fit:contain}.hero-art{width:280px;height:330px;border:16px solid rgba(255,255,255,.8);border-radius:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#e3efff);box-shadow:0 35px 70px rgba(38,99,205,.2);color:var(--blue)}.hero-art div{font-size:54px}.hero-art b{font-size:22px;margin-top:16px}.hero-art strong{font-size:30px;margin-top:6px}.slider-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.slider-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#a8bfe8;cursor:pointer}.slider-dots button.on{width:28px;border-radius:9px;background:var(--blue)}.hero{min-height:500px;background:linear-gradient(120deg,#f6faff,#eaf3ff);padding:70px max(24px,calc((100vw - 1220px)/2));display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.section{padding:52px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title small{display:block;color:var(--blue);font-weight:800;margin-bottom:8px}.section-title h2{font-size:30px;margin:0}.section-title>a{color:var(--blue);font-weight:600}.section-title.centered>div{text-align:center;flex:1}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-grid a{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;box-shadow:0 8px 20px rgba(33,79,146,.04);display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:12px}.category-grid i,.category-grid img{grid-row:1/3;width:46px;height:46px;border-radius:13px;background:#edf4ff;display:grid;place-items:center;color:var(--blue);font-style:normal;font-weight:800;object-fit:cover}.category-grid b{font-size:15px}.category-grid span{font-size:12px;color:#8b99af;margin-top:4px}.project-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{position:relative;min-height:185px;border:1px solid #eef0f4;background:#fff;border-radius:18px;padding:26px 22px;display:flex;gap:22px;align-items:center;box-shadow:0 8px 25px rgba(43,61,86,.06);overflow:hidden}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.project-ribbon{position:absolute;right:0;top:0;border-radius:0 18px 0 14px;padding:7px 12px;font-size:13px;font-weight:700}.project-icon{width:120px;height:120px;border-radius:16px;background:#f3f6fb;display:grid;place-items:center;flex:0 0 120px;overflow:hidden}.project-icon img{width:100%;height:100%;object-fit:cover}.project-icon span{font-size:44px;color:var(--blue);font-weight:800}.project-copy{min-width:0}.project-copy h3{font-size:22px;margin:0 0 10px}.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.project-tags span{background:#fff1ed;color:#ff6547;border-radius:999px;padding:5px 9px;font-size:12px}.project-copy p{margin:7px 0;color:#29364a;line-height:1.6}.project-price strong{font-size:17px}.task-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.task-grid.large{grid-template-columns:repeat(3,1fr)}.task-card{position:relative;border:1px solid var(--line);border-radius:17px;padding:18px;background:#fff;box-shadow:0 8px 24px rgba(40,74,124,.05)}.task-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.task-icon{width:42px;height:42px;border-radius:12px;background:#edf4ff;color:var(--blue);font-weight:800;display:grid;place-items:center;margin-bottom:12px}.task-card h3{font-size:17px;margin:0 0 8px}.task-card p{font-size:13px;color:#7b899c;line-height:1.65;min-height:42px}.task-card .meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.task-card .meta span,.badge{font-size:12px;color:#47709e;background:#f1f6fd;padding:5px 8px;border-radius:8px}.task-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.task-bottom strong{font-size:22px;color:#ff4d3d}.task-bottom small{font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.template-grid.four{grid-template-columns:repeat(4,1fr)}.tpl-card{position:relative;border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(40,74,124,.05)}.tpl-thumb{position:relative;display:block;aspect-ratio:16/9;background:#f3f6fb;overflow:hidden}.tpl-thumb>img{width:100%;height:100%;object-fit:cover}.tpl-fallback{height:100%;display:grid;place-items:center;padding:20px;text-align:center;background:linear-gradient(135deg,#ffdfe5,#fff1f2);font-size:20px}.tpl-fallback.dark{background:#172130;color:#fff}.tpl-fallback.green{background:linear-gradient(135deg,#d7f7e7,#f2fff8)}.tpl-fallback.orange{background:linear-gradient(135deg,#ffe4c7,#fff3e4)}.tpl-fallback.cyan{background:linear-gradient(135deg,#ccf6f5,#efffff)}.tpl-fallback.purple{background:linear-gradient(135deg,#ddd5ff,#f4f1ff)}.tpl-fallback.tall{min-height:420px}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff}.heat-badge{position:absolute;bottom:10px;right:10px;background:rgba(18,27,43,.72);color:#fff;border-radius:999px;padding:5px 9px;font-size:12px}.marketing-badge{position:absolute;z-index:2;top:9px;left:9px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.tpl-body{padding:16px}.tpl-body small{color:var(--blue);font-weight:700}.tpl-body h3{font-size:18px;margin:7px 0}.tpl-body p{font-size:13px;line-height:1.6;color:#7a889c;min-height:42px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tags span{padding:5px 8px;border-radius:7px;font-size:12px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-card{background:#fff}.article-cover{display:block;aspect-ratio:16/7;overflow:hidden;background:#f2f5fb}.article-cover img{width:100%;height:100%;object-fit:cover}.article-cover-fallback{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#ff4f4f,#ff8a21);color:#fff;font-size:28px;font-weight:800}.article-card-body{padding-top:14px}.article-card h3{font-size:18px;line-height:1.45;margin:0 0 9px}.article-card p{font-size:13px;color:#7b899c;line-height:1.6;margin:0 0 14px}.article-card time{font-size:12px;color:#9ca6b5}.page-banner{margin:32px 0 24px;border-radius:24px;background:linear-gradient(135deg,#f7fbff,#edf5ff);min-height:220px;padding:42px 48px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.page-banner h1{font-size:38px;margin:5px 0}.page-banner p{color:#75849a;font-size:16px}.page-banner img{max-height:180px;border-radius:16px}.filterbar{display:flex;gap:10px;margin:20px 0 28px;padding:14px;background:#f7f9fc;border-radius:16px}.filterbar input,.filterbar select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;min-width:200px;outline:0}.template-category-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:30px}.template-category-list.compact{grid-template-columns:repeat(3,1fr)}.template-category-list>a{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.cat-cover{width:76px;height:76px;border-radius:14px;background:#edf4ff;display:grid;place-items:center;overflow:hidden;flex:0 0 76px;color:var(--blue);font-size:24px}.cat-cover img{width:100%;height:100%;object-fit:cover}.template-category-list h2{font-size:18px;margin:0 0 5px}.template-category-list p{font-size:13px;color:#77879a;margin:0 0 6px}.template-category-list span{font-size:12px;color:var(--blue)}.category-hero{margin:32px 0;display:grid;grid-template-columns:.6fr 1.4fr;gap:24px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:22px}.category-hero>img{width:100%;height:220px;object-fit:cover;border-radius:16px}.category-hero h1{font-size:38px;margin:8px 0}.subcat-row{display:flex;gap:8px;flex-wrap:wrap;margin:-10px 0 25px}.subcat-row a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:#3b5f8c}.breadcrumbs{font-size:13px;color:#8090a5;margin:26px 0}.template-single{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:start;margin:20px 0 35px}.template-media{background:#f5f7fb;border-radius:20px;overflow:hidden;min-height:420px;display:grid;place-items:center}.template-media img,.template-media video{width:100%;height:100%;max-height:560px;object-fit:contain}.template-info h1{font-size:40px;line-height:1.2;margin:10px 0 15px}.template-info .lead{font-size:17px;line-height:1.75;color:#6e7c91}.template-stats{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.template-stats span{font-size:13px;padding:7px 10px;background:#f3f6fb;border-radius:9px}.detail-marketing{display:inline-block;padding:7px 12px;border-radius:999px;font-weight:700;font-size:13px}.detail-layout{display:grid;grid-template-columns:1fr 320px;gap:22px}.panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px}.prose{line-height:1.9;font-size:16px}.prose h2,.prose h3,.prose h4{line-height:1.35;margin-top:1.6em}.prose img{border-radius:14px;margin:20px auto}.prose blockquote{margin:20px 0;padding:16px 20px;border-left:4px solid var(--blue);background:#f5f8ff;color:#53647c}.prose hr{border:0;border-top:1px solid var(--line);margin:30px 0}.article-button{display:inline-block;background:var(--blue);color:#fff;padding:10px 18px;border-radius:10px}.info-list{display:grid;gap:12px;margin-bottom:18px}.info-list span{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:10px}.article-single{max-width:991.98px;margin:36px auto}.article-single-head{text-align:center;margin-bottom:26px}.article-single-head h1{font-size:42px;line-height:1.2;margin:14px 0}.article-single-head>p{font-size:17px;color:#71809b}.article-meta{display:flex;justify-content:center;gap:18px;color:#9aa5b5;font-size:13px}.article-hero-image{width:100%;max-height:480px;object-fit:cover;border-radius:18px;margin:25px 0}.article-content{font-size:17px}.page-article-grid{margin-bottom:60px}.auth-wrap{min-height:65vh;display:grid;place-items:center}.auth-card{width:min(420px,100%);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.auth-card h1{font-size:32px;margin:5px 0 25px}.stack{display:grid;gap:16px}.stack label,.form-grid label{display:grid;gap:7px;font-size:14px;color:#52627a}.stack input,.form-grid input,.form-grid select,.form-grid textarea,.admin-filter input,.admin-filter select{border:1px solid #dce5f2;border-radius:10px;padding:10px 12px;outline:0;background:#fff}.dashboard-hero{margin:32px 0;display:flex;justify-content:space-between;align-items:center;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#f8fbff);padding:32px}.dashboard-hero h1{margin:6px 0}.balance{background:#fff;border-radius:16px;padding:18px 25px;box-shadow:var(--shadow)}.balance small{display:block;color:#8493a8}.balance strong{font-size:30px;color:var(--blue)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);font-size:14px}th{font-size:12px;color:#7a899d}.linkbtn{border:0;background:none;color:var(--blue);padding:0;cursor:pointer}.faq details{padding:15px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:700;cursor:pointer}.empty-state{text-align:center;padding:80px 20px;color:#7f8da1}.footer{margin-top:60px;border-top:1px solid var(--line);padding:42px 0 26px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer>div{display:flex;flex-direction:column;gap:9px}.footer b{margin-bottom:5px}.footer a,.footer span,.footer p{font-size:13px;color:#75849a}.copyright{text-align:center;padding:18px;border-top:1px solid var(--line);font-size:12px;color:#9ba7b6}.popup-ad{display:none;position:fixed;inset:0;z-index:100;background:rgba(11,20,37,.48);place-items:center;padding:20px}.popup-ad.show{display:grid}.popup-card{position:relative;width:min(460px,94vw);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.25)}.popup-card>img{width:100%;max-height:320px;object-fit:cover}.popup-copy{padding:22px}.popup-copy h3{font-size:24px;margin:0 0 8px}.popup-copy p{color:#78869a;line-height:1.7}.popup-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:22px;cursor:pointer;z-index:2}
/* Admin */.admin-body{background:#f3f6fb}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background:linear-gradient(180deg,#092452,#0d478f);color:#fff;padding:18px 12px;overflow:auto;z-index:20}.admin-brand{display:block;padding:4px 10px 20px;color:#fff}.admin-brand b{display:block;font-size:22px}.admin-brand span{display:block;font-size:11px;color:#9dc4ff;margin-top:6px}.menu-group{margin-bottom:15px}.menu-group>small{display:block;padding:7px 10px;color:#77a8e7;font-size:11px}.menu-group a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;color:#d9e8ff;font-size:14px}.menu-group a i{width:18px;text-align:center;font-style:normal}.menu-group a:hover,.menu-group a.active{background:#1e6df0;color:#fff}.back-site{display:block;padding:12px 10px;color:#a9ccff;font-size:13px}.admin-shell{margin-left:220px;min-height:100vh}.admin-top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:15}.admin-top>div:first-child{display:flex;flex-direction:column}.admin-top span{font-size:12px;color:#8190a5}.admin-top>div:last-child{display:flex;align-items:center;gap:12px}.admin-user{font-weight:700;color:#31425b!important}.admin-main{padding:26px;max-width:1600px;margin:auto}.admin-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.admin-page-head h1{font-size:26px;margin:0}.admin-page-head p{color:#7c8aa0;margin:7px 0 0}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.stat-grid>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.stat-grid small{display:block;color:#7e8da3}.stat-grid strong{display:block;font-size:28px;margin-top:10px}.dashboard-panels{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:20px}.admin-card,.admin-table-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(36,68,110,.03)}.admin-card h2{margin-top:0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-grid a{padding:18px;border:1px solid var(--line);border-radius:12px;color:#2860b5;background:#f8fbff}.health-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.health-row .ok{color:var(--green)}.health-row .bad{color:var(--danger)}.muted{color:#8795a8;font-size:13px}.admin-table-card{padding:0;overflow:auto}.admin-table-card small{display:block;color:#8b98aa;margin-top:4px}.row-actions{display:flex;align-items:center;gap:10px}.row-actions form{margin:0}.linkbtn.danger{color:var(--danger)}.status{display:inline-block;padding:5px 8px;border-radius:7px;background:#f0f3f8;color:#71809a;font-size:12px}.status.ok{background:#e8fbf3;color:#0a8b5c}.thumb-mini{width:74px;height:46px;border-radius:8px;object-fit:cover}.icon-mini{width:44px;height:44px;border-radius:10px;object-fit:cover}.form-card{margin-top:20px}.admin-form{margin:0}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:1/-1}.form-preview{width:110px;height:74px;object-fit:cover;border:1px solid var(--line);border-radius:9px;margin-top:7px}.form-actions{display:flex;gap:10px;margin-top:20px}.codearea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:160px}.admin-filter{display:flex;gap:10px;margin-bottom:15px}.admin-filter input{min-width:300px}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.review-head{display:flex;justify-content:space-between}.review-head h3{margin:0}.review-head strong{color:#ff4d3d}.review-grid textarea{width:100%;min-height:70px;border:1px solid var(--line);border-radius:10px;padding:10px}.tag-library{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.tag-admin-item{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}.tag-admin-item span,.tag-checks span{padding:5px 8px;border-radius:7px;font-size:12px}.tag-admin-item a{font-size:12px;color:var(--blue)}.tag-checks{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:10px}.tag-checks label{display:block}.tag-checks input{display:none}.tag-checks input+span{opacity:.65;cursor:pointer;border:1px solid transparent}.tag-checks input:checked+span{opacity:1;border-color:currentColor}.inline-form{display:flex;gap:10px;align-items:center}.inline-form input,.inline-form select{border:1px solid var(--line);border-radius:10px;padding:10px}.media-admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}.media-admin-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;overflow:hidden}.media-preview{height:130px;border-radius:10px;background:#f2f5fa;display:grid;place-items:center;overflow:hidden;position:relative}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.media-preview span{position:absolute;bottom:6px;right:6px;background:#1c2a40;color:#fff;border-radius:6px;padding:4px 6px;font-size:11px}.media-admin-grid code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;margin:8px 0;color:#74839a}.media-upload-card{margin-bottom:18px}.media-picker-head{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line)}#mediaPicker{width:min(900px,94vw);border:0;border-radius:16px;padding:0}#mediaPicker::backdrop{background:rgba(7,16,31,.45)}.media-picker-grid{padding:15px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-height:70vh;overflow:auto}.media-pick-item{border:1px solid var(--line);border-radius:9px;background:#fff;padding:6px;cursor:pointer}.media-pick-item img,.video-tile{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#eaf0fa;display:grid;place-items:center}.media-pick-item span{font-size:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}.x{border:0;background:none;font-size:24px;cursor:pointer}.settings-tabs h3{border-bottom:1px solid var(--line);padding-bottom:10px;margin-top:24px}
/* block editor */.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.editor-main{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;min-height:75vh}.editor-title{width:100%;font-size:34px;font-weight:800;border:0;border-bottom:1px solid var(--line);padding:10px 0 18px;outline:0}.block-toolbar{display:flex;gap:6px;flex-wrap:wrap;position:sticky;top:85px;z-index:5;background:#fff;padding:12px 0;border-bottom:1px solid var(--line)}.block-toolbar button{border:1px solid #dce5f3;background:#f8fbff;color:#315b94;border-radius:8px;padding:7px 10px;cursor:pointer}.block-editor{padding:18px 0}.editor-block{border:1px solid transparent;border-radius:12px;padding:12px;margin:5px 0;position:relative}.editor-block:hover,.editor-block.focused{border-color:#cfe0ff;background:#fbfdff}.block-controls{display:flex;gap:4px;justify-content:flex-end;margin-bottom:6px}.block-controls button{border:0;background:#eef3fa;color:#60718a;border-radius:6px;padding:4px 7px;cursor:pointer}.editor-block input,.editor-block textarea,.editor-block select{width:100%;border:1px solid #dce5f3;border-radius:9px;padding:10px;outline:0;background:#fff}.editor-block textarea{min-height:100px;resize:vertical}.editor-block.heading input{font-size:26px;font-weight:800}.editor-block.image .block-image-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-block.separator{padding:20px}.editor-block.separator hr{border:0;border-top:2px solid #e5eaf2}.editor-side{display:grid;align-content:start;gap:14px}.editor-side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.editor-side-card h3{margin:0 0 13px}.editor-side-card label{display:grid;gap:6px;margin-bottom:12px;font-size:13px;color:#607089}.editor-side-card input,.editor-side-card select,.editor-side-card textarea{width:100%;border:1px solid #dce5f3;border-radius:9px;padding:9px}.video-tile{font-size:30px;color:#45658f}
@media(max-width:991.98px){.site-header nav{display:none}.global-search{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.task-grid{grid-template-columns:repeat(3,1fr)}.template-grid,.template-grid.four{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(3,1fr)}.media-admin-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767.98px){.container{padding:0 15px}.header-inner{height:66px;padding:0 15px}.head-actions .btn.ghost{display:none}.hero-slide,.hero{grid-template-columns:1fr;min-height:auto;padding-top:45px;padding-bottom:45px}.hero-slide h1,.hero h1{font-size:37px}.hero-visual{display:none}.project-card-grid{grid-template-columns:1fr}.task-grid,.task-grid.large{grid-template-columns:repeat(2,1fr)}.template-grid,.template-grid.four{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.template-category-list,.template-category-list.compact{grid-template-columns:1fr}.template-single,.detail-layout,.category-hero{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}.admin-sidebar{width:72px;padding:10px 7px}.admin-brand span,.menu-group small,.menu-group a:not(.active){font-size:0}.admin-brand b{font-size:0}.admin-brand b::first-letter{font-size:22px}.menu-group a{justify-content:center}.menu-group a i{font-size:17px}.admin-shell{margin-left:72px}.admin-top{padding:0 14px}.admin-main{padding:14px}.editor-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-panels,.review-grid{grid-template-columns:1fr}.media-admin-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:575.98px){.brand{font-size:20px}.category-grid{grid-template-columns:repeat(2,1fr)}.task-grid,.task-grid.large,.template-grid,.template-grid.four,.article-grid{grid-template-columns:1fr}.project-card{align-items:flex-start}.project-icon{width:88px;height:88px;flex-basis:88px}.page-banner{padding:30px 22px}.page-banner h1{font-size:30px}.filterbar{flex-direction:column}.filterbar input,.filterbar select{min-width:0;width:100%}.footer{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.media-admin-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:1fr 1fr}.article-single-head h1{font-size:32px}}
.task-card.has-cover{overflow:hidden}.task-card .task-cover{margin:-18px -18px 14px;height:118px;background:#f2f5fa;overflow:hidden}.task-card .task-cover img{width:100%;height:100%;object-fit:cover}.task-card.has-cover .marketing-badge{top:10px;left:10px}

/* V3.1 visual upgrades */
.hero-slider.full-bleed{margin-top:24px;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(32,91,190,.12);background:#eef5ff}
.hero-slider .hero-slide{min-height:480px;padding:54px clamp(28px,5vw,72px);grid-template-columns:minmax(0,1fr) minmax(380px,46%);gap:44px;align-items:center}
.hero-slider .hero-copy{max-width:767.98px}
.hero-slider .hero-copy h1{font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-2px}
.hero-slider .hero-copy p{font-size:18px;line-height:1.8;max-width:650px}
.hero-slider .hero-visual{display:flex;align-items:center;justify-content:center;min-height:330px}
.hero-slider .hero-visual picture,.hero-slider .hero-visual>img{width:100%;display:block}
.hero-slider .hero-visual img{width:100%;max-height:360px;object-fit:cover;border-radius:24px;box-shadow:0 22px 50px rgba(30,87,191,.16)}
.hero-slider .slider-dots{bottom:18px}
.project-card{position:relative;overflow:visible}
.project-ribbon,.marketing-badge{border-radius:12px 12px 12px 2px;box-shadow:0 8px 18px rgba(18,40,80,.08)}
button[disabled],.btn[disabled]{opacity:.5;cursor:not-allowed;filter:grayscale(.25)}
.video-external-card{min-height:420px;border-radius:24px;background:linear-gradient(145deg,#121725,#202b46);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:30px;text-decoration:none;box-shadow:0 22px 48px rgba(12,25,51,.18)}
.video-external-card small{color:#c8d1e5}.video-play-circle{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#246bfd;font-size:28px;box-shadow:0 15px 35px rgba(0,0,0,.18)}
.video-copy-panel{margin-top:24px}.copy-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.copy-fields>div{border:1px solid #e9eef8;background:#fbfdff;border-radius:18px;padding:18px;position:relative}.copy-fields label{font-size:12px;color:#78859b}.copy-fields p{min-height:48px;line-height:1.7;white-space:pre-wrap}.copy-btn{border:1px solid #dbe6fb;background:#fff;color:#246bfd;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700}.copy-btn.copied{background:#e8faf2;color:#11986a;border-color:#c5efdc}
.faq-category{font-size:18px;margin:24px 0 10px;color:#1b2a44}.faq-category:first-child{margin-top:0}
@media(max-width:991.98px){.hero-slider .hero-slide{grid-template-columns:1fr;min-height:auto;padding:34px 24px}.hero-slider .hero-visual{min-height:200px}.hero-slider .hero-visual img{max-height:260px}.copy-fields{grid-template-columns:1fr}.hero-slider.full-bleed{border-radius:20px;margin-top:14px}}
.video-frame{position:relative;width:100%;border-radius:24px;overflow:hidden;background:#0b0d12;box-shadow:0 18px 46px rgba(16,32,61,.12)}.video-frame video{display:block;width:100%;aspect-ratio:16/10;max-height:620px;object-fit:contain;background:#0b0d12}.video-source-note{position:absolute;right:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:12px;backdrop-filter:blur(8px)}.external-video-card{position:relative;min-height:430px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#111827,#253a66);display:flex;align-items:flex-end;box-shadow:0 18px 46px rgba(16,32,61,.12)}.external-video-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.external-video-poster{position:absolute;inset:0;display:grid;place-items:center;font-size:78px;color:#fff;background:radial-gradient(circle at 50% 40%,#3f77ff,#151c2c 70%)}.external-video-overlay{position:relative;z-index:2;width:100%;padding:34px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82))}.external-video-overlay span{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px}.external-video-overlay h3{font-size:26px;margin:12px 0 7px}.external-video-overlay p{margin:0 0 18px;color:rgba(255,255,255,.78)}@media(max-width:767.98px){.external-video-card{min-height:320px}.video-frame video{aspect-ratio:9/12}.video-source-note{display:none}}

/* V3.2 project navigation filters */
.project-filter-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:-4px 0 22px}.project-filter-tabs button{appearance:none;border:1px solid #edf0f5;background:#fff;color:#1d293d;border-radius:13px;padding:11px 22px;font-size:16px;cursor:pointer;box-shadow:0 4px 12px rgba(31,57,93,.03);transition:.2s ease}.project-filter-tabs button:hover{border-color:#ffd7ca;color:#ff5a36}.project-filter-tabs button.on{border-color:#ffe0d5;background:linear-gradient(135deg,#fff1ec,#ffe1d7);color:#ff5a36;font-weight:700}.project-card[hidden]{display:none!important}.remote-video-fallback[hidden]{display:none!important}.remote-video-shell{width:100%}
@media(max-width:767.98px){.project-filter-tabs{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.project-filter-tabs button{white-space:nowrap;padding:9px 16px;font-size:14px}.project-card-grid{grid-template-columns:1fr}.project-card{min-height:150px;padding:18px 16px}.project-icon{width:94px;height:94px;flex-basis:94px}.project-copy h3{font-size:18px}}

/* V3.3 独立项目菜单 */
.project-filter-tabs button{display:inline-flex;align-items:center;gap:7px}.project-tab-icon{width:20px;height:20px;object-fit:cover;border-radius:6px;display:block}

/* =========================================================
   V3.4 HUMAN EXPERIENCE REFRESH
   Editorial product UI: warmer, quieter, more tactile.
   ========================================================= */
:root{
  --blue:#183f68;--blue2:#102d4c;--ink:#18212c;--muted:#6f7782;--line:#e7e3dc;
  --bg:#fbfaf7;--card:#fff;--radius:22px;--shadow:0 18px 42px rgba(44,48,54,.08);
  --danger:#d94855;--green:#2e8068;--orange:#f05a36;--orange-soft:#fff0e9;--cream:#f3efe7;
  --ease:cubic-bezier(.2,.75,.25,1);--serif:ui-serif,"Songti SC","STSong",serif;
}
html{background:var(--bg);scroll-padding-top:86px}
body{background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#fbd7cb;color:#6e2818}
.container{max-width:1240px;padding:0 28px}
.notice-bar{min-height:34px;background:#f1eee8;color:#625f5a;border:0;font-size:12px;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:8px}.notice-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px rgba(240,90,54,.1)}
.site-header{top:0;background:rgba(251,250,247,.92);border-bottom:1px solid rgba(24,33,44,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{height:78px;max-width:1320px;padding:0 34px;gap:34px}.brand{font-size:22px;color:var(--ink);letter-spacing:-.03em}.brand img{height:34px}.brand-mark{position:relative;width:30px!important;height:30px!important;background:var(--ink)!important;border-radius:50%!important;overflow:hidden}.brand-mark:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--orange);left:-3px;top:7px}.brand-mark span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--bg);right:3px;top:3px}.site-header nav{gap:6px}.site-header nav a{position:relative;padding:9px 12px;border-radius:999px;font-size:14px;color:#404852;transition:.25s var(--ease)}.site-header nav a:hover{background:#f0ede6;color:var(--ink)}
.global-search{min-width:230px;margin-left:auto;border-color:#dfdbd3;border-radius:999px;background:#fff}.global-search input{padding:9px 4px 9px 15px;background:transparent}.global-search button{width:42px;color:#696f78;font-size:18px}.head-actions{gap:7px}.btn{min-height:44px;border-radius:999px;padding:10px 18px;transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s ease,border-color .22s ease}.btn.primary{background:var(--ink);color:#fff;box-shadow:none}.btn.primary:hover{background:#2a3440;transform:translateY(-2px);box-shadow:0 10px 24px rgba(24,33,44,.16)}.btn.primary:active{transform:translateY(0) scale(.98)}.btn.ghost{background:transparent;color:var(--ink);border-color:#d9d5ce}.btn.ghost:hover{background:#fff;border-color:#c8c2b8}.btn.big{min-height:50px;padding:13px 22px}.text-link{font-weight:700;color:var(--ink);font-size:14px}.text-link:hover{color:var(--orange)}
.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #ddd8cf;border-radius:50%;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:17px;height:1.5px;background:#202a35;transition:.25s}.nav-toggle.open span:first-child{transform:translateY(3.25px) rotate(45deg)}.nav-toggle.open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}

/* Home: cinematic but restrained */
.human-hero{position:relative;margin-top:24px!important;border-radius:32px!important;background:#ede9df!important;color:var(--ink);overflow:hidden!important;isolation:isolate;box-shadow:none!important;border:1px solid #e2ddd3}.human-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 18% 24%,rgba(255,255,255,.85) 0 1px,transparent 1.5px);background-size:18px 18px;opacity:.45;pointer-events:none}.human-hero:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(24,33,44,.1);border-radius:50%;right:-140px;top:-220px;box-shadow:0 0 0 48px rgba(255,255,255,.14),0 0 0 96px rgba(24,33,44,.025);pointer-events:none;z-index:-1}
.human-hero .hero-slide,.hero.human-hero{min-height:560px;padding:68px clamp(34px,5vw,74px);grid-template-columns:minmax(0,1.03fr) minmax(400px,.85fr);gap:54px;background:none!important}.human-hero .hero-slide:before{content:"";position:absolute;inset:0;background-image:var(--hero-bg);background-size:cover;background-position:center;opacity:.045;mix-blend-mode:multiply;pointer-events:none}.human-hero .hero-copy{position:relative;z-index:2;max-width:767.98px}.human-hero .eyebrow{display:flex;align-items:center;gap:10px;color:#575c60;letter-spacing:.02em;font-size:13px;margin-bottom:20px}.human-hero .eyebrow span{display:block;width:28px;height:2px;background:var(--orange)}.human-hero h1{font-size:clamp(44px,5.2vw,72px)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:0 0 22px;max-width:767.98px}.human-hero p{font-size:17px!important;line-height:1.9!important;color:#5d6268!important;max-width:610px;margin-bottom:30px!important}.human-hero .row-actions{gap:10px}.human-hero .btn.primary{background:var(--orange)}.human-hero .btn.primary:hover{background:#df4e2d;box-shadow:0 12px 26px rgba(240,90,54,.22)}
.hero-proof{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid rgba(24,33,44,.12)}.hero-proof span{display:grid;gap:1px;font-size:12px;color:#74777b}.hero-proof b{font-size:15px;color:#222b34;font-weight:800}.hero-visual{position:relative;z-index:2;min-height:390px!important}.hero-image-card{position:relative;width:100%;max-width:530px;padding:10px;background:#fff;border-radius:26px;box-shadow:0 22px 55px rgba(47,45,41,.12);transform:rotate(1.2deg);transition:transform .6s var(--ease)}.hero-slide.on .hero-image-card{animation:cardEnter .75s var(--ease) both}.hero-image-card img{width:100%;height:350px;max-height:none!important;object-fit:cover;border-radius:19px!important;box-shadow:none!important}.image-caption{position:absolute;left:25px;bottom:25px;padding:8px 12px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:999px;font-size:12px;color:#3f464d}.hero-live-card{position:relative;width:100%;max-width:490px;background:#fff;border:1px solid #e5e0d8;border-radius:26px;padding:22px;box-shadow:0 22px 52px rgba(41,43,44,.1);transform:rotate(-1deg)}.live-head{display:flex;align-items:center;gap:8px;padding:0 2px 16px;border-bottom:1px solid #efebe5}.live-head b{font-size:15px}.live-head small{margin-left:auto;color:#8b8b88}.live-dot{width:8px;height:8px;border-radius:50%;background:#43a680;box-shadow:0 0 0 5px rgba(67,166,128,.1);animation:pulseDot 2s infinite}.live-task{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f1ede7}.live-icon{width:42px;height:42px;border-radius:12px;background:#f3efe7;display:grid;place-items:center;font-weight:850;color:#2b3741}.live-task div{min-width:0;display:grid}.live-task div b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-task div small{font-size:11px;color:#8a8d90;margin-top:2px}.live-task strong{color:var(--orange);font-size:15px}.live-more{display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-weight:750;font-size:14px}.hero-orbit{position:absolute;border:1px solid rgba(24,33,44,.14);border-radius:50%;pointer-events:none}.orbit-a{width:110px;height:110px;right:-14px;top:-15px}.orbit-b{width:18px;height:18px;left:-20px;bottom:18px;background:var(--orange);border:0}.slider-ui{position:absolute;z-index:5;left:clamp(34px,5vw,74px);right:clamp(34px,5vw,74px);bottom:22px;display:flex;align-items:center;justify-content:space-between}.slider-dots{position:static;transform:none}.slider-dots button{width:24px;height:3px;border-radius:4px;background:rgba(24,33,44,.18);transition:.3s}.slider-dots button.on{width:48px;background:var(--ink)}.slider-arrows{display:flex;gap:7px}.slider-arrows button{width:42px;height:42px;border:1px solid rgba(24,33,44,.15);background:rgba(255,255,255,.7);border-radius:50%;cursor:pointer;font-size:17px;transition:.2s}.slider-arrows button:hover{background:#fff;transform:translateY(-2px)}.slider-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(24,33,44,.05)}.slider-progress span{display:block;width:0;height:100%;background:var(--orange)}.hero-slide.on~.slider-progress span{animation:slideProgress 6s linear infinite}
@keyframes cardEnter{from{opacity:0;transform:translateY(14px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(1.2deg)}}@keyframes pulseDot{50%{box-shadow:0 0 0 8px rgba(67,166,128,0)}}@keyframes slideProgress{from{width:0}to{width:100%}}

.section{padding:76px 0;border-top:1px solid rgba(24,33,44,.07)}.human-hero+.section{border-top:0}.section-title{align-items:flex-start;margin-bottom:30px}.section-title>div{max-width:767.98px}.section-title small{font-size:12px;letter-spacing:.08em;color:var(--orange);text-transform:uppercase;margin-bottom:9px}.section-title h2{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.045em}.section-title p{margin:10px 0 0;color:#797c7d;font-size:14px}.section-title>a{margin-top:10px;color:var(--ink);font-size:14px}.section-title>a span{display:inline-block;transition:transform .2s}.section-title>a:hover span{transform:translate(3px,-2px)}

/* Category entries: tactile navigation, not dashboard tiles */
.category-grid{grid-template-columns:repeat(3,1fr);gap:10px}.category-grid a{position:relative;grid-template-columns:50px 1fr 26px;grid-template-rows:auto auto;padding:20px 18px;border:1px solid #e5e0d8;border-radius:18px;background:#fff;box-shadow:none;transition:.3s var(--ease)}.category-grid a:hover{transform:translateY(-3px);border-color:#d6cfc5;box-shadow:0 14px 34px rgba(48,45,41,.07)}.category-grid i,.category-grid img{width:50px;height:50px;border-radius:14px;background:#f3efe7;color:var(--ink);grid-row:1/3}.category-grid b{font-size:15px;padding-top:2px}.category-grid span{color:#858480;font-size:12px}.category-grid em{grid-column:3;grid-row:1/3;display:grid;place-items:center;font-style:normal;color:#aaa49a;transition:transform .25s}.category-grid a:hover em{transform:translateX(4px);color:var(--orange)}

.project-filter-tabs{margin:0 0 24px;padding:5px;background:#f0ede7;border-radius:16px;display:inline-flex;max-width:100%;gap:3px}.project-filter-tabs button{box-shadow:none;border:0;border-radius:12px;padding:10px 17px;background:transparent;color:#676b6f;font-size:14px}.project-filter-tabs button:hover{border:0;color:var(--ink);background:rgba(255,255,255,.6)}.project-filter-tabs button.on{border:0;background:#fff;color:var(--ink);font-weight:750;box-shadow:0 2px 8px rgba(44,44,42,.06)}.project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{min-height:178px;padding:18px;border:1px solid #e4e0d8;border-radius:22px;box-shadow:none;gap:18px;background:#fff;transition:.35s var(--ease)}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(44,45,46,.08);border-color:#d8d1c7}.project-icon{width:112px;height:112px;flex-basis:112px;border-radius:18px;background:#f3efe8}.project-icon img{transition:transform .45s var(--ease)}.project-card:hover .project-icon img{transform:scale(1.045)}.project-icon span{color:var(--ink);font-size:30px}.project-copy{flex:1}.project-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.project-card-head h3{font-size:19px;margin:0 0 8px;letter-spacing:-.02em}.project-card-head>span{font-size:12px;color:#aaa39a;white-space:nowrap}.project-tags{margin-bottom:12px}.project-tags span{background:#f7f3ec;color:#796c62;border-radius:999px;padding:4px 8px}.project-copy p{display:grid;grid-template-columns:66px 1fr;gap:6px;margin:6px 0;font-size:13px;color:#676b70}.project-copy p b{font-weight:600;color:#97938c}.project-price strong{font-size:15px}.project-ribbon,.marketing-badge{border-radius:0 0 10px 0;box-shadow:none;font-size:11px;padding:6px 9px}

/* Task cards: conversational, price-led */
.task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.task-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.task-card{min-height:285px;padding:20px;border:1px solid #e3ded5;border-radius:22px;background:#fff;box-shadow:none;display:flex;flex-direction:column;transition:.32s var(--ease)}.task-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(46,45,42,.08);border-color:#d3cbc0}.task-card-top{display:flex;align-items:center;gap:11px}.task-card .task-cover{width:50px;height:50px;margin:0;border-radius:14px;flex:0 0 50px}.task-card .task-cover img{border-radius:14px}.task-icon{width:50px;height:50px;border-radius:14px;margin:0;background:#f2eee7;color:#253342;font-size:15px;letter-spacing:-.02em}.task-quick{display:grid;min-width:0}.task-quick span{font-size:12px;font-weight:750}.task-quick small{font-size:11px;color:#999792}.task-card h3{font-size:18px;line-height:1.45;margin:18px 0 8px;letter-spacing:-.025em}.task-card p{font-size:13px;color:#7c7e80;min-height:42px;margin:0}.task-card .meta{margin:13px 0 16px}.task-card .meta span{background:#f5f2ec;color:#77716a;border-radius:999px;padding:5px 8px}.task-bottom{margin-top:auto;padding-top:16px;border-top:1px solid #eeeae3}.task-bottom>div{display:grid}.task-bottom>div>small{font-size:11px;color:#9b9892}.task-bottom strong{font-size:28px;color:var(--orange);line-height:1.15;letter-spacing:-.04em}.task-bottom .btn{min-height:42px;padding:9px 15px;font-size:13px;background:#242d37}

/* Templates: more editorial, less 'SaaS card' */
.template-grid,.template-grid.four{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tpl-card{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.tpl-thumb{aspect-ratio:1.55;border-radius:20px;background:#efebe4;box-shadow:inset 0 0 0 1px rgba(24,33,44,.06)}.tpl-thumb>img{transition:transform .6s var(--ease)}.tpl-card:hover .tpl-thumb>img{transform:scale(1.035)}.tpl-fallback{background:#e9e4da;font-size:18px;align-content:center;gap:7px;padding:30px}.tpl-fallback span{font-size:11px;letter-spacing:.15em;color:#9b9389}.tpl-fallback b{max-width:220px}.play{width:46px;height:46px;background:rgba(255,255,255,.92);color:#202936;box-shadow:0 8px 22px rgba(0,0,0,.1)}.heat-badge{bottom:12px;right:12px;background:rgba(255,255,255,.9);color:#525861;backdrop-filter:blur(8px)}.tpl-body{padding:15px 2px 0}.tpl-overline{display:flex;align-items:center;justify-content:space-between}.tpl-overline small{color:#74777b;font-weight:650}.tpl-overline>span{font-size:11px;color:#a39f98}.tpl-body h3{font-size:18px;margin:8px 0 6px;line-height:1.45;letter-spacing:-.02em}.tpl-body p{min-height:40px;color:#858585;margin:0}.tags{margin:10px 0 13px}.tags span{border-radius:999px}.card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8e3dc;padding-top:11px;font-size:13px;font-weight:750}.card-link span{transition:transform .22s}.tpl-card:hover .card-link span{transform:translate(3px,-2px)}

/* News as a magazine block */
.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{background:transparent}.article-cover{aspect-ratio:1.7;border-radius:18px;background:#eeeae3}.article-cover img{transition:transform .6s var(--ease)}.article-card:hover .article-cover img{transform:scale(1.03)}.article-cover-fallback{background:#26313c;display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-end;padding:22px;font-size:22px}.article-cover-fallback span{font-size:10px;letter-spacing:.18em;color:#d7d4ce}.article-card-body{padding-top:13px}.article-meta-line{display:flex;justify-content:space-between;color:#99958e;font-size:11px}.article-card h3{font-size:18px;margin:8px 0 6px;letter-spacing:-.025em}.article-card p{color:#858585;margin-bottom:10px}.article-card .text-link{font-size:12px}

.process-band{margin:44px 0 0;padding:34px;border-radius:26px;background:#1f2933;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:36px;align-items:center}.process-intro>span{font-size:12px;color:#ffab8d}.process-intro h2{font-size:36px;line-height:1.05;margin:7px 0 12px;letter-spacing:-.04em}.process-intro p{color:#aeb6bf;margin:0;font-size:13px}.process-band ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.process-band li{border-left:1px solid rgba(255,255,255,.14);padding:8px 14px;display:flex;gap:10px}.process-band em{font-style:normal;color:#ff8964;font-size:11px}.process-band li div{display:grid}.process-band li b{font-size:14px}.process-band li span{font-size:11px;color:#aeb6bf;margin-top:3px}.trust-strip{margin:12px 0 76px;border:1px solid #e2ddd4;border-radius:20px;padding:20px 22px;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;background:#fff}.trust-strip>div{display:grid;border-right:1px solid #ece7df;padding-right:20px;margin-right:20px}.trust-strip span{font-size:10px;color:#a29e97;text-transform:uppercase}.trust-strip b{font-size:13px;margin-top:2px}.trust-strip>a{font-size:13px;font-weight:700;color:var(--orange)}
.closing-note{margin:0 0 18px;padding:44px;border-radius:28px;background:#f0ebe2;display:flex;justify-content:space-between;align-items:end;gap:30px}.closing-kicker{font-size:12px;color:#8b867e}.closing-note h2{font-family:var(--serif);font-size:38px;line-height:1.25;font-weight:700;margin:8px 0 0;letter-spacing:-.03em}.closing-actions{display:grid;justify-items:end;gap:12px}
.footer{margin-top:0;border-top:0;background:#fff;border:1px solid #e3ded6;border-radius:26px;padding:34px;grid-template-columns:1.5fr repeat(3,1fr);gap:38px}.footer p{font-size:14px}.footer small{color:#a09c95}.copyright{display:flex;justify-content:space-between;padding:18px 3px 30px;color:#99958e}

/* Reveal + micro-interaction */
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}[data-reveal].revealed{opacity:1;transform:none}.site-toast{position:fixed;right:22px;bottom:22px;z-index:9999;padding:11px 15px;border-radius:12px;background:#1f2933;color:#fff;font-size:13px;box-shadow:0 16px 36px rgba(0,0,0,.16);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.site-toast.show{opacity:1;transform:none}.press-wave{position:absolute;border-radius:50%;background:rgba(255,255,255,.28);transform:scale(0);animation:pressWave .5s linear;pointer-events:none}@keyframes pressWave{to{transform:scale(4);opacity:0}}

/* Other public pages inherit a calmer, product-like system */
.page-banner,.category-hero,.dashboard-hero{background:#f0ece4;border:1px solid #e3ddd4;border-radius:26px;box-shadow:none}.page-banner h1,.category-hero h1,.dashboard-hero h1{letter-spacing:-.045em}.filterbar{border:1px solid #e3ded6;background:#fff;border-radius:18px;box-shadow:none}.filterbar input,.filterbar select{border-color:#e2ddd5;background:#fbfaf7}.panel,.template-info,.auth-card{border-color:#e2ddd5;box-shadow:none;border-radius:22px}.breadcrumbs{color:#9b9892}.template-single{gap:34px}.template-single h1{letter-spacing:-.045em}.video-frame,.external-video-card{border-radius:22px;box-shadow:0 16px 36px rgba(39,42,45,.08)}

/* =======================
   ADMIN: editor workbench
   ======================= */
.admin-body{background:#f4f3f0;color:#252b32}.admin-sidebar{width:238px;background:#1f2933;padding:18px 13px;border-right:0;box-shadow:none}.admin-brand{padding:8px 9px 22px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:12px}.admin-brand b{font-size:18px}.admin-brand span{color:#9eabb7;font-size:11px;margin-top:3px}.menu-group{margin:16px 0}.menu-group small{color:#71808f;padding:0 10px;font-size:10px;letter-spacing:.08em}.menu-group a{min-height:40px;border-radius:10px;color:#c8d0d7;padding:9px 10px;gap:10px;font-size:13px}.menu-group a i{width:22px;color:#8493a2}.menu-group a:hover{background:rgba(255,255,255,.06);color:#fff}.menu-group a.active{background:#fff;color:#202a34;box-shadow:none}.menu-group a.active i{color:var(--orange)}.back-site{color:#9eabb7}.admin-shell{margin-left:238px}.admin-top{height:68px;background:rgba(255,255,255,.9);backdrop-filter:blur(15px);border-bottom:1px solid #e1ded8;padding:0 28px}.admin-top>div:first-child{display:flex;align-items:baseline;gap:11px}.admin-top b{font-size:15px}.admin-top span{font-size:11px;color:#94918c}.admin-main{padding:28px;max-width:1560px}.admin-page-head{margin-bottom:22px;align-items:center}.admin-page-head h1{font-size:27px;letter-spacing:-.04em;margin-bottom:4px}.admin-page-head p{font-size:13px;color:#8b8985;margin:0}.admin-page-head .btn.primary{background:#25313d}.admin-card,.admin-table-card{border:1px solid #e1ddd6;background:#fff;border-radius:18px;box-shadow:none}.admin-table-card{overflow:hidden}.admin-table-card table{border-collapse:collapse}.admin-table-card th{background:#faf9f6;color:#8a8985;font-size:11px;text-transform:none;font-weight:650;padding:12px 14px}.admin-table-card td{padding:13px 14px;border-top:1px solid #efebe6;font-size:13px}.admin-table-card tr:hover td{background:#fcfbf8}.stat-grid>div{border:1px solid #e2ded7;background:#fff;border-radius:16px;box-shadow:none}.stat-grid strong{letter-spacing:-.04em}.quick-grid a{background:#f7f5f1;border-color:#e5e1da;border-radius:12px}.quick-grid a:hover{background:#fff;border-color:#d5cec4}.form-card{padding:0!important;overflow:hidden}.form-card>h2{margin:0;padding:20px 24px;border-bottom:1px solid #e8e4dd;font-size:18px;background:#faf9f6}.admin-form{padding:24px}.form-grid.two{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.form-grid.two>label{grid-column:span 6;margin:0;padding:14px;background:#faf9f6;border:1px solid #e6e1da;border-radius:14px;font-size:12px;color:#61666b;align-content:start}.form-grid.two>label.wide{grid-column:1/-1}.form-grid.two>label:has(textarea[rows="12"]),.form-grid.two>label:has(.codearea){grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.admin-form input,.admin-form textarea,.admin-form select{border:1px solid #dad5cc!important;background:#fff!important;border-radius:10px!important;padding:10px 11px!important;outline:0;transition:border-color .2s,box-shadow .2s}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#9fa9b3!important;box-shadow:0 0 0 3px rgba(31,41,51,.05)}.form-grid textarea{line-height:1.65}.form-grid label small{color:#99958f;line-height:1.5}.form-preview{border-radius:10px;margin-top:9px;max-height:110px}.tag-checks{background:#fff;border:1px dashed #d9d3ca;border-radius:10px;padding:8px}.tag-checks label{background:transparent!important;border:0!important;padding:3px!important}.form-actions{position:sticky;bottom:0;z-index:20;margin:20px -24px -24px;padding:13px 24px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-top:1px solid #e5e0d8;display:flex;justify-content:flex-end}.form-actions .btn.primary{min-width:116px}.settings-tabs h3{font-size:14px;margin:26px 0 12px;color:#323940;border-bottom:0;padding:0}.linkbtn{font-size:12px}.row-actions{gap:6px}.review-grid{gap:14px}.review-grid .admin-card{padding:18px}.media-admin-grid{gap:12px}.media-item{border:1px solid #e2ded7;border-radius:14px;box-shadow:none}.media-picker-grid{gap:10px}.media-pick-item{border-radius:12px;border-color:#e1ddd6}.editor-main,.editor-side-card{border-color:#e2ddd6;box-shadow:none}.editor-title{font-family:var(--serif);font-weight:700}.block-toolbar button{background:#f6f4ef;border-color:#dfd9d0;color:#4a5159}.editor-block:hover,.editor-block.focused{border-color:#d4cdc3;background:#fbfaf7}.block-controls button{background:#ece8e1;color:#6e716f}

/* JS-enhanced long forms */
.admin-form.is-workbench{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:0}.admin-form.is-workbench>.admin-work-main,.admin-form.is-workbench>.admin-work-side{padding:22px}.admin-form.is-workbench>.admin-work-side{background:#faf9f6;border-left:1px solid #e6e1da}.admin-form.is-workbench .form-actions{grid-column:1/-1;margin:0}.admin-work-main h3,.admin-work-side h3{font-size:12px;color:#8e8b85;letter-spacing:.06em;margin:0 0 10px;text-transform:uppercase}.admin-field-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.admin-field-group>label{display:grid;gap:6px;padding:13px;border:1px solid #e6e1da;border-radius:12px;background:#fff;font-size:12px;color:#62686e}.admin-field-group>label.wide-like{grid-column:1/-1}.admin-field-group textarea{min-height:110px}.admin-work-side .admin-field-group{grid-template-columns:1fr}.admin-work-side .admin-field-group>label{background:#fff}

@media(max-width:991.98px){.site-header nav{display:flex}.header-inner{gap:18px}.global-search{display:none}.task-grid{grid-template-columns:repeat(2,1fr)}.template-grid,.template-grid.four{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.human-hero .hero-slide,.hero.human-hero{grid-template-columns:1fr minmax(340px,.75fr);min-height:520px}.admin-form.is-workbench{grid-template-columns:1fr}.admin-form.is-workbench>.admin-work-side{border-left:0;border-top:1px solid #e6e1da}}
@media(max-width:767.98px){.container{padding:0 18px}.header-inner{height:68px;padding:0 18px}.nav-toggle{display:flex}.site-header nav{display:none;position:absolute;left:14px;right:14px;top:74px;padding:10px;background:#fff;border:1px solid #e2ddd5;border-radius:18px;box-shadow:0 18px 46px rgba(42,43,44,.12);flex-direction:column;align-items:stretch;gap:2px}.site-header nav.open{display:flex}.site-header nav a{padding:12px 13px}.head-actions .btn.ghost{display:none}.head-actions .btn.primary{font-size:0;width:44px;padding:0}.head-actions .btn.primary:after{content:"↗";font-size:16px}.human-hero{border-radius:24px!important}.human-hero .hero-slide,.hero.human-hero{grid-template-columns:1fr;min-height:auto;padding:42px 25px 62px}.human-hero h1{font-size:42px!important}.human-hero .hero-visual{display:flex;min-height:auto!important}.hero-image-card,.hero-live-card{max-width:none}.hero-image-card img{height:260px}.hero-proof{gap:17px}.slider-ui{left:25px;right:25px}.project-card-grid{grid-template-columns:1fr}.task-grid,.task-grid.large{grid-template-columns:repeat(2,1fr)}.template-grid,.template-grid.four{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.process-band{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr 1fr;gap:16px}.trust-strip>div{border-right:0}.closing-note{align-items:flex-start;flex-direction:column}.closing-actions{justify-items:start}.admin-sidebar{width:72px}.admin-shell{margin-left:72px}.admin-form{padding:16px}.form-grid.two>label{grid-column:1/-1}.form-actions{margin:20px -16px -16px;padding:12px 16px}}
@media(max-width:575.98px){.notice-bar{font-size:11px}.brand{font-size:19px}.human-hero{margin-top:12px!important}.human-hero .hero-slide,.hero.human-hero{padding:34px 20px 58px}.human-hero h1{font-size:36px!important}.human-hero p{font-size:15px!important}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hero-proof span{padding-right:5px}.hero-image-card img{height:210px}.hero-live-card{padding:16px}.live-task{grid-template-columns:38px 1fr auto}.section{padding:54px 0}.section-title{margin-bottom:22px}.section-title h2{font-size:29px}.section-title p{font-size:13px}.category-grid,.task-grid,.task-grid.large,.template-grid,.template-grid.four,.article-grid{grid-template-columns:1fr}.category-grid a{grid-template-columns:46px 1fr 22px}.project-filter-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.project-card{align-items:center;padding:14px}.project-icon{width:88px;height:88px;flex-basis:88px}.project-copy p{grid-template-columns:58px 1fr}.task-card{min-height:260px}.process-band{padding:25px 20px}.process-band ol{grid-template-columns:1fr}.process-band li{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:12px 0}.trust-strip{grid-template-columns:1fr}.trust-strip>div{padding:0 0 12px;border-bottom:1px solid #ece7df;margin:0}.closing-note{padding:30px 22px}.closing-note h2{font-size:31px}.footer{grid-template-columns:1fr 1fr;padding:25px 20px}.footer-brand{grid-column:1/-1}.copyright{font-size:11px}.admin-main{padding:13px}.admin-page-head{align-items:flex-start;gap:10px}.admin-page-head h1{font-size:23px}.admin-page-head .btn{font-size:12px;padding:8px 12px}.admin-card.form-card>h2{padding:16px}.admin-form.is-workbench>.admin-work-main,.admin-form.is-workbench>.admin-work-side{padding:15px}.admin-field-group{grid-template-columns:1fr}.admin-field-group>label{grid-column:1!important}.admin-top>div:first-child span{display:none}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}}
.file-field{border-style:dashed!important;background:#fcfbf8!important}.file-field input[type=file]{border:0!important;padding:8px 0!important;background:transparent!important}.file-selected{display:block;color:#2e8068!important;margin-top:4px}.page-loading-accent{position:fixed;z-index:10000;left:0;top:0;width:0;height:2px;background:var(--orange);transition:width .7s var(--ease),opacity .3s}.page-loading-accent.run{width:72%}.page-loading-accent.done{width:100%;opacity:0}

/* =========================================================
   V3.4.1 HERO EDITORIAL REFINEMENT
   Better title rhythm, full-image media, purposeful motion.
   ========================================================= */
.human-hero{
  --hero-pad:max(28px,calc((100vw - 1320px)/2 + 34px));
  margin-top:22px!important;
  border-radius:30px!important;
  background:#eeeae1!important;
}
.human-hero:before{
  background-image:
    radial-gradient(circle at 20% 24%,rgba(255,255,255,.82) 0 1px,transparent 1.35px),
    linear-gradient(110deg,transparent 0 62%,rgba(255,255,255,.22) 62% 62.15%,transparent 62.15%);
  background-size:20px 20px,100% 100%;
  opacity:.42;
}
.human-hero:after{
  width:420px;height:420px;right:-95px;top:-200px;
  border-color:rgba(24,33,44,.08);
  box-shadow:0 0 0 54px rgba(255,255,255,.10),0 0 0 108px rgba(24,33,44,.018);
  animation:heroRingDrift 14s ease-in-out infinite alternate;
}
.human-hero .hero-slide,.hero.human-hero{
  min-height:610px;
  padding:76px var(--hero-pad) 82px;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:76px;
  align-items:center;
}
.human-hero .hero-slide:before{background-image:none!important;opacity:0!important}
.human-hero .hero-copy{max-width:590px;align-self:center}
.human-hero .eyebrow{margin-bottom:18px;font-size:12px;font-weight:720;color:#65645f;letter-spacing:.045em}
.human-hero .hero-title{
  margin:0 0 22px!important;
  max-width:590px;
  font-size:clamp(42px,4vw,60px)!important;
  line-height:1.10!important;
  letter-spacing:-.047em!important;
  font-weight:860;
  text-wrap:balance;
}
.hero-title-line{display:block;white-space:normal;text-wrap:balance}
.hero-title-line+.hero-title-line{margin-top:.08em}
.hero-title-line.is-last{position:relative;width:max-content;max-width:100%}
.hero-title-line.is-last:after{content:"";display:block;width:42px;height:3px;margin-top:14px;border-radius:999px;background:var(--orange)}
.human-hero .hero-lead{
  max-width:575.98px;
  margin:0 0 28px!important;
  color:#666863!important;
  font-size:16px!important;
  line-height:1.85!important;
  text-wrap:pretty;
}
.human-hero .row-actions{margin-top:2px;gap:10px}
.hero-proof{max-width:575.98px;margin-top:30px;padding-top:20px;gap:30px}
.hero-proof b{font-size:16px;letter-spacing:-.015em}.hero-proof span{font-size:11px}

.hero-visual{
  min-height:440px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.hero-visual:before{
  content:"";position:absolute;z-index:-3;width:76%;height:72%;right:5%;top:13%;
  border-radius:50%;background:radial-gradient(circle,rgba(240,90,54,.18),rgba(240,90,54,.045) 43%,transparent 72%);
  filter:blur(16px);animation:heroGlow 9s ease-in-out infinite alternate;pointer-events:none;
}
.hero-visual:after{
  content:"";position:absolute;z-index:-2;width:62%;height:74%;right:8%;top:10%;
  border-radius:44% 56% 62% 38%;
  background:radial-gradient(circle at 34% 32%,rgba(255,255,255,.72),transparent 48%),linear-gradient(145deg,rgba(24,63,104,.07),rgba(255,255,255,.04));
  transform:rotate(-7deg);animation:heroShape 13s ease-in-out infinite alternate;pointer-events:none;
}
.hero-image-card{
  position:relative;width:min(100%,620px);max-width:620px;padding:12px 12px 0;
  background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.92);border-radius:28px;
  box-shadow:0 26px 70px rgba(40,42,44,.14),0 4px 14px rgba(40,42,44,.05);
  transform:none;transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
.hero-slide.on .hero-image-card{animation:heroMediaIn .72s var(--ease) both}
.hero-image-card:hover{transform:translateY(-4px) rotate(.25deg);box-shadow:0 34px 78px rgba(40,42,44,.17),0 5px 18px rgba(40,42,44,.06)}
.hero-image-stage{
  position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;
  width:100%;aspect-ratio:16/10;border-radius:20px;background:#f6f1e9;
}
.hero-image-stage:before{
  content:"";position:absolute;inset:-12%;z-index:-1;background-image:var(--hero-image);background-size:cover;background-position:center;
  filter:blur(28px) saturate(.82);opacity:.16;transform:scale(1.1);
}
.hero-image-stage:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%,rgba(24,33,44,.035));pointer-events:none}
.hero-image-stage picture{position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center}
.hero-image-card img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}
.hero-image-foot{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 8px;color:#696b68;font-size:11px}
.hero-image-foot span{display:inline-flex;align-items:center;gap:8px}.hero-image-foot span i{width:7px;height:7px;border-radius:50%;background:#48a27e;box-shadow:0 0 0 5px rgba(72,162,126,.09)}
.hero-image-foot strong{font-size:11px;color:#2b3035;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.image-caption{display:none!important}

.hero-float-chip{
  position:absolute;z-index:4;min-width:142px;padding:11px 13px;border-radius:16px;background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(48,48,45,.10);backdrop-filter:blur(12px);
  display:grid;gap:1px;pointer-events:none;
}
.hero-float-chip small{font-size:10px;color:#8b8984}.hero-float-chip b{font-size:13px;color:#242c33;letter-spacing:-.01em}
.hero-float-chip.chip-a{right:-8px;top:38px;animation:heroChipA 7s ease-in-out infinite alternate}
.hero-float-chip.chip-b{left:-24px;bottom:48px;animation:heroChipB 8.5s ease-in-out infinite alternate}
.hero-orbit{z-index:-1;border-color:rgba(24,33,44,.10)}
.orbit-a{width:128px;height:128px;right:-24px;top:4px;animation:heroOrbit 15s linear infinite}
.orbit-b{width:13px;height:13px;left:1%;bottom:21%;box-shadow:0 0 0 10px rgba(240,90,54,.07);animation:heroDot 5.5s ease-in-out infinite}
.slider-ui{left:var(--hero-pad);right:var(--hero-pad);bottom:24px}
.slider-dots button{height:2px}.slider-arrows button{background:rgba(255,255,255,.76);backdrop-filter:blur(8px)}

@keyframes heroMediaIn{from{opacity:0;transform:translateY(18px) scale(.982)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes heroGlow{from{transform:translate3d(-10px,8px,0) scale(.96)}to{transform:translate3d(12px,-6px,0) scale(1.05)}}
@keyframes heroShape{from{transform:rotate(-7deg) translate3d(0,0,0)}to{transform:rotate(-2deg) translate3d(10px,-8px,0)}}
@keyframes heroChipA{from{transform:translate3d(0,0,0)}to{transform:translate3d(-5px,9px,0)}}
@keyframes heroChipB{from{transform:translate3d(0,0,0)}to{transform:translate3d(7px,-7px,0)}}
@keyframes heroRingDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-18px,16px,0)}}
@keyframes heroOrbit{to{transform:rotate(360deg)}}
@keyframes heroDot{50%{transform:translateY(-8px);box-shadow:0 0 0 16px rgba(240,90,54,0)}}

@media(max-width:1199.98px){
  .human-hero{--hero-pad:34px}.human-hero .hero-slide,.hero.human-hero{grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:46px;min-height:570px;padding-top:64px}
  .human-hero .hero-title{font-size:clamp(40px,4.4vw,54px)!important}.hero-float-chip.chip-a{right:-4px}.hero-float-chip.chip-b{left:-10px}
}
@media(max-width:767.98px){
  .human-hero{--hero-pad:25px}.human-hero .hero-slide,.hero.human-hero{grid-template-columns:1fr;gap:34px;padding:44px var(--hero-pad) 64px;min-height:auto}
  .human-hero .hero-copy{max-width:767.98px}.human-hero .hero-title{max-width:650px;font-size:42px!important}.hero-title-line.is-last{width:auto}
  .hero-visual{min-height:auto!important}.hero-image-card{width:100%;max-width:767.98px}.hero-image-stage{aspect-ratio:16/9}.hero-float-chip{display:none}.human-hero:after{opacity:.6}
}
@media(max-width:575.98px){
  .human-hero{--hero-pad:20px;border-radius:22px!important}.human-hero .hero-slide,.hero.human-hero{padding:34px var(--hero-pad) 58px;gap:26px}
  .human-hero .hero-title{font-size:34px!important;line-height:1.12!important;letter-spacing:-.04em!important;margin-bottom:18px!important}
  .hero-title-line.is-last:after{width:32px;margin-top:10px}.human-hero .hero-lead{font-size:14px!important;line-height:1.75!important;margin-bottom:22px!important}
  .hero-proof{margin-top:22px;padding-top:17px;gap:10px}.hero-image-card{padding:8px 8px 0;border-radius:20px}.hero-image-stage{border-radius:14px}.hero-image-foot{height:44px;padding-inline:6px}.slider-ui{left:20px;right:20px;bottom:17px}.slider-arrows button{width:38px;height:38px}
}


/* V3.4.2 — 首页新增内容层：只作用于热门项目推荐 / 热门任务推荐 */
.home-glass-section{position:relative;isolation:isolate;margin:34px 0 10px;padding:38px;border:1px solid rgba(255,255,255,.72);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(249,247,242,.68));box-shadow:0 22px 60px rgba(42,45,50,.075),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}.home-glass-section:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(28,36,45,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(28,36,45,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%)}.showcase-aura{position:absolute;z-index:-1;width:330px;height:330px;border-radius:50%;filter:blur(4px);opacity:.38;pointer-events:none;animation:showcaseBreathe 8s ease-in-out infinite alternate}.aura-orange{right:-125px;top:-170px;background:radial-gradient(circle,rgba(239,92,55,.25),rgba(239,92,55,0) 70%)}.aura-blue{left:-150px;bottom:-190px;background:radial-gradient(circle,rgba(41,88,128,.18),rgba(41,88,128,0) 70%)}.task-aura{left:auto;right:-165px;bottom:-170px;opacity:.3}.home-section-heading{position:relative;z-index:2;margin-bottom:26px}.home-section-heading>div{max-width:767.98px}.home-section-heading h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.05em}.home-section-heading p{max-width:630px;line-height:1.8;color:#737676}.home-section-heading>a{align-self:flex-end;padding:10px 0;font-weight:750}.home-project-tabs{position:relative;z-index:2;margin-bottom:26px;background:rgba(238,235,229,.72);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.76)}.home-project-tabs button{min-height:42px}.home-project-grid{position:relative;z-index:2;gap:16px}.home-project-card{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:0 11px 30px rgba(40,43,47,.07),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.home-project-card:hover{background:rgba(255,255,255,.88);transform:translateY(-6px);box-shadow:0 22px 46px rgba(40,43,47,.115),inset 0 1px 0 #fff}.home-project-card .project-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.82),0 8px 20px rgba(40,43,47,.06)}.home-project-card .project-copy p span{min-width:0}.home-task-grid{position:relative;z-index:2}.home-task-spotlight .task-card{background:rgba(255,255,255,.74);border-color:rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(40,43,47,.075),inset 0 1px 0 rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.home-task-spotlight .task-card:hover{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,1);box-shadow:0 24px 48px rgba(40,43,47,.12);transform:translateY(-6px)}.home-task-spotlight .task-card:nth-child(2n) .task-icon{background:#edf2f4}.home-task-spotlight .task-card:nth-child(3n) .task-icon{background:#f8eee8}.home-task-spotlight .task-bottom .btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.home-task-spotlight .task-bottom .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,41,51,.16)}.home-showcase-empty{position:relative;z-index:2;display:grid;gap:5px;padding:28px;border:1px dashed rgba(49,57,65,.16);border-radius:20px;background:rgba(255,255,255,.52);color:#777}.home-showcase-empty b{color:#27323c}.home-project-card[hidden]{display:none!important}
@keyframes showcaseBreathe{from{transform:translate3d(0,0,0) scale(.96)}to{transform:translate3d(16px,-9px,0) scale(1.05)}}
@media(max-width:767.98px){.home-glass-section{padding:28px 22px;border-radius:25px}.home-project-grid{grid-template-columns:1fr}.home-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.home-glass-section{margin-top:22px;padding:24px 16px;border-radius:22px}.home-section-heading{margin-bottom:20px}.home-section-heading h2{font-size:30px}.home-project-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.home-project-tabs button{white-space:nowrap}.home-task-grid{grid-template-columns:1fr}.showcase-aura{width:220px;height:220px}.home-project-card{min-height:152px}}
@media(prefers-reduced-motion:reduce){.showcase-aura{animation:none}.home-project-card,.home-task-spotlight .task-card{transition:none}}


/* V3.4.3 — 全站页脚布局修复：页脚脱离内容卡片流，稳定贴底并保留安全呼吸区 */
body[class^="page-"]{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
body[class^="page-"]>.notice-bar,
body[class^="page-"]>.site-header,
body[class^="page-"]>.site-footer-shell{flex:0 0 auto}
.site-main{
  width:100%;
  flex:1 0 auto;
  margin:0 auto!important;
  padding-bottom:clamp(72px,7vw,108px)!important;
}
/* 普通内容区最后一块不再和 Footer 粘连；首页 closing-note 自己承担收尾节奏 */
.site-main>.closing-note:last-child{margin-bottom:0}
.site-footer-shell{
  position:relative;
  width:100%;
  margin-top:0;
  padding:58px 0 22px;
  overflow:hidden;
  background:#202a34;
  color:#edf0f1;
  border-top:1px solid rgba(255,255,255,.06);
}
.site-footer-shell:before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  right:-180px;
  top:-250px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(239,92,55,.14),rgba(239,92,55,0) 70%);
  pointer-events:none;
}
.site-footer-shell:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(239,92,55,.72) 24%,rgba(255,255,255,.10) 52%,transparent 94%);
  pointer-events:none;
}
.site-footer-inner{position:relative;z-index:1;margin:0 auto!important}
.site-footer-shell .footer{
  margin:0!important;
  padding:0 0 42px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  display:grid;
  grid-template-columns:minmax(260px,1.65fr) repeat(3,minmax(130px,1fr));
  gap:clamp(34px,4vw,64px);
  box-shadow:none!important;
}
.site-footer-shell .footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}
.site-footer-shell .footer-brand{padding-right:clamp(10px,3vw,46px)}
.site-footer-shell .footer-brand .brand{color:#fff;font-size:21px;margin-bottom:6px}
.site-footer-shell .footer-brand .brand-mark{box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.site-footer-shell .footer-brand p{max-width:330px;margin:9px 0 0!important;color:#cbd2d6!important;font-size:14px!important;line-height:1.75}
.site-footer-shell .footer-brand small{max-width:330px;color:#87939c!important;line-height:1.7}
.site-footer-shell .footer b{margin:3px 0 7px!important;color:#fff;font-size:13px;letter-spacing:.02em}
.site-footer-shell .footer a,
.site-footer-shell .footer span{color:#aeb8bf!important;font-size:13px!important;line-height:1.55;transition:color .2s ease,transform .2s ease}
.site-footer-shell .footer a:hover{color:#fff!important;transform:translateX(2px)}
.site-footer-shell .copyright{
  margin:0!important;
  padding:20px 0 0!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  color:#7f8b94!important;
  font-size:11px!important;
  text-align:left!important;
}
/* 避免列表页/详情页末尾组件自己的 margin 被旧 Footer 规则吞掉 */
.site-main>.task-grid:last-child,
.site-main>.template-grid:last-child,
.site-main>.article-grid:last-child,
.site-main>.panel:last-child,
.site-main>.detail-layout:last-child,
.site-main>.template-single:last-child,
.site-main>.dashboard-hero:last-child,
.site-main>.empty-state:last-child{margin-bottom:0}

@media(max-width:767.98px){
  .site-main{padding-bottom:72px!important}
  .site-footer-shell{padding-top:46px}
  .site-footer-shell .footer{grid-template-columns:1.25fr 1fr 1fr;gap:34px}
  .site-footer-shell .footer-brand{grid-column:1/-1;padding-right:0;max-width:575.98px}
}
@media(max-width:575.98px){
  .site-main{padding-bottom:58px!important}
  .site-footer-shell{padding:38px 0 18px}
  .site-footer-shell .footer{grid-template-columns:1fr 1fr!important;gap:30px 22px;padding-bottom:30px!important}
  .site-footer-shell .footer-brand{grid-column:1/-1!important}
  .site-footer-shell .copyright{flex-direction:column;align-items:flex-start;gap:7px;padding-top:16px!important}
}


/* =========================================================
   V3.4.4 HERO CAROUSEL RATIO FIX
   Desktop/mobile slides use a 16:9 media stage so recommended
   banner artwork fills the card without top/bottom letterboxing.
   ========================================================= */
.hero-image-stage{
  aspect-ratio:16/9!important;
  background:#f2ede5;
}
.hero-image-stage picture,
.hero-image-stage picture img{
  width:100%!important;
  height:100%!important;
}
.hero-image-card img{
  object-fit:cover!important;
  object-position:center center!important;
}
/* The blurred backing remains only as a safety layer for transparent images. */
.hero-image-stage:before{opacity:.08!important;filter:blur(20px) saturate(.9)!important}

.upload-recommend{
  display:block;
  margin-top:7px;
  color:#7a7f86;
  font-size:12px;
  line-height:1.55;
  font-weight:500;
}
.upload-recommend b{color:#24303c;font-weight:750}
.form-card label:has(input[type="file"]) .form-preview{
  width:min(100%,360px);
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:12px;
}
@media(max-width:767.98px){
  .hero-image-stage{aspect-ratio:16/9!important}
}

/* =========================================================
   V3.5 EXPERIENCE GRID — floating nav, image-only crossfade,
   liquid-glass cards, responsive grid/masonry and skeleton UI.
   ========================================================= */
:root{
  --content-max:76rem;
  --space-1:.5rem;
  --space-2:2rem;
  --space-3:3.25rem;
  --space-4:5rem;
  --glass-line:rgba(255,255,255,.72);
  --glass-bg:rgba(255,255,255,.58);
  --glass-shadow:0 1.25rem 3.5rem rgba(27,35,43,.09),inset 0 1px 0 rgba(255,255,255,.88);
}
html{background:#f7f6f2}
body{background:radial-gradient(circle at 14% 8%,rgba(240,90,54,.035),transparent 24rem),radial-gradient(circle at 87% 22%,rgba(54,90,120,.045),transparent 28rem),#f8f7f3;line-height:1.6}
.container{max-width:var(--content-max);padding-inline:clamp(1rem,2.4vw,2rem)}
.site-main{padding-top:1.15rem}

/* Floating sticky navigation card */
.site-header{
  position:sticky!important;top:1rem!important;z-index:1100!important;
  width:min(86rem,calc(100% - 2rem));margin:1rem auto 0!important;
  border:1px solid rgba(255,255,255,.82)!important;border-radius:1.35rem!important;
  background:rgba(250,249,246,.78)!important;
  box-shadow:0 .75rem 2.4rem rgba(31,36,41,.105),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(24px) saturate(1.24);-webkit-backdrop-filter:blur(24px) saturate(1.24);
}
.header-inner{height:4.65rem!important;max-width:none!important;padding:0 1.15rem 0 1.35rem!important;gap:1rem!important}
.site-header nav{gap:.2rem!important;align-self:stretch}
.site-header .nav-item{position:relative;display:flex;align-items:center;height:100%}
.site-header .nav-item>a{display:flex;align-items:center;min-height:2.75rem;padding:.65rem .8rem!important;border-radius:.85rem!important}
.site-header .nav-item.has-children>a{padding-right:.35rem!important}
.submenu-toggle{width:1.9rem;height:1.9rem;padding:0;border:0;border-radius:.6rem;background:transparent;color:#66707a;cursor:pointer;transition:.2s ease}
.nav-item:hover>.submenu-toggle,.nav-item:focus-within>.submenu-toggle{background:rgba(23,32,42,.06);transform:translateY(1px)}
.submenu{
  position:absolute;left:0;top:calc(100% - .2rem);min-width:13.5rem;padding:.55rem;
  border:1px solid rgba(255,255,255,.88);border-radius:1rem;background:rgba(250,249,246,.94);
  box-shadow:0 1.1rem 2.8rem rgba(29,36,44,.14);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  opacity:0;visibility:hidden;transform:translateY(.5rem) scale(.985);transform-origin:top left;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .2s;
}
.submenu a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem;padding:.7rem .8rem!important;border-radius:.7rem!important;font-size:.86rem!important}
.submenu a small{opacity:.45}.submenu a:hover{background:#fff!important}.nav-item:hover>.submenu,.nav-item:focus-within>.submenu{opacity:1;visibility:visible;transform:none}
.mobile-nav-head,.mobile-nav-backdrop{display:none}
.nav-toggle{flex:0 0 2.75rem!important;width:2.75rem!important;height:2.75rem!important;border-radius:.9rem!important}
.nav-toggle span{width:1.12rem!important}.nav-toggle span:nth-child(2){width:.82rem;align-self:center}
.global-search{min-width:12.5rem!important;background:rgba(255,255,255,.62)!important;border-color:rgba(31,39,48,.09)!important}
.head-actions{gap:.45rem!important}
.head-actions .btn{min-height:2.75rem}
.notice-bar{border:0!important;background:transparent!important;padding:.45rem 1rem .05rem!important;font-size:.72rem!important;color:#7b7a75!important}

/* Global breadcrumbs */
.global-breadcrumb{display:flex;align-items:center;gap:.55rem;margin:.65rem 0 1.15rem;color:#8a8b88;font-size:.78rem;white-space:nowrap;overflow:auto;scrollbar-width:none}
.global-breadcrumb::-webkit-scrollbar{display:none}.global-breadcrumb a{color:#626a70;transition:.2s}.global-breadcrumb a:hover{color:#1b2630}.global-breadcrumb span{opacity:.45}.global-breadcrumb b{font-weight:650;color:#303941}

/* Hero: copy is fixed; ONLY the media cross-fades */
.hero-media-only{margin-top:1.15rem!important;border-radius:2rem!important;background:linear-gradient(135deg,#eeeae1 0%,#f4f1ea 48%,#ebe7de 100%)!important;min-height:38rem!important;overflow:hidden;isolation:isolate}
.hero-media-only:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,36,45,.065) .75px,transparent .75px);background-size:1.12rem 1.12rem;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35) 65%,transparent);opacity:.45;pointer-events:none}
.hero-media-only:after{content:"";position:absolute;width:35rem;height:35rem;right:-10rem;top:-17rem;border:1px solid rgba(35,43,51,.07);border-radius:50%;box-shadow:0 0 0 5rem rgba(255,255,255,.11),0 0 0 10rem rgba(255,255,255,.07);animation:heroOrbitSoft 18s ease-in-out infinite alternate;pointer-events:none}
.hero-static-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.82fr) minmax(32rem,1.18fr);align-items:center;gap:clamp(2.5rem,5vw,5.5rem);min-height:38rem;padding:clamp(3.25rem,6vw,5.75rem) max(1.25rem,calc((100vw - 76rem)/2)) 5rem}
.hero-media-only .hero-copy{max-width:35rem}.hero-media-only .hero-title{font-size:clamp(2.7rem,4.15vw,4.25rem)!important;line-height:1.03!important;letter-spacing:-.055em!important;text-wrap:balance}.hero-media-only .hero-lead{max-width:31rem;font-size:1rem!important;line-height:1.85!important}
.hero-media-only .hero-visual{position:relative;min-width:0;isolation:isolate}.hero-media-only .hero-visual:before{content:"";position:absolute;inset:10% -8% -8% 8%;background:radial-gradient(circle at 55% 45%,rgba(241,94,56,.14),transparent 54%);filter:blur(1.6rem);z-index:-1;animation:glassAura 8s ease-in-out infinite alternate}
.hero-image-card{width:100%!important;max-width:43rem!important;padding:.65rem .65rem 0!important;border-radius:1.75rem!important;background:rgba(255,255,255,.68)!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 2rem 5rem rgba(38,40,42,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}
.hero-crossfade-stage{position:relative;aspect-ratio:16/9!important;overflow:hidden;border-radius:1.15rem!important;background:#e6e2da!important}
.hero-crossfade-stage .hero-media-item{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transform:scale(1.018);transition:opacity 1.15s cubic-bezier(.22,.75,.2,1),transform 1.8s cubic-bezier(.22,.75,.2,1)}
.hero-crossfade-stage .hero-media-item.on{opacity:1;pointer-events:auto;transform:scale(1)}
.hero-crossfade-stage picture,.hero-crossfade-stage img{display:block;width:100%!important;height:100%!important}.hero-crossfade-stage img{object-fit:cover!important;object-position:center!important}
.hero-image-foot{height:3.35rem!important;padding:0 .45rem!important}.hero-image-foot strong b{font:inherit}
.media-slider-ui{left:max(1.25rem,calc((100vw - 76rem)/2))!important;right:max(1.25rem,calc((100vw - 76rem)/2))!important;bottom:1.35rem!important}.media-slider-ui .slider-dots{position:static!important;transform:none!important}.media-progress{height:2px!important}.media-progress span{background:linear-gradient(90deg,#f05a36,#1f303e)!important}
@keyframes heroOrbitSoft{to{transform:translate3d(-2.5rem,2rem,0) scale(.94)}}
@keyframes glassAura{to{transform:translate3d(-1rem,.8rem,0) scale(1.06)}}

/* Airier homepage grid and row-equal cards */
.page-home .section{padding-block:clamp(3.6rem,6vw,5.8rem)}
.page-home .section-title{margin-bottom:2rem}.page-home .section-title h2{font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.045em}.page-home .section-title p{max-width:38rem}
.equal-row-grid{align-items:stretch}.equal-row-grid>*{height:100%}
.page-home .task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.page-home .template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.page-home .article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.page-home .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.page-home .project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}
.page-home .task-card{display:flex;flex-direction:column}.page-home .task-card .task-bottom{margin-top:auto}.page-home .tpl-card{display:flex;flex-direction:column}.page-home .tpl-body{display:flex;flex-direction:column;flex:1}.page-home .tpl-body .card-link{margin-top:auto}.page-home .article-card{display:flex;flex-direction:column}.page-home .article-card-body{display:flex;flex-direction:column;flex:1}.page-home .article-card-body .text-link{margin-top:auto}

/* Liquid glass: restrained transparency + moving refraction, not neon-glass everywhere. */
.page-home .task-card,.page-home .tpl-card,.page-home .article-card,.page-home .category-grid>a,.page-home .project-card,.home-glass-section{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(249,248,244,.48))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:var(--glass-shadow)!important;
  backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);
  transition:transform .34s cubic-bezier(.2,.75,.2,1),box-shadow .34s ease,border-color .3s ease,background .3s ease!important;
}
.page-home .task-card:before,.page-home .tpl-card:before,.page-home .article-card:before,.page-home .category-grid>a:before,.page-home .project-card:before,.home-glass-section:after{
  content:"";position:absolute;z-index:-1;width:12rem;height:12rem;border-radius:50%;right:-6rem;top:-7rem;
  background:radial-gradient(circle,rgba(255,255,255,.92),rgba(255,255,255,.24) 42%,transparent 72%);filter:blur(.1rem);opacity:.62;transform:translate3d(0,0,0);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .4s;pointer-events:none
}
.page-home .task-card:after,.page-home .tpl-card:after,.page-home .article-card:after,.page-home .category-grid>a:after,.page-home .project-card:after{
  content:"";position:absolute;z-index:5;inset:-45% auto -45% -35%;width:26%;transform:skewX(-14deg) translateX(-240%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);pointer-events:none;transition:transform .85s cubic-bezier(.2,.75,.2,1)
}
.page-home .task-card:hover,.page-home .tpl-card:hover,.page-home .article-card:hover,.page-home .category-grid>a:hover,.page-home .project-card:hover{transform:translateY(-.4rem)!important;border-color:rgba(255,255,255,.96)!important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(250,249,246,.62))!important;box-shadow:0 1.8rem 4.5rem rgba(25,33,41,.13),inset 0 1px 0 #fff!important}
.page-home .task-card:hover:before,.page-home .tpl-card:hover:before,.page-home .article-card:hover:before,.page-home .category-grid>a:hover:before,.page-home .project-card:hover:before{transform:translate3d(-2.2rem,2.2rem,0);opacity:.88}
.page-home .task-card:hover:after,.page-home .tpl-card:hover:after,.page-home .article-card:hover:after,.page-home .category-grid>a:hover:after,.page-home .project-card:hover:after{transform:skewX(-14deg) translateX(650%)}

/* Standard page whitespace */
.page-banner{margin-top:1rem!important;margin-bottom:2rem!important}.filterbar{margin-bottom:2.2rem!important}.section+.section{margin-top:.25rem}

/* Pinterest-like masonry for task/template discovery pages */
.page-tasks .task-grid.large{display:block!important;column-count:3;column-gap:1.25rem}.page-tasks .task-grid.large>.task-card{display:inline-flex;width:100%;margin:0 0 1.25rem;break-inside:avoid;page-break-inside:avoid;min-height:0!important;vertical-align:top}.page-tasks .task-card p{min-height:0!important}.page-tasks .task-card:nth-child(3n+2){padding-bottom:1.55rem}.page-tasks .task-card:nth-child(4n+1) .task-cover{aspect-ratio:4/3}
.page-templates .template-grid.four{display:block!important;column-count:4;column-gap:1.15rem}.page-templates .template-grid.four>.tpl-card{display:inline-flex;flex-direction:column;width:100%;margin:0 0 1.15rem;break-inside:avoid;page-break-inside:avoid;vertical-align:top}.page-templates .template-grid.four>.tpl-card:nth-child(3n+2) .tpl-thumb{aspect-ratio:4/3}.page-templates .template-grid.four>.tpl-card:nth-child(4n+1) .tpl-thumb{aspect-ratio:1/1}.page-templates .tpl-card{transition:transform .3s ease,box-shadow .3s ease}.page-templates .tpl-card:hover,.page-tasks .task-card:hover{transform:translateY(-.3rem);box-shadow:0 1.5rem 3.5rem rgba(27,35,43,.12)}

/* Single-column editorial article page */
.single-column-article{max-width:54rem!important;margin:1.25rem auto 0!important}.single-column-article .article-single-head{max-width:49rem;margin:0 auto 2rem;text-align:left}.single-column-article .article-single-head h1{max-width:46rem;font-size:clamp(2.2rem,4.2vw,3.7rem);line-height:1.12;letter-spacing:-.045em}.single-column-article .article-hero-image{width:100%;max-height:none;aspect-ratio:16/9;object-fit:cover;border-radius:1.5rem;margin:0 auto 2.4rem}.single-column-article .article-content{max-width:46rem;margin:0 auto;font-size:1.02rem;line-height:1.9}.single-column-article .article-content p{margin:0 0 1.45em}.single-column-article .article-content h2,.single-column-article .article-content h3{margin-top:2em;letter-spacing:-.025em}

/* Skeleton loading: prevents a blank white page while hero/media settle */
.page-skeleton{position:fixed;inset:0;z-index:5000;background:#f8f7f3;opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s ease}.page-skeleton.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.skeleton-wrap{width:min(76rem,calc(100% - 2rem));margin:1rem auto}.sk-nav,.sk-hero,.sk-grid>i{position:relative;overflow:hidden;background:#ebe9e4;border-radius:1.2rem}.sk-nav{height:4.7rem;margin-bottom:1.4rem}.sk-hero{height:min(37rem,62vh);display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:4rem}.sk-hero i{display:block;border-radius:1rem;background:#e2e0da}.sk-grid{margin-top:2.8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.sk-grid>i{height:13rem}.sk-nav:after,.sk-hero:after,.sk-grid>i:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);animation:skeletonSweep 1.25s infinite}.sk-hero:after{z-index:3}.qzp-loading body{overflow:hidden}@keyframes skeletonSweep{to{transform:translateX(100%)}}

/* Admin home-builder as a visual module stack */
.home-builder-board{padding:1.1rem!important}.home-builder-fixed,.home-module-item{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1px solid #e7e2da;border-radius:1rem;background:#fff}.home-builder-fixed{margin-bottom:.75rem;background:linear-gradient(135deg,#f1f5f8,#fff)}.drag-lock,.module-drag{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:0;border-radius:.75rem;background:#f0eee9;color:#6c7278;font-size:1rem}.module-drag{cursor:grab}.module-drag:active{cursor:grabbing}.home-module-sorter{display:grid;gap:.65rem}.home-module-item{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.home-module-item:hover{border-color:#d7d1c7;box-shadow:0 .8rem 2rem rgba(31,38,45,.07)}.home-module-item.dragging{opacity:.55;transform:scale(.99);box-shadow:0 1.2rem 2.8rem rgba(31,38,45,.14)}.module-info{display:grid;gap:.15rem}.module-info small{font-size:.72rem;color:#8a8f94}.module-info b{font-size:.98rem}.module-info span{font-size:.75rem;color:#92969a}.module-actions{display:flex;align-items:center;gap:.35rem}.module-move{width:2rem;height:2rem;border:1px solid #e5e1da;border-radius:.55rem;background:#fff;cursor:pointer}.home-order-save{position:sticky;bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.8rem .9rem;border:1px solid rgba(255,255,255,.9);border-radius:1rem;background:rgba(250,249,246,.88);box-shadow:0 .7rem 2rem rgba(31,38,45,.1);backdrop-filter:blur(18px);z-index:5}.home-order-save span{font-size:.78rem;color:#777d82}

/* 1440 / tablet 768 / phone 375 checks */
@media(max-width:1199.98px){
  .hero-static-layout{grid-template-columns:minmax(0,.9fr) minmax(27rem,1.1fr);gap:2.4rem;padding-inline:2.25rem}.page-home .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-home .task-grid,.page-home .template-grid,.page-home .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-templates .template-grid.four{column-count:3}
}
@media(max-width:991.98px){
  .site-header{top:.65rem!important;width:calc(100% - 1rem);margin:.65rem auto 0!important}.header-inner{height:4.2rem!important;padding-inline:.8rem!important}.nav-toggle{display:flex!important;margin-left:auto!important}.global-search{display:none!important}.head-actions .btn.ghost{display:none!important}
  .site-header nav{display:flex!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;right:auto!important;width:min(86vw,22rem)!important;padding:1rem!important;border:0!important;border-radius:0 1.25rem 1.25rem 0!important;background:rgba(250,249,246,.98)!important;box-shadow:1.5rem 0 4rem rgba(24,31,39,.18)!important;flex-direction:column!important;align-items:stretch!important;gap:.2rem!important;overflow-y:auto;transform:translateX(-105%);opacity:1!important;visibility:visible!important;transition:transform .32s cubic-bezier(.2,.75,.2,1)!important;z-index:1400!important}
  .site-header nav.open{transform:translateX(0)!important}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:.35rem .35rem 1rem;margin-bottom:.35rem;border-bottom:1px solid #e7e2da}.mobile-nav-head b{font-size:1.05rem}.mobile-nav-head button{width:2.5rem;height:2.5rem;border:0;border-radius:.75rem;background:#eeece7;font-size:1.4rem;cursor:pointer}.mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(14,20,27,.3);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.28s;z-index:1300}.mobile-nav-backdrop.show{opacity:1;visibility:visible}.nav-drawer-open{overflow:hidden}
  .site-header .nav-item{height:auto;display:grid;grid-template-columns:1fr auto}.site-header .nav-item>a{min-height:3rem!important}.submenu-toggle{display:grid;place-items:center;margin:auto}.submenu{position:static!important;grid-column:1/-1;display:none!important;min-width:0!important;padding:.25rem 0 .5rem .75rem!important;border:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important}.nav-item.submenu-open>.submenu{display:grid!important}.submenu a{border-left:1px solid #ddd8d0;border-radius:0!important;padding:.72rem 1rem!important}.nav-item:hover>.submenu{display:none!important}.nav-item.submenu-open:hover>.submenu{display:grid!important}
  .nav-toggle span{transition:.25s}.nav-toggle.open span:nth-child(1){transform:translateY(6.3px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6.3px) rotate(-45deg)}
  .hero-static-layout{grid-template-columns:1fr;gap:2.25rem;min-height:auto;padding:3.25rem 1.6rem 5rem}.hero-media-only .hero-copy{max-width:42rem}.hero-media-only .hero-title{font-size:clamp(2.65rem,7vw,3.7rem)!important}.hero-media-only .hero-visual{max-width:42rem;width:100%}.hero-float-chip{display:none!important}.media-slider-ui{left:1.6rem!important;right:1.6rem!important}
  .page-home .project-card-grid,.page-home .task-grid,.page-home .template-grid,.page-home .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-home .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-tasks .task-grid.large{column-count:2}.page-templates .template-grid.four{column-count:2}.sk-grid{grid-template-columns:repeat(2,1fr)}.sk-hero{grid-template-columns:1fr;height:31rem;padding:2rem}
  .home-order-save{position:static}.module-actions{flex-wrap:wrap}
}
@media(max-width:575.98px){
  .container{padding-inline:1rem!important}.site-main{padding-top:.7rem}.notice-bar{font-size:.67rem!important}.site-header{top:.5rem!important}.brand{font-size:1.1rem!important}.brand-mark{width:1.75rem!important;height:1.75rem!important}.head-actions .btn.primary{display:none!important}
  .hero-media-only{border-radius:1.35rem!important;margin-top:.65rem!important}.hero-static-layout{padding:2.5rem 1.15rem 4.6rem;gap:1.8rem}.hero-media-only .hero-title{font-size:2.45rem!important;line-height:1.06!important}.hero-media-only .hero-lead{font-size:.9rem!important}.hero-proof{grid-template-columns:repeat(3,1fr)!important}.hero-image-card{padding:.42rem .42rem 0!important;border-radius:1.2rem!important}.hero-crossfade-stage{border-radius:.9rem!important}.hero-image-foot{height:2.8rem!important;font-size:.68rem!important}.media-slider-ui{left:1.1rem!important;right:1.1rem!important;bottom:1rem!important}
  .page-home .section{padding-block:3.15rem}.page-home .project-card-grid,.page-home .task-grid,.page-home .template-grid,.page-home .article-grid,.page-home .category-grid{grid-template-columns:1fr!important}.home-glass-section{padding:1.35rem!important;border-radius:1.35rem!important}.home-section-heading{align-items:flex-start!important}.home-section-heading>a{font-size:.78rem}
  .page-tasks .task-grid.large,.page-templates .template-grid.four{column-count:1}.page-tasks .task-grid.large>.task-card,.page-templates .template-grid.four>.tpl-card{margin-bottom:1rem}.template-category-list.compact>a{grid-template-columns:4.25rem 1fr!important}.global-breadcrumb{margin-top:.35rem}
  .single-column-article .article-single-head h1{font-size:2.15rem}.single-column-article .article-content{font-size:.96rem}.sk-grid{grid-template-columns:1fr}.sk-grid>i:nth-child(n+4){display:none}.sk-hero{height:26rem;padding:1.25rem}.home-module-item{grid-template-columns:2.3rem 1fr}.module-actions{grid-column:1/-1;justify-content:flex-end;padding-top:.4rem}.home-order-save{align-items:flex-start;flex-direction:column}.home-order-save .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.hero-media-item,.page-skeleton,.liquid-card,.page-home .task-card,.page-home .tpl-card,.page-home .article-card{transition:none!important}.hero-media-only:after,.hero-media-only .hero-visual:before{animation:none!important}.sk-nav:after,.sk-hero:after,.sk-grid>i:after{animation:none!important}}
/* Ensure liquid refraction layers are visible while card content stays crisp. */
.page-home .task-card:before,.page-home .tpl-card:before,.page-home .article-card:before,.page-home .category-grid>a:before,.page-home .project-card:before{z-index:0!important}
.page-home .task-card>* ,.page-home .tpl-card>* ,.page-home .article-card>* ,.page-home .category-grid>a>* ,.page-home .project-card>*{position:relative;z-index:1}

/* =========================================================
   V3.6 BRAND CARD SYSTEM
   Template + article cards: clear hierarchy, semantic chips,
   comfortable grid and restrained liquid-glass material.
   ========================================================= */
:root{
  --qzp-orange:#FF6B35;
  --qzp-orange-deep:#E95622;
  --qzp-chip-blue-bg:#EBF4FF;
  --qzp-chip-blue:#2563EB;
  --qzp-chip-green-bg:#ECFDF5;
  --qzp-chip-green:#059669;
  --qzp-chip-orange-bg:#FFF7ED;
  --qzp-chip-orange:#EA580C;
}

/* Shared responsive card grid. At the 1440 design width the capped
   content measure yields a calm three-column rhythm; 768 becomes two;
   375 becomes one. */
.page-home .template-grid,
.page-home .article-grid,
.page-templates .template-grid,
.page-templates .template-grid.four,
.page-articles .article-grid,
.page-articles .page-article-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;
  gap:24px!important;
  column-count:initial!important;
  column-gap:24px!important;
  align-items:stretch;
  width:100%;
  max-width:1120px;
  margin-inline:auto;
}
.page-templates .template-grid.four>.tpl-card{
  display:flex!important;
  width:auto!important;
  margin:0!important;
  break-inside:auto!important;
  page-break-inside:auto!important;
}
.page-home .template-grid>.tpl-card,
.page-home .article-grid>.article-card,
.page-templates .template-grid>.tpl-card,
.page-articles .article-grid>.article-card{height:100%}

/* Liquid glass: white-first, with subtle refraction/highlight rather than
   a loud gradient. */
.qzp-template-card,
.qzp-article-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:20px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.06)!important;
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important;
}
.qzp-template-card:before,
.qzp-article-card:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:12rem;height:12rem;
  left:-5rem;top:-7rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.96),rgba(235,244,255,.28) 48%,transparent 72%);
  filter:blur(2px);
  pointer-events:none;
  transition:transform .45s ease,opacity .45s ease;
}
.qzp-template-card:after,
.qzp-article-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -16% -42% 35%;
  height:11rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,107,53,.085),transparent 68%);
  pointer-events:none;
}
.qzp-template-card:hover,
.qzp-article-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.12)!important;
  border-color:rgba(255,255,255,.98)!important;
}
.qzp-template-card:hover:before,
.qzp-article-card:hover:before{transform:translate(1rem,1rem);opacity:.82}

/* Template information hierarchy */
.qzp-template-card{display:flex!important;flex-direction:column;min-width:0}
.tpl-card-head{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:16px;align-items:start;margin-bottom:16px}
.tpl-card-title-copy{min-width:0}
.tpl-card-kicker{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px;min-height:25px;align-items:center}
.qzp-template-card h3{margin:0!important;font-size:18px!important;line-height:1.42!important;letter-spacing:-.025em!important;color:#171D26!important;font-weight:760!important}
.qzp-template-card h3 a{display:block}
.tpl-mini-media{position:relative;width:88px;height:72px;border-radius:14px;overflow:hidden;background:rgba(241,243,246,.88);box-shadow:inset 0 0 0 1px rgba(20,29,38,.055)}
.tpl-mini-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.qzp-template-card:hover .tpl-mini-media img{transform:scale(1.04)}
.tpl-mini-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#f2efff,#e8f1ff);color:#626a78;font-size:11px}
.tpl-mini-fallback.dark{background:#192536;color:#fff}.tpl-mini-fallback.green{background:#e7faf2;color:#08785a}.tpl-mini-fallback.orange{background:#fff0df;color:#bd5b20}.tpl-mini-fallback.cyan{background:#e7fbfb;color:#147a7a}.tpl-mini-fallback.purple{background:#f0ecff;color:#6650b6}
.tpl-mini-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.9);color:#1c2734;font-size:10px;box-shadow:0 5px 14px rgba(0,0,0,.13)}
.tpl-metric-line{display:flex;align-items:baseline;gap:7px;margin:1px 0 10px}
.tpl-metric-line strong{font-size:24px;line-height:1;color:var(--qzp-orange);font-weight:820;letter-spacing:-.035em}
.tpl-metric-line span{font-size:12px;color:#828891}
.tpl-summary{margin:0 0 12px!important;min-height:0!important;color:#737A84!important;font-size:13px!important;line-height:1.65!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tpl-semantic-tags{display:flex;gap:7px;flex-wrap:wrap;align-content:flex-start;margin:0 0 18px}
.semantic-tag{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;font-size:12px;line-height:1.25;font-weight:650;white-space:nowrap}
.semantic-tag.tag-scene{background:var(--qzp-chip-blue-bg);color:var(--qzp-chip-blue)}
.semantic-tag.tag-fit{background:var(--qzp-chip-green-bg);color:var(--qzp-chip-green)}
.semantic-tag.tag-hot{background:var(--qzp-chip-orange-bg);color:var(--qzp-chip-orange)}
.tpl-cta,.article-cta{margin-top:auto;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 18px;border-radius:30px;background:var(--qzp-orange);color:#fff!important;font-size:14px;font-weight:760;box-shadow:0 8px 18px rgba(255,107,53,.18);transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.tpl-cta b,.article-cta b{font-size:13px;transition:transform .25s ease}
.tpl-cta:hover,.article-cta:hover{background:var(--qzp-orange-deep);box-shadow:0 10px 22px rgba(233,86,34,.24)}
.tpl-cta:hover b,.article-cta:hover b{transform:translate(2px,-2px)}
.tpl-cta:active,.article-cta:active{transform:scale(.985)}

/* Hide the legacy full-width thumbnail/body treatments only for the new
   card component; detail pages and other visuals remain untouched. */
.qzp-template-card>.tpl-thumb,.qzp-template-card>.tpl-body,.qzp-template-card>.marketing-badge{display:none!important}

/* Article cards use the same material, but keep editorial imagery. */
.qzp-article-card{display:flex!important;flex-direction:column;gap:0}
.qzp-article-card .article-cover{display:block;width:100%;aspect-ratio:16/9;border-radius:13px!important;overflow:hidden;margin:0 0 16px;background:#f1f2f3}
.qzp-article-card .article-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.qzp-article-card:hover .article-cover img{transform:scale(1.035)}
.qzp-article-card .article-cover-fallback{height:100%;border-radius:0!important;padding:20px;background:linear-gradient(135deg,#233246,#314b69);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.qzp-article-card .article-cover-fallback span{font-size:10px;letter-spacing:.16em;opacity:.72}.qzp-article-card .article-cover-fallback b{font-size:20px}
.qzp-article-card .article-card-body{padding:0!important;display:flex!important;flex-direction:column;flex:1;min-width:0}
.qzp-article-card .article-meta-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.qzp-article-card .article-meta-line time{font-size:12px;color:#9499A1;white-space:nowrap}
.qzp-article-card h3{margin:0 0 9px!important;font-size:18px!important;line-height:1.48!important;letter-spacing:-.025em!important;color:#171D26;font-weight:760}
.qzp-article-card p{margin:0 0 18px!important;color:#737A84!important;font-size:13px!important;line-height:1.7!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qzp-article-card .text-link{display:none!important}
.article-cta{margin-top:auto}

/* Home spacing: cards should breathe instead of reading as a PDF table. */
.page-home .home-equal-grid-section .template-grid,
.page-home .home-equal-grid-section .article-grid{margin-top:4px}
.page-home .section:has(.template-grid),
.page-home .section:has(.article-grid){padding-block:64px}

/* Template library/category: explicitly neutralize the old Pinterest
   columns that caused narrow, squeezed cards. */
.page-templates .template-grid.four{max-width:1120px!important;margin:34px auto 0!important}
.page-templates .template-grid.four>.qzp-template-card:nth-child(n) .tpl-mini-media{aspect-ratio:auto!important}
.page-templates .template-grid.four>.qzp-template-card{min-width:0!important}

@media(max-width:991.98px){
  .page-home .template-grid,.page-home .article-grid,.page-templates .template-grid,.page-templates .template-grid.four,.page-articles .article-grid,.page-articles .page-article-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:24px!important;max-width:100%}
}
@media(max-width:767.98px){
  .page-home .template-grid,.page-home .article-grid,.page-templates .template-grid,.page-templates .template-grid.four,.page-articles .article-grid,.page-articles .page-article-grid{grid-template-columns:1fr!important;gap:18px!important}
  .qzp-template-card,.qzp-article-card{padding:18px!important;border-radius:16px!important}
  .tpl-card-head{grid-template-columns:minmax(0,1fr) 82px;gap:13px}.tpl-mini-media{width:82px;height:68px}.tpl-metric-line strong{font-size:24px}.tpl-cta,.article-cta{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.qzp-template-card,.qzp-article-card,.tpl-mini-media img,.tpl-cta,.article-cta{transition:none!important}}


/* =========================================================
   V3.6.1 TEMPLATE FEED + HERO COPY REFINEMENT
   图像优先的模板瀑布卡片 + 首页 Hero 文案居中优化
   ========================================================= */

/* Hero copy: keep the banner editorial, but relax the crammed left block.
   Main title + subtitle are visually centered within the copy area. */
.hero-media-only .hero-copy{
  max-width:34rem!important;
  margin-inline:auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.hero-media-only .eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;margin-inline:auto;text-align:center}
.hero-media-only .hero-title{
  width:100%;
  margin:0 auto 1.15rem!important;
  font-size:clamp(2.85rem,4vw,4.45rem)!important;
  line-height:1.02!important;
  letter-spacing:-.06em!important;
}
.hero-title-line{display:block}
.hero-media-only .hero-lead{max-width:29rem!important;margin-inline:auto!important;text-align:center!important}
.hero-media-only .row-actions{justify-content:center!important}
.hero-media-only .hero-proof{justify-content:center!important;max-width:100%!important}

/* Template cards: change from data-first tiles to image-led content cards,
   closer to Xiaohongshu / Dazhong Dianping feed rhythm. */
.qzp-template-card.feed-template-card{
  padding:0!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.72)!important;
  overflow:hidden!important;
}
.qzp-template-card.feed-template-card:before{left:auto;right:-4rem;top:-6rem}
.qzp-template-card.feed-template-card:after{inset:auto -8% -26% 20%;height:13rem}
.feed-template-card .tpl-cover-media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:4 / 4.9;
  overflow:hidden;
  background:#eef1f4;
}
.page-home .feed-template-card .tpl-cover-media{aspect-ratio:4 / 3.45}
.page-templates .template-grid.four .feed-template-card:nth-child(3n+2) .tpl-cover-media,
.page-template-category .template-grid.four .feed-template-card:nth-child(3n+2) .tpl-cover-media{aspect-ratio:4 / 5.35}
.page-templates .template-grid.four .feed-template-card:nth-child(4n+1) .tpl-cover-media,
.page-template-category .template-grid.four .feed-template-card:nth-child(4n+1) .tpl-cover-media{aspect-ratio:1 / 1}
.page-templates .template-grid.four .feed-template-card:nth-child(5n+3) .tpl-cover-media,
.page-template-category .template-grid.four .feed-template-card:nth-child(5n+3) .tpl-cover-media{aspect-ratio:4 / 5.8}
.feed-template-card .tpl-cover-media img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform .6s cubic-bezier(.2,.75,.2,1),filter .4s ease;
}
.feed-template-card:hover .tpl-cover-media img{transform:scale(1.04);filter:saturate(1.03) contrast(1.02)}
.feed-template-card .tpl-cover-overlay{
  position:absolute;inset:auto 0 0 0;height:34%;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(16,20,28,.18));
  pointer-events:none;
}
.feed-template-card .tpl-cover-badge{
  position:absolute;top:12px;right:12px;z-index:2;
  min-height:28px;padding:6px 10px;border-radius:999px;
  background:rgba(21,27,36,.86);color:#fff;font-size:12px;font-weight:700;
  box-shadow:0 10px 24px rgba(0,0,0,.16)
}
.feed-template-card .tpl-cover-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.88);color:#10161d;font-size:13px;
  box-shadow:0 10px 24px rgba(0,0,0,.14)
}
.feed-template-card .tpl-cover-fallback{
  width:100%;height:100%;padding:20px;
  display:flex;flex-direction:column;justify-content:flex-end;gap:8px;
  color:#fff;position:relative;overflow:hidden;
}
.feed-template-card .tpl-cover-fallback:before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at top right,rgba(255,255,255,.3),transparent 34%);
}
.feed-template-card .tpl-cover-fallback span,
.feed-template-card .tpl-cover-fallback b{position:relative;z-index:1}
.feed-template-card .tpl-cover-fallback span{font-size:11px;letter-spacing:.18em;opacity:.84}
.feed-template-card .tpl-cover-fallback b{font-size:24px;line-height:1.2;letter-spacing:-.03em}
.feed-template-card .tpl-flow-body{
  display:flex;flex-direction:column;gap:11px;
  padding:16px 16px 18px;
}
.feed-template-card .compact-kicker{margin:0;min-height:0}
.feed-template-card .compact-kicker .semantic-tag{min-height:24px;padding:4px 9px;font-size:11px}
.feed-template-card h3{
  margin:0!important;
  font-size:20px!important;
  line-height:1.34!important;
  letter-spacing:-.03em!important;
}
.feed-template-card .tpl-metric-line{margin:0;gap:7px}
.feed-template-card .tpl-metric-line strong{font-size:32px!important}
.feed-template-card .tpl-metric-line span{font-size:13px;color:#818791}
.feed-template-card .tpl-summary{
  margin:0!important;
  font-size:14px!important;
  line-height:1.75!important;
  color:#6d7682!important;
  -webkit-line-clamp:3!important;
}
.feed-template-card .tpl-semantic-tags{margin:0;gap:8px}
.feed-template-card .tpl-card-actions{margin-top:auto;padding-top:4px}
.feed-template-card .tpl-cta{
  width:100%;
  min-height:46px;
  border-radius:16px;
  box-shadow:0 12px 24px rgba(255,107,53,.17);
}
.feed-template-card .tpl-cta span{letter-spacing:.01em}

/* Template listing page: keep category list intact, just give the cards a
   calmer three-column rhythm with more breathing space. */
.page-templates .template-grid.four,
.page-template-category .template-grid.four{
  max-width:1199.98px!important;
  margin:34px auto 0!important;
  align-items:start!important;
}
.page-templates .section-title,
.page-template-category .section-title{margin-bottom:1.6rem}

@media(max-width:1199.98px){
  .hero-media-only .hero-title{font-size:clamp(2.7rem,5vw,4rem)!important}
  .page-home .feed-template-card .tpl-cover-media{aspect-ratio:4 / 3.6}
}
@media(max-width:991.98px){
  .hero-media-only .hero-copy{max-width:42rem!important}
  .hero-media-only .hero-title{font-size:clamp(2.45rem,8vw,3.6rem)!important}
  .page-templates .template-grid.four,
  .page-template-category .template-grid.four{max-width:100%!important}
  .feed-template-card .tpl-cover-media,
  .page-home .feed-template-card .tpl-cover-media{aspect-ratio:4 / 4.2!important}
}
@media(max-width:767.98px){
  .hero-media-only .hero-copy{max-width:100%!important}
  .hero-media-only .hero-title{font-size:2.3rem!important;line-height:1.05!important}
  .hero-media-only .hero-lead{font-size:.92rem!important}
  .feed-template-card .tpl-flow-body{padding:14px 14px 16px}
  .feed-template-card h3{font-size:18px!important;line-height:1.38!important}
  .feed-template-card .tpl-metric-line strong{font-size:28px!important}
  .feed-template-card .tpl-summary{font-size:13px!important;-webkit-line-clamp:2!important}
  .feed-template-card .tpl-cover-media,
  .page-home .feed-template-card .tpl-cover-media{aspect-ratio:4 / 4.4!important}
}


/* =========================================================
   V3.6.2 TRUE MASONRY MEDIA FLOW
   原始图片 / 视频比例，不再固定裁切；桌面三列瀑布流
   ========================================================= */

/* Homepage template module + template library/category: true column masonry.
   Cards flow into the shortest visual column and keep their own media height. */
.page-home .template-grid,
.page-templates .template-grid,
.page-templates .template-grid.four{
  display:block!important;
  column-count:3!important;
  column-gap:24px!important;
  max-width:1199.98px!important;
  margin-inline:auto!important;
}
.page-home .template-grid>.masonry-template-card,
.page-templates .template-grid>.masonry-template-card,
.page-templates .template-grid.four>.masonry-template-card{
  display:inline-flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:auto!important;
  margin:0 0 24px!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
  vertical-align:top!important;
}

/* Media follows the uploaded file's intrinsic ratio. No aspect-ratio box,
   no object-fit crop, no arbitrary height. */
.masonry-template-card .tpl-natural-media{
  position:relative;
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden;
  border-radius:22px 22px 0 0;
  background:#f0f1f2;
}
.masonry-template-card .tpl-natural-image{display:block;width:100%;line-height:0}
.masonry-template-card .tpl-natural-media img,
.masonry-template-card .tpl-natural-media video{
  display:block;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#0f141a;
}
.masonry-template-card .tpl-natural-media img{background:#f2f2ef}
.masonry-template-card .tpl-natural-media video{background:#101318}
.masonry-template-card:hover .tpl-natural-media img{transform:scale(1.012)}
.masonry-template-card .tpl-natural-media img{transition:transform .45s cubic-bezier(.2,.75,.2,1)}

/* Small media labels copied from the lightweight content-feed language. */
.media-kind-badge{
  position:absolute;top:10px;left:10px;z-index:3;
  display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;
  border-radius:999px;background:rgba(255,255,255,.9);color:#505963;
  font-size:11px;font-weight:650;box-shadow:0 5px 16px rgba(20,26,33,.08);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.remote-play-hint{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.9);color:#151b22;box-shadow:0 10px 28px rgba(0,0,0,.16);
  transition:transform .25s ease,background .25s ease
}
.remote-play-hint:hover{transform:translate(-50%,-50%) scale(1.07);background:#fff}

/* No-media fallback can have a designed height, because there is no source
   aspect ratio to preserve. Real images/videos never use this fallback. */
.tpl-natural-fallback{
  min-height:280px;padding:24px;display:flex;flex-direction:column;
  justify-content:flex-end;gap:8px;background:linear-gradient(145deg,#eee9ff,#eef5ff);
  color:#1e2732
}
.tpl-natural-fallback.dark{background:#172130;color:#fff}
.tpl-natural-fallback.green{background:linear-gradient(145deg,#dff8eb,#f2fff8)}
.tpl-natural-fallback.orange{background:linear-gradient(145deg,#ffe8ce,#fff4e8)}
.tpl-natural-fallback.cyan{background:linear-gradient(145deg,#d7f7f6,#efffff)}
.tpl-natural-fallback.purple{background:linear-gradient(145deg,#e7e0ff,#f6f3ff)}
.tpl-natural-fallback span{font-size:11px;letter-spacing:.15em;opacity:.62}
.tpl-natural-fallback b{font-size:24px;line-height:1.22;letter-spacing:-.03em}
.tpl-natural-fallback em{font-size:12px;font-style:normal;opacity:.68}

/* Content remains a calm glass sheet under the media. */
.masonry-template-card .tpl-flow-body{
  padding:16px 17px 18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.75));
  backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)
}
.masonry-template-card .tpl-metric-line strong{font-size:28px!important}
.masonry-template-card .tpl-summary{-webkit-line-clamp:3!important}

/* Remove all old per-card media aspect overrides. */
.page-home .feed-template-card .tpl-cover-media,
.page-templates .template-grid.four .feed-template-card:nth-child(n) .tpl-cover-media{
  aspect-ratio:auto!important;height:auto!important
}

@media(max-width:991.98px){
  .page-home .template-grid,
  .page-templates .template-grid,
  .page-templates .template-grid.four{column-count:2!important;column-gap:20px!important}
  .page-home .template-grid>.masonry-template-card,
  .page-templates .template-grid>.masonry-template-card,
  .page-templates .template-grid.four>.masonry-template-card{margin-bottom:20px!important}
}
@media(max-width:767.98px){
  .page-home .template-grid,
  .page-templates .template-grid,
  .page-templates .template-grid.four{column-count:1!important;column-gap:0!important}
  .page-home .template-grid>.masonry-template-card,
  .page-templates .template-grid>.masonry-template-card,
  .page-templates .template-grid.four>.masonry-template-card{margin-bottom:18px!important}
  .masonry-template-card .tpl-natural-media{border-radius:18px 18px 0 0}
  .masonry-template-card .tpl-flow-body{padding:14px 14px 16px!important}
}


/* =========================================================
   V3.7 RESPONSIVE ANNOUNCEMENT POPUP CAROUSEL
   ========================================================= */
.announcement-popup{
  position:fixed;inset:0;z-index:2200;
  display:grid;place-items:center;
  padding:24px;
  background:rgba(0,0,0,.5);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}
.announcement-popup.show{opacity:1;visibility:visible;pointer-events:auto}
.announcement-popup-card{
  position:relative;
  width:440px;max-width:calc(100vw - 48px);
  max-height:calc(100vh - 48px);overflow:auto;
  padding:28px 32px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,.2);
  opacity:0;transform:translateY(-20px);
  transition:opacity .3s ease,transform .3s ease;
  scrollbar-width:thin;
}
.announcement-popup.show .announcement-popup-card{opacity:1;transform:translateY(0)}
.announcement-popup-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.announcement-popup-top h2{margin:0;font-size:22px;line-height:1.25;letter-spacing:-.025em;color:#17202a}
.announcement-popup .popup-close{
  position:static;width:32px;height:32px;min-width:32px;padding:0;
  display:grid;place-items:center;border:0;border-radius:50%;
  background:#f3f4f6;color:#656b73;font-size:16px;line-height:1;cursor:pointer;
  transition:transform .3s ease,background .3s ease,color .3s ease;
}
.announcement-popup .popup-close:hover{background:#e7e9ec;color:#30353b;transform:rotate(90deg)}
.announcement-carousel-stage{position:relative;overflow:hidden;transition:height .28s ease}
.announcement-slide{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .36s ease,transform .36s ease,visibility .36s ease}
.announcement-slide.on{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.announcement-media{display:block;width:100%;margin-bottom:18px;border-radius:14px;overflow:hidden;background:#f5f5f5}
.announcement-media picture,.announcement-media img{display:block;width:100%;height:auto}
.announcement-media img{object-fit:contain}
.announcement-main{display:grid;gap:16px}
.announcement-activity-head{display:flex;align-items:flex-start;gap:12px}
.announcement-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;object-fit:cover;background:#fff5ef}
.announcement-icon.emoji{display:grid;place-items:center;font-size:24px}
.announcement-activity-head h3{margin:0 0 5px;font-size:18px;line-height:1.35;color:#171d24}
.announcement-activity-head p{margin:0;font-size:15px;line-height:1.65;color:#707781}
.announcement-rewards{margin:0;padding:0 0 0 20px;display:grid;gap:8px;color:#3f464e;font-size:15px;line-height:1.6}
.popup-price{color:#FF6B35;font-size:18px;font-weight:800}
.announcement-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:2px}
.announcement-bottom small{color:#969ca4;font-size:12px;line-height:1.5;max-width:56%}
.announcement-cta{min-height:44px;padding:10px 20px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center;background:#FF6B35;color:#fff;font-size:15px;font-weight:750;white-space:nowrap;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 8px 18px rgba(255,107,53,.18)}
.announcement-cta:hover{background:#E55A2B;transform:translateY(-1px);box-shadow:0 10px 22px rgba(229,90,43,.24)}
.announcement-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}
.announcement-arrow{width:32px;height:32px;border:1px solid #ececef;border-radius:50%;background:#fff;color:#4b5159;cursor:pointer;transition:.2s}
.announcement-arrow:hover{background:#f5f5f6}
.announcement-dots{display:flex;align-items:center;gap:7px}
.announcement-dots button{width:7px;height:7px;border:0;padding:0;border-radius:999px;background:#d6d8dc;cursor:pointer;transition:width .25s ease,background .25s ease}
.announcement-dots button.on{width:22px;background:#FF6B35}

@media (min-width:768px) and (max-width:991.98px){
  .announcement-popup{padding:24px}
  .announcement-popup-card{width:80%;max-width:480px}
}
@media (max-width:767.98px){
  .announcement-popup{padding:16px}
  .announcement-popup-card{
    width:calc(100% - 32px);max-width:400px;max-height:calc(100vh - 32px);
    padding:20px 18px;
    transition-duration:.25s;
  }
  .announcement-popup-top{margin-bottom:14px}
  .announcement-popup-top h2{font-size:18px}
  .announcement-popup .popup-close{width:44px;height:44px;min-width:44px;font-size:20px;background:#f5f5f6}
  .announcement-media{margin-bottom:15px;border-radius:13px}
  .announcement-activity-head h3{font-size:18px}
  .announcement-activity-head p,.announcement-rewards{font-size:14px}
  .popup-price{font-size:16px}
  .announcement-bottom{align-items:stretch;flex-direction:column;gap:10px}
  .announcement-bottom small{max-width:none}
  .announcement-cta{width:100%;min-height:48px;font-size:16px}
  .announcement-controls{margin-top:14px}
  .announcement-arrow{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){
  .announcement-popup,.announcement-popup-card,.announcement-slide,.announcement-popup .popup-close,.announcement-cta{transition:none!important}
}


/* =========================================================
   V3.7.1 CUSTOM ANNOUNCEMENT BACKGROUND
   自定义公告底图开启时，默认白色卡片背景完全停用。
   ========================================================= */
.announcement-popup-card.has-custom-background{
  background-color:transparent!important;
  background-image:var(--popup-custom-bg)!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:100% 100%!important;
  border:0!important;
  aspect-ratio:750 / 1018;
  min-height:min(82vh,597px);
  box-shadow:0 20px 60px rgba(0,0,0,.22)!important;
}
.announcement-popup-card.has-custom-background .announcement-popup-top{
  position:relative;z-index:4;
}
.announcement-popup-card.has-custom-background.custom-bg-title-baked .announcement-popup-top h2{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
.announcement-popup-card.has-custom-background.custom-bg-title-baked .announcement-popup-top{
  justify-content:flex-end;
  min-height:44px;
  margin-bottom:8px;
}
.announcement-popup-card.has-custom-background .announcement-carousel-stage{
  border-radius:14px;
}
.announcement-popup-card.has-custom-background .announcement-main{
  padding:10px 8px 4px;
}
.announcement-popup-card.has-custom-background .announcement-media{
  background:rgba(255,255,255,.55);
  box-shadow:0 8px 24px rgba(104,72,79,.08);
}
.required-mark{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;background:#fff0eb;color:#e65a32;font-size:11px;font-weight:700;vertical-align:middle}

@media (min-width:768px) and (max-width:991.98px){
  .announcement-popup-card.has-custom-background{min-height:min(82vh,650px)}
}
@media (max-width:767.98px){
  .announcement-popup-card.has-custom-background{
    min-height:min(86vh,560px);
    aspect-ratio:750 / 1018;
  }
  .announcement-popup-card.has-custom-background.custom-bg-title-baked .announcement-popup-top{min-height:48px;margin-bottom:4px}
}


/* =========================================================
   V3.7.2 POPUP STYLE SWITCH
   通用公告 / 极简海报两套互斥展示逻辑
   ========================================================= */
.popup-style-poster .poster-minimal-card{
  position:relative;
  display:block;
  width:440px;
  max-width:calc(100vw - 48px);
  max-height:calc(100vh - 32px);
  overflow:auto;
  padding:112px 24px 24px!important;
  border-radius:28px!important;
  background-color:#fff!important;
  background-image:var(--popup-custom-bg)!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:100% 100%!important;
  box-shadow:0 20px 60px rgba(0,0,0,.22)!important;
  aspect-ratio:auto!important;
  min-height:0!important;
  scrollbar-width:none;
}
.popup-style-poster .poster-minimal-card::-webkit-scrollbar{display:none}
.popup-style-poster .poster-close{
  position:absolute!important;
  right:14px!important;
  top:14px!important;
  z-index:12;
  width:34px!important;height:34px!important;min-width:34px!important;
  color:#fff!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  text-shadow:0 1px 4px rgba(0,0,0,.15);
}
.popup-style-poster .announcement-carousel-stage{border-radius:18px!important;overflow:hidden!important}
.popup-style-poster .poster-slide{display:flex;flex-direction:column;gap:14px}
.popup-style-poster .poster-media{
  margin:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:0 10px 26px rgba(86,56,65,.12)!important;
}
.popup-style-poster .poster-media picture,
.popup-style-poster .poster-media img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}
.popup-style-poster .poster-cta{
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  border-radius:12px!important;
  font-size:16px!important;
  background:#ff2b58!important;
  box-shadow:0 10px 22px rgba(255,43,88,.2)!important;
}
.popup-style-poster .poster-cta:hover{background:#e51f4a!important}

@media (min-width:768px) and (max-width:991.98px){
  .popup-style-poster .poster-minimal-card{width:80%;max-width:480px;padding:120px 26px 26px!important}
}
@media (max-width:767.98px){
  .popup-style-poster .poster-minimal-card{
    width:calc(100% - 32px)!important;
    max-width:400px!important;
    max-height:calc(100vh - 24px)!important;
    padding:92px 16px 16px!important;
    border-radius:24px!important;
  }
  .popup-style-poster .poster-close{
    right:10px!important;top:10px!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    font-size:20px!important;
  }
  .popup-style-poster .poster-media{border-radius:16px!important}
  .popup-style-poster .poster-cta{height:48px!important;min-height:48px!important;font-size:16px!important}
}


/* =========================================================
   V3.7.3 TEMPLATE DATE + FILTER MATRIX
   模板卡日期 / 分类、平台、标签、排序筛选
   ========================================================= */
.tpl-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.tpl-title-row h3{flex:1;min-width:0;margin:0!important}
.tpl-card-date{flex:0 0 auto;padding-top:4px;color:#686f78;font-size:12px;line-height:1.3;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em}

.template-searchbar{margin-bottom:16px!important}
.template-searchbar input[name="q"]{min-width:min(430px,100%)}
.template-reset-filter{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;color:#69717b;font-size:13px;font-weight:650;background:#f4f2ee;transition:.2s ease}
.template-reset-filter:hover{background:#ebe8e2;color:#1c2630}
.template-filter-panel{display:grid;gap:0;margin:0 0 32px;padding:8px 20px;border:1px solid #e7e1d9;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(32,37,43,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.template-filter-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid #eeeae4;align-items:start}
.template-filter-row:last-child{border-bottom:0}
.template-filter-row>b{padding-top:7px;color:#81868c;font-size:13px;font-weight:650;white-space:nowrap}
.template-filter-chips{display:flex;flex-wrap:wrap;gap:8px 9px;min-width:0}
.filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border:1px solid #e1e4e8;border-radius:999px;background:#fff;color:#4f5863;font-size:13px;line-height:1.2;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.filter-chip:hover{transform:translateY(-1px);border-color:#cfd4da;box-shadow:0 5px 12px rgba(23,31,40,.06)}
.filter-chip.active{background:#1b2631;color:#fff;border-color:#1b2631;box-shadow:0 7px 16px rgba(27,38,49,.12)}
.filter-chip.is-child:before{content:"·";margin-right:5px;color:#a4a9ae}.filter-chip.active.is-child:before{color:rgba(255,255,255,.62)}
.tag-filter-chip{background:var(--chip-bg,#EBF4FF);color:var(--chip-color,#2563EB);border-color:transparent}
.tag-filter-chip.active{background:var(--chip-color,#2563EB);color:#fff;border-color:var(--chip-color,#2563EB)}
.template-results-meta{max-width:1199.98px;margin:2px auto -12px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#7c838b;font-size:13px}
.template-results-meta b{color:#1c2630;font-size:14px}.template-results-meta em{font-style:normal;color:#8a9097}

@media(max-width:767.98px){
  .tpl-title-row{gap:9px}.tpl-card-date{font-size:11px;padding-top:3px}
  .template-filter-panel{padding:5px 14px;border-radius:16px;margin-bottom:24px}
  .template-filter-row{grid-template-columns:1fr;gap:8px;padding:12px 0}
  .template-filter-row>b{padding-top:0;font-size:12px}
  .template-filter-chips{flex-wrap:nowrap;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:none}
  .template-filter-chips::-webkit-scrollbar{display:none}
  .filter-chip{flex:0 0 auto;min-height:36px;padding:8px 13px}
  .template-results-meta{margin-bottom:-4px;align-items:flex-start;flex-direction:column;gap:3px}
  .template-searchbar{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
  .template-searchbar input[name="q"]{min-width:0!important;width:100%!important}
  .template-searchbar .template-reset-filter{grid-column:1/-1;justify-content:center}
}


/* =========================================================
   V3.7.4 TASK DETAIL PAGE
   Cards lead to detail first; claiming only happens on detail.
   ========================================================= */
.task-card-main-link{display:block;color:inherit;text-decoration:none}
.task-card-main-link:focus-visible{outline:2px solid #ff6b35;outline-offset:5px;border-radius:14px}
.task-detail-btn{min-height:44px!important;white-space:nowrap;background:#242d37!important;color:#fff!important;border-color:#242d37!important}
.task-detail-btn:hover{background:#151d26!important;transform:translateY(-2px)}
.task-card-state{display:inline-flex;margin-top:5px;font-style:normal;font-size:11px;font-weight:700}.task-card-state.claimed{color:#059669}.task-card-state.full{color:#a44a35}

.page-task .site-main{max-width:1220px}
.task-detail-hero{margin:28px 0 30px;padding:34px;border:1px solid rgba(225,219,210,.95);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,245,238,.84));box-shadow:0 18px 52px rgba(34,40,46,.07);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.44fr);gap:34px;align-items:center;overflow:hidden;position:relative}
.task-detail-hero:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-130px;background:radial-gradient(circle,rgba(255,107,53,.13),transparent 70%);pointer-events:none}
.task-detail-copy{position:relative;z-index:1;min-width:0}.task-detail-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.task-detail-badges>span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#f2f0eb;color:#65707a;font-size:12px;font-weight:700}.task-detail-badges .task-open-chip{background:#ffb84b;color:#fff}.task-detail-badges .task-code{background:#edf4ff;color:#2563eb}.task-detail-platform{display:flex;align-items:center;gap:9px;color:#596574;font-weight:700;font-size:14px;margin-bottom:12px}.task-detail-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef3fb;color:#1d5ca8}.task-detail-copy h1{margin:0 0 12px;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.045em}.task-detail-copy>p{max-width:720px;margin:0;color:#727b85;line-height:1.8;font-size:15px}.task-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.task-fact-grid>div{min-width:0;padding:15px 16px;border:1px solid rgba(227,223,216,.85);border-radius:16px;background:rgba(255,255,255,.7)}.task-fact-grid small{display:block;margin-bottom:5px;color:#969a9d;font-size:11px}.task-fact-grid b{display:block;color:#28323d;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.task-fact-grid .reward{color:#ff5d36;font-size:18px}.task-detail-cover{position:relative;z-index:1;border-radius:22px;overflow:hidden;background:#eeeae3;box-shadow:0 16px 38px rgba(32,38,44,.11)}.task-detail-cover img{width:100%;height:auto;display:block;object-fit:contain}

.task-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;padding-bottom:42px}.task-detail-main{display:grid;gap:18px}.task-detail-section{padding:28px;border:1px solid #e7e2da;border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 10px 32px rgba(36,43,50,.05);backdrop-filter:blur(14px)}.task-detail-section-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}.task-detail-section-head>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#222d38;color:#fff;font-size:11px;font-weight:800}.task-detail-section-head small{display:block;color:#a0a0a0;font-size:11px;margin-bottom:3px}.task-detail-section-head h2{margin:0;font-size:21px;letter-spacing:-.025em}.task-rich-text{font-size:15px;line-height:1.9;color:#515b65;white-space:normal;overflow-wrap:anywhere}.task-risk-section{background:#fffaf7;border-color:#f4ddd2}.task-risk-section .task-detail-section-head>span{background:#ff6b35}

.task-action-card{position:sticky;top:112px;padding:24px;border:1px solid rgba(227,221,213,.94);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 18px 48px rgba(35,42,49,.09);backdrop-filter:blur(18px)}.task-action-price small{display:block;color:#8c9298;font-size:12px}.task-action-price strong{display:block;margin-top:4px;color:#ff5d36;font-size:38px;line-height:1;letter-spacing:-.045em}.task-action-progress{margin-top:22px;padding-top:20px;border-top:1px solid #ece8e2}.task-action-progress>div{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#7b8288}.task-action-progress>div b{color:#29343f}.task-action-progress>i{display:block;height:7px;margin:10px 0 7px;border-radius:999px;background:#efede9;overflow:hidden}.task-action-progress>i>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6b35,#ff9a67)}.task-action-progress>small{color:#93979b;font-size:11px}.task-action-meta{margin:18px 0;padding:14px 0;border-top:1px solid #ece8e2;border-bottom:1px solid #ece8e2}.task-action-meta>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0}.task-action-meta dt{color:#92979b;font-size:12px}.task-action-meta dd{margin:0;color:#2c3741;font-size:13px;font-weight:700}.task-action-primary{min-height:48px;border-radius:999px!important;background:#ff6b35!important;border-color:#ff6b35!important;box-shadow:0 10px 24px rgba(255,107,53,.2)!important}.task-action-primary:hover{background:#e55a2b!important}.task-action-primary:disabled{background:#d6d4d0!important;border-color:#d6d4d0!important;box-shadow:none!important;cursor:not-allowed}.task-action-note{margin:13px 2px 0;color:#92979c;font-size:11px;line-height:1.7}.task-claim-status{display:flex;gap:10px;align-items:center;margin-bottom:12px;padding:12px;border-radius:14px;background:#ecfdf5;color:#087a5a}.task-claim-status>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d7f7e8;font-weight:800}.task-claim-status div{display:grid;gap:2px}.task-claim-status b{font-size:13px}.task-claim-status small{font-size:11px;opacity:.82}

@media(max-width:991.98px){.task-detail-hero{grid-template-columns:1fr;padding:26px}.task-detail-cover{max-width:575.98px}.task-detail-layout{grid-template-columns:1fr}.task-action-card{position:static}.task-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.task-detail-hero{margin-top:18px;padding:20px;border-radius:20px}.task-detail-copy h1{font-size:30px}.task-fact-grid{grid-template-columns:1fr 1fr;gap:9px}.task-fact-grid>div{padding:12px}.task-detail-layout{gap:16px}.task-detail-section{padding:20px;border-radius:18px}.task-detail-section-head h2{font-size:19px}.task-rich-text{font-size:14px}.task-action-card{padding:20px;border-radius:20px}.task-action-price strong{font-size:34px}.task-bottom{align-items:flex-end}.task-detail-btn{padding-inline:13px!important;font-size:12px!important}}


/* =========================================================
   V3.7.5 TASK SUBMISSION EXPERIENCE
   Responsive task submission dialog / validation / feedback
   ========================================================= */
.task-submit-dialog{
  width:min(680px,calc(100vw - 32px));
  max-width:767.98px;
  max-height:min(88vh,760px);
  margin:auto;
  padding:0;
  border:0;
  border-radius:24px;
  color:#17202b;
  background:transparent;
  box-shadow:0 30px 80px rgba(15,23,32,.24);
  overflow:visible;
  opacity:0;
  transform:translateY(16px) scale(.985);
  transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1);
}
.task-submit-dialog[open].is-ready{opacity:1;transform:none}
.task-submit-dialog::backdrop{background:rgba(21,26,32,.52);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.task-submit-form{
  display:flex;flex-direction:column;max-height:min(88vh,760px);overflow:hidden;
  border:1px solid rgba(255,255,255,.88);border-radius:24px;
  background:rgba(252,251,248,.94);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(28px) saturate(1.18);-webkit-backdrop-filter:blur(28px) saturate(1.18);
}
.submit-dialog-head{display:grid;grid-template-columns:46px minmax(0,1fr) 40px;gap:14px;align-items:start;padding:24px 26px 20px;border-bottom:1px solid rgba(27,36,46,.075)}
.submit-dialog-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#18232e;color:#fff;font-weight:850;font-size:18px;box-shadow:0 10px 24px rgba(19,31,42,.15)}
.submit-dialog-heading{min-width:0}.submit-dialog-heading>span{display:block;margin:1px 0 5px;color:#f05c38;font-size:10px;font-weight:800;letter-spacing:.13em}.submit-dialog-heading h2{margin:0!important;font-size:23px!important;line-height:1.25;letter-spacing:-.035em}.submit-dialog-heading p{margin:6px 0 0;color:#767d84;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.submit-dialog-close{width:40px;height:40px;border:0;border-radius:13px;background:#efede8;color:#6e747a;font-size:22px;line-height:1;cursor:pointer;transition:transform .25s ease,background .2s ease,color .2s ease}.submit-dialog-close:hover{background:#e4e1db;color:#1d2731;transform:rotate(90deg)}
.submit-dialog-body{display:grid;gap:17px;padding:21px 26px 22px;overflow:auto;overscroll-behavior:contain}
.submit-notice{display:grid;gap:4px;padding:13px 15px;border-radius:15px;background:linear-gradient(135deg,#f5f1e9,#f9f7f3);border:1px solid #ebe5dc}.submit-notice b{font-size:13px}.submit-notice span{color:#747b82;font-size:12px;line-height:1.6}
.submit-field{display:grid;gap:8px}.submit-label{display:flex;align-items:center;gap:7px}.submit-label b{font-size:14px}.submit-label em{padding:3px 6px;border-radius:999px;background:#fff1eb;color:#e65a33;font-size:10px;font-style:normal;font-weight:700}.submit-label small{margin-left:auto;color:#9a9ea2;font-size:11px}.submit-label small i{font:inherit;color:#646b72}
.task-submit-form textarea,.task-submit-form input[type="url"]{width:100%;border:1px solid #dedbd4;border-radius:14px;background:rgba(255,255,255,.82);outline:0;color:#19232d;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.task-submit-form textarea{min-height:132px;resize:vertical;padding:14px 15px;font-size:14px;line-height:1.75}.task-submit-form textarea:focus,.task-submit-form input[type="url"]:focus{border-color:#7891a6;background:#fff;box-shadow:0 0 0 4px rgba(55,86,112,.08)}.task-submit-form textarea.is-invalid{border-color:#df655d;box-shadow:0 0 0 4px rgba(223,101,93,.09)}
.submit-url-wrap{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;border:1px solid #dedbd4;border-radius:14px;background:rgba(255,255,255,.82);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.submit-url-wrap:focus-within{border-color:#7891a6;box-shadow:0 0 0 4px rgba(55,86,112,.08)}.submit-url-wrap>span{height:100%;display:grid;place-items:center;background:#f3f1ed;color:#5f6972;font-size:15px}.task-submit-form .submit-url-wrap input{min-height:48px;border:0!important;border-radius:0!important;padding:0 13px;box-shadow:none!important;background:transparent!important;font-size:13px}
.submit-help{color:#92979c;font-size:11px;line-height:1.55}.submit-help.is-error{color:#d75148}.submit-help.is-ok{color:#198466}
.submit-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.submit-checklist span{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid #e8e4dc;border-radius:12px;background:rgba(255,255,255,.58);color:#626a71;font-size:11px}.submit-checklist i{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:#eae7e1;color:#55606a;font-size:9px;font-style:normal;font-weight:800}
.submit-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 26px 20px;border-top:1px solid rgba(27,36,46,.075);background:rgba(248,247,243,.78)}.submit-dialog-actions .btn{min-height:44px;border-radius:14px;padding-inline:19px}.submit-cancel{border:1px solid #dedbd4!important;background:#fff!important;color:#535d66!important}.submit-confirm{min-width:150px;gap:10px;background:#17232e!important;box-shadow:0 10px 22px rgba(23,35,46,.16)!important}.submit-confirm:hover{background:#263746!important}.submit-confirm i{font-style:normal;transition:transform .2s ease}.submit-confirm:hover i{transform:translateX(3px)}.submit-confirm.is-loading{opacity:.72;cursor:wait}.submit-confirm.is-loading i{animation:qzpSubmitSpin .8s linear infinite}@keyframes qzpSubmitSpin{to{transform:rotate(360deg)}}
.page-dashboard .linkbtn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 13px;border:1px solid #dce2e7;border-radius:999px;background:#fff;color:#23374a;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.page-dashboard .linkbtn:hover{border-color:#b9c5cf;background:#f6f8f9;transform:translateY(-1px)}

@media(max-width:767.98px){
  .task-submit-dialog{width:calc(100vw - 20px);max-width:none;max-height:92dvh;border-radius:22px}
  .task-submit-form{max-height:92dvh;border-radius:22px}
  .submit-dialog-head{grid-template-columns:40px minmax(0,1fr) 42px;gap:11px;padding:18px 16px 15px}.submit-dialog-icon{width:40px;height:40px;border-radius:13px}.submit-dialog-heading h2{font-size:20px!important}.submit-dialog-heading p{font-size:12px}.submit-dialog-close{width:42px;height:42px}
  .submit-dialog-body{gap:15px;padding:16px}.submit-notice{padding:12px 13px}.task-submit-form textarea{min-height:118px}.submit-checklist{grid-template-columns:1fr}.submit-checklist span{padding:8px 10px}
  .submit-dialog-actions{padding:13px 16px 16px;display:grid;grid-template-columns:.8fr 1.2fr;position:sticky;bottom:0}.submit-dialog-actions .btn{width:100%;min-height:48px;padding-inline:12px}.submit-confirm{min-width:0}
}
@media(prefers-reduced-motion:reduce){.task-submit-dialog,.submit-dialog-close,.submit-confirm i{transition:none!important;animation:none!important}}

/* =========================================================
   V3.7.6 TASK SUBMISSION PROOF + REVIEW WORKFLOW
   ========================================================= */
.submit-select-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;border:1px solid #dedbd4;border-radius:14px;background:rgba(255,255,255,.82);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.submit-select-wrap:focus-within{border-color:#7891a6;box-shadow:0 0 0 4px rgba(55,86,112,.08)}.submit-select-wrap select{appearance:none;-webkit-appearance:none;width:100%;min-height:50px;border:0;background:transparent;padding:0 14px;color:#1b2630;outline:0;font-size:14px}.submit-select-wrap>span{height:100%;display:grid;place-items:center;background:#f3f1ed;color:#65707a;pointer-events:none}.submit-proof-upload{position:relative}.submit-proof-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.submit-upload-box{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:14px 16px;border:1px dashed #cfd2d5;border-radius:15px;background:linear-gradient(135deg,rgba(248,247,244,.95),rgba(255,255,255,.78));cursor:pointer;transition:.2s ease}.submit-proof-upload:hover .submit-upload-box{border-color:#97a4ae;background:#fff}.submit-upload-box b{font-size:14px;color:#26323d}.submit-upload-box small{font-size:11px;color:#899098;text-align:right}.submit-proof-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}.submit-proof-preview:empty{display:none}.submit-proof-preview figure{position:relative;margin:0;aspect-ratio:1/1;border-radius:11px;overflow:hidden;background:#eef0f2;border:1px solid #e4e5e6}.submit-proof-preview img{width:100%;height:100%;object-fit:cover}.submit-proof-preview span{position:absolute;right:5px;bottom:5px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:rgba(18,25,32,.74);color:#fff;font-size:10px}

.platform-icon-cell{font-size:20px}.modern-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:22px;align-items:start}.review-card-modern{padding:0!important;overflow:hidden;border:1px solid #e8e4dc!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 34px rgba(28,34,40,.06)!important}.review-card-modern .review-head{padding:20px 22px 17px;border-bottom:1px solid #efebe5;background:linear-gradient(135deg,#fbfaf7,#fff)}.review-head>div{min-width:0}.review-kicker{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.14em;color:#9a8170;font-weight:750}.review-card-modern .review-head h3{margin:0;font-size:19px;line-height:1.4}.review-card-modern .review-head strong{font-size:22px;color:#ff6337}.review-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ebe7df;border-bottom:1px solid #ebe7df}.review-meta-grid>div{min-width:0;padding:14px 16px;background:#fff;display:grid;gap:3px}.review-meta-grid small{font-size:10px;color:#989da2}.review-meta-grid b{font-size:13px;color:#26313b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-meta-grid span{font-size:10px;color:#92979b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-section{padding:18px 22px;border-bottom:1px solid #efebe5}.review-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.review-section-title b{font-size:13px}.review-section-title a{font-size:12px;color:#1f6cff;font-weight:650}.review-copy{margin:0!important;padding:13px 14px;border-radius:13px;background:#f7f6f3;color:#4e5964!important;font-size:13px!important;line-height:1.75!important}.review-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.review-proof-thumb{position:relative;aspect-ratio:1/1;border:0;padding:0;border-radius:12px;overflow:hidden;background:#f0f1f2;cursor:zoom-in}.review-proof-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.review-proof-thumb:hover img{transform:scale(1.045)}.review-proof-thumb span{position:absolute;right:5px;bottom:5px;min-width:23px;height:23px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:rgba(18,25,32,.76);color:#fff;font-size:10px}.review-proof-empty{padding:18px;border:1px dashed #ddd8cf;border-radius:12px;color:#9a9ca0;text-align:center;font-size:12px}.review-decision-form{padding:18px 22px 22px}.review-decision-form label{display:grid;gap:7px}.review-decision-form label>span{font-size:12px;font-weight:650}.review-decision-form textarea{min-height:82px;border:1px solid #ddd9d1;border-radius:13px;padding:11px 12px;resize:vertical;outline:0}.review-decision-form textarea:focus{border-color:#8d9aa5;box-shadow:0 0 0 4px rgba(72,91,108,.07)}.review-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.empty-review{grid-column:1/-1;padding:50px!important;text-align:center;color:#8f9498}

.proof-lightbox{width:min(92vw,980px);height:min(90vh,760px);max-width:none;max-height:none;padding:0;border:0;border-radius:22px;background:rgba(15,20,27,.96);box-shadow:0 30px 90px rgba(0,0,0,.38);overflow:hidden}.proof-lightbox::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(7px)}.proof-lightbox figure{width:100%;height:100%;margin:0;display:grid;place-items:center;padding:44px 70px 38px}.proof-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}.proof-lightbox figcaption{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:11px}.proof-lightbox-close,.proof-lightbox-nav{position:absolute;z-index:3;border:0;color:#fff;background:rgba(255,255,255,.11);backdrop-filter:blur(12px);cursor:pointer;transition:.2s}.proof-lightbox-close{right:14px;top:14px;width:38px;height:38px;border-radius:50%;font-size:22px}.proof-lightbox-nav{top:50%;transform:translateY(-50%);width:46px;height:58px;border-radius:15px;font-size:38px;line-height:1}.proof-lightbox-nav.prev{left:14px}.proof-lightbox-nav.next{right:14px}.proof-lightbox-close:hover,.proof-lightbox-nav:hover{background:rgba(255,255,255,.2)}

@media(max-width:767.98px){.submit-proof-preview{grid-template-columns:repeat(3,1fr)}.submit-upload-box{align-items:flex-start;flex-direction:column}.submit-upload-box small{text-align:left}.modern-review-grid{grid-template-columns:1fr}.review-meta-grid{grid-template-columns:1fr}.review-proof-grid{grid-template-columns:repeat(3,1fr)}.review-actions{flex-direction:column}.review-actions .btn{width:100%}.proof-lightbox{width:100vw;height:100dvh;border-radius:0}.proof-lightbox figure{padding:54px 48px 40px}.proof-lightbox-nav{width:42px;height:54px}.proof-lightbox-nav.prev{left:5px}.proof-lightbox-nav.next{right:5px}}
.submit-select-wrap.is-invalid{border-color:#df655d!important;box-shadow:0 0 0 4px rgba(223,101,93,.09)!important}

/* =========================================================
   V3.8 MEMBER AUTH / INVITE / EMAIL VERIFICATION
   ========================================================= */
.auth-page{margin:0;background:#f5f2ec;color:#17202a;min-height:100vh}.auth-split-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,3fr) minmax(420px,2fr);background:#fff}.auth-brand-pane{position:relative;overflow:hidden;padding:clamp(2rem,4vw,4.5rem);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#17304d 0%,#1a365d 58%,#102439 100%);isolation:isolate}.auth-brand-pane:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,23,39,.08),rgba(9,23,39,.58)),var(--auth-brand-image,none);background-size:cover;background-position:center;z-index:-2}.auth-brand-pane:after{content:"";position:absolute;width:38rem;height:38rem;right:-12rem;bottom:-13rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,107,53,.55),rgba(255,107,53,.08) 45%,transparent 70%);filter:blur(6px);z-index:-1}.auth-brand-logo{display:inline-flex;align-items:center;gap:.75rem;width:max-content;color:#fff;font-size:1.25rem}.auth-brand-logo img{height:42px;max-width:170px;object-fit:contain}.auth-brand-logo .brand-mark{background:#fff}.auth-brand-copy{max-width:46rem;margin-block:auto;padding:4rem 0}.auth-brand-copy>span{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#ffd6c8;font-weight:800}.auth-brand-copy h1{margin:1.1rem 0 1.2rem;font-size:clamp(2.7rem,5.2vw,5.2rem);line-height:.98;letter-spacing:-.065em;max-width:12ch}.auth-brand-copy p{max-width:39rem;margin:0 0 2rem;color:rgba(255,255,255,.72);font-size:1.02rem;line-height:1.8}.auth-brand-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.auth-brand-copy li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:rgba(255,255,255,.9)}.auth-brand-copy li i{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:rgba(255,255,255,.12);color:#ffb092;font-style:normal;font-size:.78rem}.auth-brand-pane>small{max-width:38rem;color:rgba(255,255,255,.5);line-height:1.65}.auth-form-pane{display:grid;place-items:center;padding:clamp(2rem,5vw,5rem);background:#fbfaf7}.auth-form-inner{width:min(100%,30rem)}.auth-back{display:inline-flex;margin-bottom:3.5rem;color:#68717c;font-size:.88rem}.auth-form-heading>span{font-size:.72rem;letter-spacing:.14em;color:#ff6b35;font-weight:800}.auth-form-heading h2{font-size:clamp(2rem,3vw,2.7rem);letter-spacing:-.045em;margin:.55rem 0 .75rem}.auth-form-heading p{margin:0 0 2rem;color:#7b828b;line-height:1.7;font-size:.92rem}.auth-clean-form{display:grid;gap:1.15rem}.auth-clean-form label{display:grid;gap:.48rem}.auth-clean-form label>span{font-size:.78rem;color:#4d5661;font-weight:700}.auth-clean-form input{width:100%;height:3.25rem;border:0;border-bottom:1px solid #d7d4ce;border-radius:0;padding:0 .1rem;background:transparent;outline:none;color:#151b22;transition:border-color .2s,box-shadow .2s}.auth-clean-form input:focus{border-color:#ff6b35;box-shadow:0 1px 0 #ff6b35}.auth-clean-form small{color:#9a9fa5;font-size:.72rem}.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}.auth-code-row button{height:2.75rem;padding:0 1rem;border:1px solid #d7d4ce;border-radius:999px;background:#fff;color:#27313c;font-weight:700;cursor:pointer;white-space:nowrap;transition:.2s}.auth-code-row button:hover{border-color:#ff6b35;color:#e95b29}.auth-code-row button:disabled{opacity:.55;cursor:not-allowed}.auth-submit{margin-top:.65rem;min-height:3.25rem;border:0;border-radius:999px;background:#ff6b35;color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 14px 28px rgba(255,107,53,.22);transition:.25s}.auth-submit:hover{background:#e55a2b;transform:translateY(-2px)}.auth-inline{display:flex;justify-content:flex-end;margin-top:-.35rem}.auth-inline a,.auth-switch a{color:#1a365d;font-weight:750}.auth-switch{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e8e4dc;color:#7b828b;font-size:.86rem}.auth-page .flash{margin:0 0 1rem}.member-template-gate{position:relative;overflow:hidden;max-width:980px;margin:2rem auto;padding:clamp(2rem,5vw,4rem);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(244,242,236,.72));border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(24,31,39,.10);text-align:center;backdrop-filter:blur(24px)}.member-template-gate:before{content:"";position:absolute;width:22rem;height:22rem;border-radius:50%;left:-9rem;top:-12rem;background:radial-gradient(circle,rgba(255,107,53,.15),transparent 70%)}.member-gate-mark{color:#ff6b35;font-size:.72rem;letter-spacing:.16em;font-weight:850}.member-template-gate h2{margin:.7rem 0 1rem;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em}.member-template-gate p{max-width:43rem;margin:0 auto 1.7rem;color:#6e7680;line-height:1.75}.member-gate-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.member-gate-points{margin-top:1.4rem;display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.member-gate-points span{padding:.45rem .75rem;border-radius:999px;background:#f0f4f8;color:#53606f;font-size:.75rem}

/* member center */
.member-dashboard-head{margin:1.2rem 0 1.4rem;padding:2rem 2.2rem;border-radius:26px;background:linear-gradient(135deg,#f0ede6,#f7f5f0);display:flex;justify-content:space-between;align-items:center;gap:2rem}.member-dashboard-head>div:first-child>span{font-size:.72rem;letter-spacing:.14em;color:#1a365d;font-weight:800}.member-dashboard-head h1{font-size:2.35rem;letter-spacing:-.05em;margin:.5rem 0}.member-dashboard-head p{margin:0;color:#707780}.member-account-chip{display:grid;gap:.25rem;padding:1.2rem 1.4rem;border-radius:18px;background:rgba(255,255,255,.72);min-width:15rem}.member-account-chip small,.member-account-chip span{color:#818790;font-size:.72rem}.member-account-chip b{font-size:.9rem;overflow-wrap:anywhere}.member-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.member-metric-grid>div{padding:1.25rem;border:1px solid #ebe7df;border-radius:18px;background:rgba(255,255,255,.82);display:grid;gap:.3rem}.member-metric-grid span{font-size:.76rem;color:#747b84}.member-metric-grid strong{font-size:1.75rem;color:#1a365d;letter-spacing:-.04em}.member-metric-grid small{font-size:.7rem;color:#9a9fa4}.member-section-nav{position:sticky;top:6rem;z-index:12;display:flex;gap:.5rem;flex-wrap:wrap;margin:1.2rem 0 1.5rem;padding:.55rem;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 32px rgba(20,28,36,.08);backdrop-filter:blur(18px);width:max-content;max-width:100%}.member-section-nav a{padding:.65rem 1rem;border-radius:999px;color:#4d5762;font-size:.8rem;font-weight:720}.member-section-nav a:hover{background:#f2efe9;color:#17212b}.member-section-nav b{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;border-radius:999px;background:#ff6b35;color:#fff;font-size:.65rem}.member-panel{margin-bottom:1.4rem;border-radius:22px!important}.member-panel-note{font-size:.75rem;color:#8b9097}.settlement-list,.notification-list{display:grid;gap:.7rem}.settlement-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem;border-radius:14px;background:#f8f7f4}.settlement-row>div{display:grid;gap:.25rem}.settlement-row small{color:#969ba1}.settlement-row strong{color:#ff6b35}.settlement-status{font-size:.72rem;padding:.4rem .65rem;border-radius:999px;background:#eef1f4}.settlement-status.status-paid{background:#ecfdf5;color:#059669}.settlement-status.status-pending{background:#fff7ed;color:#ea580c}.notification-item{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:14px;background:#f8f7f4;border-left:3px solid transparent}.notification-item.is-unread{background:#fff7ed;border-left-color:#ff6b35}.notification-item>div{min-width:0}.notification-item span{font-size:.65rem;letter-spacing:.12em;color:#ff6b35}.notification-item h3{font-size:.95rem;margin:.25rem 0}.notification-item p{margin:0;color:#737a83;font-size:.82rem;line-height:1.6}.notification-item time{white-space:nowrap;font-size:.7rem;color:#999fa5}.account-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.account-info-grid>div{padding:1.1rem;border-radius:14px;background:#f8f7f4;display:grid;gap:.28rem}.account-info-grid small,.account-info-grid span{font-size:.7rem;color:#8c9298}.account-info-grid b{font-size:.88rem;overflow-wrap:anywhere}.member-empty{padding:1.4rem;text-align:center;color:#8c9298;background:#f8f7f4;border-radius:14px}

/* admin member/auth */
.auth-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}.auth-mail-test{position:sticky;top:1rem;padding:1.3rem}.auth-mail-test h2{margin-top:0}.auth-mail-test p{color:#7d848c;line-height:1.6;font-size:.82rem}.auth-mail-test form{display:grid;gap:.75rem}.auth-mail-test label{display:grid;gap:.45rem;font-size:.78rem}.auth-mail-test input{min-height:2.8rem;border:1px solid #ddd8d0;border-radius:.75rem;padding:.6rem .8rem}.mail-config-tip{margin-top:1rem;padding:1rem;border-radius:12px;background:#f6f3ee;display:grid;gap:.35rem}.mail-config-tip b{font-size:.78rem}.mail-config-tip span{font-size:.72rem;color:#7e858c;line-height:1.6}.invite-code-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:#1a365d}

@media(max-width:991.98px){.auth-split-shell{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr)}.auth-brand-copy h1{font-size:clamp(2.5rem,5vw,4rem)}.member-metric-grid,.account-info-grid{grid-template-columns:repeat(2,1fr)}.auth-admin-grid{grid-template-columns:1fr}.auth-mail-test{position:static}}
@media(max-width:767.98px){.auth-split-shell{display:block;min-height:100vh}.auth-brand-pane{display:none}.auth-form-pane{min-height:100vh;padding:2rem 1.25rem;align-items:center}.auth-form-inner{width:100%;max-width:31rem}.auth-back{margin-bottom:2.5rem}.auth-form-heading h2{font-size:2.2rem}.auth-code-row{grid-template-columns:minmax(0,1fr) auto}.member-dashboard-head{align-items:flex-start;flex-direction:column;padding:1.45rem}.member-account-chip{width:100%;min-width:0}.member-metric-grid{grid-template-columns:repeat(2,1fr)}.member-section-nav{position:static;width:100%;border-radius:18px;overflow-x:auto;flex-wrap:nowrap}.member-section-nav a{white-space:nowrap}.settlement-row{grid-template-columns:1fr auto}.settlement-status{grid-column:1/-1;width:max-content}.notification-item{flex-direction:column}.account-info-grid{grid-template-columns:1fr}.member-template-gate{border-radius:20px;padding:2rem 1.25rem}.member-gate-actions .btn{width:100%}}
@media(max-width:575.98px){.auth-form-pane{padding:1.5rem 1rem}.auth-code-row{grid-template-columns:1fr}.auth-code-row button{width:100%;height:2.85rem}.member-metric-grid{grid-template-columns:1fr}.member-dashboard-head h1{font-size:1.9rem}}


/* =========================================================
   V3.8.1 AUTH EXPERIENCE REFINEMENT
   6:4 品牌分屏认证页：改善中文标题断行、网格对齐和表单节奏
   ========================================================= */
.auth-page{background:#f7f4ef!important}
.auth-split-shell{
  min-height:100svh!important;
  grid-template-columns:minmax(0,1.48fr) minmax(420px,1fr)!important;
  background:#fbfaf7!important;
}
.auth-brand-pane{
  min-width:0;
  padding:clamp(2.25rem,4.6vw,5.25rem)!important;
  background:linear-gradient(145deg,#122c49 0%,#19395e 54%,#102942 100%)!important;
}
.auth-brand-pane:before{
  background:
    linear-gradient(180deg,rgba(7,20,35,.08),rgba(7,20,35,.42)),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    var(--auth-brand-image,none)!important;
  background-size:cover,4.5rem 4.5rem,4.5rem 4.5rem,cover!important;
  background-position:center!important;
}
.auth-brand-pane:after{
  width:32rem!important;height:32rem!important;right:-9rem!important;bottom:-10rem!important;
  background:radial-gradient(circle at 38% 38%,rgba(255,110,66,.48),rgba(255,110,66,.12) 44%,transparent 69%)!important;
  filter:blur(12px)!important;
}
.auth-brand-logo{position:relative;z-index:2;font-size:1.12rem!important;letter-spacing:-.02em}
.auth-brand-logo img{height:38px!important;max-width:165px!important}
.auth-brand-copy{
  position:relative;z-index:2;
  width:min(100%,46rem)!important;
  max-width:46rem!important;
  margin:auto 0!important;
  padding:clamp(3rem,7vh,6rem) 0 clamp(2.3rem,5vh,4rem)!important;
}
.auth-brand-copy>span{
  position:relative;
  padding-left:2.35rem;
  font-size:.72rem!important;
  letter-spacing:.15em!important;
  color:#ffd2c1!important;
}
.auth-brand-copy>span:before{
  content:"";position:absolute;left:0;top:50%;width:1.55rem;height:2px;border-radius:99px;background:#ff6b35;transform:translateY(-50%);
}
.auth-brand-copy h1{
  width:min(100%,14ch)!important;
  max-width:14ch!important;
  margin:1.25rem 0 1.15rem!important;
  font-size:clamp(3rem,4.55vw,5rem)!important;
  line-height:1.055!important;
  letter-spacing:-.055em!important;
  text-wrap:balance;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.auth-brand-copy p{
  max-width:35rem!important;
  margin:0 0 2.15rem!important;
  color:rgba(255,255,255,.7)!important;
  font-size:.98rem!important;
  line-height:1.85!important;
}
.auth-brand-copy ul{gap:.72rem!important;max-width:38rem}
.auth-brand-copy li{
  gap:.8rem!important;
  min-height:2.45rem;
  padding:.45rem .7rem .45rem .35rem;
  border-radius:.85rem;
  color:rgba(255,255,255,.88)!important;
  font-size:.9rem!important;
  transition:background .25s ease,transform .25s ease;
}
.auth-brand-copy li:hover{background:rgba(255,255,255,.045);transform:translateX(.22rem)}
.auth-brand-copy li i{flex:0 0 1.75rem;width:1.75rem!important;height:1.75rem!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.08);color:#ff9d7b!important}
.auth-brand-pane>small{position:relative;z-index:2;max-width:35rem!important;font-size:.74rem;letter-spacing:.01em;color:rgba(255,255,255,.46)!important}

.auth-form-pane{
  position:relative;
  place-items:center!important;
  padding:clamp(2rem,5vw,5.5rem)!important;
  background:
    radial-gradient(circle at 86% 8%,rgba(255,107,53,.055),transparent 26rem),
    #fbfaf7!important;
}
.auth-form-inner{width:min(100%,28.5rem)!important;margin-inline:auto}
.auth-mobile-brand{display:none}
.auth-back{
  margin-bottom:clamp(2.6rem,7vh,4.8rem)!important;
  min-height:2.25rem;
  align-items:center;
  padding:.35rem .65rem;
  margin-left:-.65rem;
  border-radius:999px;
  color:#727a83!important;
  font-size:.8rem!important;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.auth-back:hover{background:#f0ede7;color:#19232d!important;transform:translateX(-2px)}
.auth-form-heading{margin-bottom:2rem}
.auth-form-heading>span{display:block;font-size:.68rem!important;letter-spacing:.16em!important;color:#ff6337!important}
.auth-form-heading h2{font-size:clamp(2.35rem,3.2vw,3.15rem)!important;line-height:1.08;letter-spacing:-.055em!important;margin:.7rem 0 .85rem!important}
.auth-form-heading p{max-width:25rem;margin:0!important;color:#7c8289!important;font-size:.88rem!important;line-height:1.75!important}
.auth-clean-form{gap:1rem!important}
.auth-clean-form label{gap:.5rem!important}
.auth-clean-form label>span{font-size:.76rem!important;color:#46515d!important;font-weight:750!important}
.auth-clean-form input{
  height:3.45rem!important;
  border:1px solid #dfdcd5!important;
  border-radius:.9rem!important;
  padding:0 1rem!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease!important;
}
.auth-clean-form input:hover{border-color:#cbc5bc!important;background:#fff!important}
.auth-clean-form input:focus{border-color:#ff7b4d!important;background:#fff!important;box-shadow:0 0 0 4px rgba(255,107,53,.09)!important}
.auth-clean-form input::placeholder{color:#aaa7a0}
.auth-code-row{gap:.6rem!important;align-items:center!important}
.auth-code-row button{
  min-height:3.45rem!important;height:3.45rem!important;
  padding:0 1.1rem!important;border-radius:.9rem!important;
  background:#f3f0ea!important;border-color:#dfd9d0!important;font-size:.78rem;
}
.auth-code-row button:hover{background:#fff!important;border-color:#ff956f!important}
.auth-clean-form small{padding-left:.1rem;font-size:.7rem!important;line-height:1.55}
.auth-inline{margin-top:-.15rem!important}
.auth-inline a{font-size:.78rem}
.auth-submit{
  min-height:3.45rem!important;
  margin-top:.6rem!important;
  border-radius:.95rem!important;
  background:linear-gradient(135deg,#ff6b35,#f45d2b)!important;
  box-shadow:0 14px 30px rgba(244,93,43,.2)!important;
  font-size:.9rem!important;
  letter-spacing:.02em;
}
.auth-submit:hover{background:linear-gradient(135deg,#f15d2c,#dc4f21)!important;transform:translateY(-2px)!important;box-shadow:0 18px 36px rgba(224,77,30,.24)!important}
.auth-switch{margin-top:1.35rem!important;padding-top:1.15rem!important;border-color:#e9e5dd!important;font-size:.8rem!important}
.auth-page .flash{border-radius:.85rem!important;font-size:.8rem}

/* 1024：保留双栏，但降低品牌视觉音量。 */
@media(max-width:991.98px){
  .auth-split-shell{grid-template-columns:minmax(0,.95fr) minmax(390px,1fr)!important}
  .auth-brand-pane{padding:2.4rem!important}
  .auth-brand-copy h1{font-size:clamp(2.65rem,5vw,3.75rem)!important;max-width:13ch!important}
  .auth-brand-copy p{font-size:.9rem!important}
  .auth-brand-copy li{font-size:.82rem!important}
  .auth-form-pane{padding:2.5rem!important}
}

/* 手机：折叠大品牌区，只保留轻量品牌识别 + 无卡片表单。 */
@media(max-width:767.98px){
  .auth-split-shell{display:block!important;min-height:100svh!important}
  .auth-brand-pane{display:none!important}
  .auth-form-pane{min-height:100svh!important;display:flex!important;align-items:center!important;padding:1.5rem 1.15rem!important;background:#fbfaf7!important}
  .auth-form-inner{width:100%!important;max-width:31rem!important;margin:auto!important}
  .auth-mobile-brand{display:flex;align-items:center;margin-bottom:2rem}
  .auth-mobile-brand>a{display:inline-flex;align-items:center;gap:.65rem;color:#17212b;font-size:1.05rem;font-weight:800}
  .auth-mobile-brand img{height:34px;max-width:150px;object-fit:contain}
  .auth-mobile-brand .brand-mark{width:1.85rem;height:1.85rem}
  .auth-back{margin-bottom:2rem!important;font-size:.76rem!important}
  .auth-form-heading{margin-bottom:1.65rem}
  .auth-form-heading h2{font-size:2.35rem!important}
  .auth-form-heading p{font-size:.84rem!important}
  .auth-clean-form input{height:3.35rem!important}
  .auth-code-row button{height:3.35rem!important;min-height:3.35rem!important}
  .auth-submit{min-height:3.4rem!important}
}
@media(max-width:575.98px){
  .auth-form-pane{padding:1.25rem 1rem!important}
  .auth-mobile-brand{margin-bottom:1.6rem}
  .auth-code-row{grid-template-columns:1fr!important}
  .auth-code-row button{width:100%!important}
  .auth-form-heading h2{font-size:2.15rem!important}
}
@media(prefers-reduced-motion:reduce){.auth-brand-copy li,.auth-back,.auth-clean-form input,.auth-submit{transition:none!important}}

/* =========================================================
   V3.9 COMMERCIAL ADMIN PRODUCT SYSTEM
   Structured navigation, list workspaces, form cards, feedback
   ========================================================= */
.admin-body{
  --admin-orange:#FF6B35;
  --admin-orange-dark:#E55A2B;
  --admin-bg:#F1F5F9;
  --admin-card:#FFFFFF;
  --admin-border:#E2E8F0;
  --admin-ink:#1E293B;
  --admin-muted:#64748B;
  --admin-sidebar:#0F172A;
  --admin-sidebar-soft:#172033;
  margin:0!important;background:var(--admin-bg)!important;color:var(--admin-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
}
.admin-sidebar{
  position:fixed!important;inset:0 auto 0 0!important;width:248px!important;height:100vh!important;
  padding:18px 14px 16px!important;background:var(--admin-sidebar)!important;color:#CBD5E1!important;
  border:0!important;display:flex!important;flex-direction:column!important;z-index:900!important;overflow:hidden!important;
  box-shadow:8px 0 30px rgba(15,23,42,.08)!important;transition:width .25s ease,transform .3s ease!important;
}
.admin-brand{height:58px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0 10px 14px!important;margin:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
.admin-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#ff7a45,#ff5c27);color:#fff;font-size:18px;box-shadow:0 8px 18px rgba(255,107,53,.25)}
.admin-brand-mark.small{width:29px;height:29px;border-radius:9px;font-size:15px}
.admin-brand>span:last-child{display:grid;gap:2px}.admin-brand b{font-size:16px}.admin-brand small{font-size:10px;color:#7F8BA0;font-weight:500}
.admin-nav-groups{flex:1;overflow-y:auto;padding:2px 0 16px;scrollbar-width:thin;scrollbar-color:#334155 transparent}
.admin-nav-group{margin:0 0 5px}.admin-nav-group-toggle{width:100%;height:34px;display:flex;align-items:center;justify-content:space-between;border:0;background:none;color:#718096;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;text-align:left}
.admin-nav-group-toggle i{font-style:normal;transition:transform .22s ease}.admin-nav-group.is-collapsed .admin-nav-group-toggle i{transform:rotate(-90deg)}
.admin-nav-group-items{display:grid;gap:3px;max-height:520px;opacity:1;overflow:hidden;transition:max-height .28s ease,opacity .2s ease}.admin-nav-group.is-collapsed .admin-nav-group-items{max-height:0;opacity:0}
.admin-nav-group-items a{position:relative;display:flex!important;align-items:center!important;gap:11px!important;min-height:40px!important;margin:0!important;padding:8px 11px!important;border-radius:9px!important;color:#A7B2C3!important;font-size:13px!important;font-weight:550!important;transition:.18s ease!important}
.admin-nav-group-items a i{width:20px!important;text-align:center!important;font-style:normal!important;font-size:13px!important;color:#73839B!important}
.admin-nav-group-items a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}.admin-nav-group-items a.active{background:rgba(255,107,53,.14)!important;color:#fff!important;box-shadow:inset 2px 0 0 var(--admin-orange)}.admin-nav-group-items a.active i{color:#FF8B61!important}
.admin-sidebar-foot{padding:12px 10px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#64748B}.admin-sidebar-foot b{color:#94A3B8;font-weight:600}
.admin-shell{margin-left:248px!important;min-height:100vh!important;background:var(--admin-bg)!important;transition:margin-left .25s ease!important}
.admin-top{position:sticky!important;top:0!important;z-index:700!important;height:72px!important;padding:0 28px!important;background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--admin-border)!important;backdrop-filter:blur(16px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 1px 3px rgba(15,23,42,.025)!important}
.admin-top-left,.admin-top-actions{display:flex;align-items:center;gap:12px}.admin-top-brand{display:flex;align-items:center;gap:9px;color:var(--admin-ink);font-size:15px}.admin-sidebar-toggle{display:none;width:38px;height:38px;border:1px solid var(--admin-border);border-radius:9px;background:#fff;color:#475569;cursor:pointer}
.admin-view-site{min-height:38px!important;border-radius:9px!important;border-color:var(--admin-border)!important;color:#334155!important;background:#fff!important}
.admin-user-menu{position:relative}.admin-user-trigger{display:flex;align-items:center;gap:9px;min-height:44px;padding:5px 8px 5px 5px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--admin-ink)}.admin-user-trigger:hover{background:#F8FAFC}.admin-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#FFF0EA;color:var(--admin-orange-dark);font-weight:800}.admin-user-copy{display:grid;text-align:left;line-height:1.2}.admin-user-copy b{font-size:12px}.admin-user-copy small{font-size:10px;color:#94A3B8;margin-top:2px}.admin-user-trigger>i{font-style:normal;font-size:10px;color:#94A3B8}
.admin-user-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:150px;padding:7px;border:1px solid var(--admin-border);border-radius:10px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.14);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s ease}.admin-user-menu.open .admin-user-dropdown{opacity:1;visibility:visible;transform:none}.admin-user-dropdown a{display:block;padding:9px 10px;border-radius:7px;font-size:12px;color:#334155}.admin-user-dropdown a:hover{background:#F8FAFC}.admin-user-dropdown a.danger{color:#DC2626}
.admin-main{padding:28px 30px 96px!important;max-width:1540px!important;margin:0 auto!important}
.admin-page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin:0 0 22px!important}.admin-page-head h1{font-size:24px!important;line-height:1.2!important;margin:4px 0 5px!important;color:var(--admin-ink)!important;letter-spacing:-.025em!important}.admin-page-head p{margin:0!important;color:var(--admin-muted)!important;font-size:12px!important}.admin-page-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--admin-orange)}.admin-page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-body .btn{border-radius:9px!important;min-height:40px!important;padding:9px 16px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;transition:.18s ease!important}.admin-body .btn.primary{background:var(--admin-orange)!important;color:#fff!important;border-color:var(--admin-orange)!important}.admin-body .btn.primary:hover{background:var(--admin-orange-dark)!important;transform:translateY(-1px)}.admin-body .btn.ghost{background:#fff!important;color:#334155!important;border-color:var(--admin-border)!important}.admin-body .btn.secondary{background:#FFF7ED!important;color:#C2410C!important;border:1px solid #FED7AA!important}.admin-body .danger-btn{background:#FEF2F2!important;border-color:#FECACA!important;color:#DC2626!important}
.admin-card,.admin-table-card{background:var(--admin-card)!important;border:1px solid var(--admin-border)!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important}.admin-card{padding:20px!important}.admin-card>h2,.form-card>h2{margin:-20px -20px 18px!important;padding:15px 20px!important;border-bottom:1px solid var(--admin-border)!important;font-size:14px!important;color:#475569!important;font-weight:750!important}
/* universal list workspace */
.admin-list-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:12px;background:#fff;border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.025)}.admin-list-search{position:relative;flex:1;min-width:220px}.admin-list-search input{width:100%;height:40px;padding:0 38px 0 12px;border:1px solid var(--admin-border);border-radius:9px;background:#fff;color:var(--admin-ink);outline:none}.admin-list-search:after{content:"⌕";position:absolute;right:13px;top:9px;color:#94A3B8}.admin-list-toolbar select{height:40px;min-width:132px;padding:0 30px 0 11px;border:1px solid var(--admin-border);border-radius:9px;background:#fff;color:#475569;font-size:12px}.admin-list-count{margin-left:auto;font-size:11px;color:#94A3B8;white-space:nowrap}
.admin-table-card{overflow:hidden!important;margin-bottom:20px!important}.admin-table-card table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important}.admin-table-card th{height:42px;padding:0 14px!important;background:#F8FAFC!important;border-bottom:1px solid var(--admin-border)!important;color:#64748B!important;font-size:11px!important;font-weight:700!important;text-align:left!important;white-space:nowrap}.admin-table-card td{padding:12px 14px!important;border-bottom:1px solid #EEF2F7!important;color:#334155!important;font-size:12px!important;vertical-align:middle!important}.admin-table-card tbody tr:last-child td{border-bottom:0!important}.admin-table-card tbody tr:hover td{background:#FFFBF8!important}.admin-table-card td b{display:block;color:#1E293B;font-size:12px}.admin-table-card td small{display:block;margin-top:3px;color:#94A3B8;font-size:10px}.thumb-mini{width:52px!important;height:38px!important;border-radius:7px!important;object-fit:cover!important}.icon-mini{width:36px!important;height:36px!important;border-radius:8px!important;object-fit:cover!important}.row-actions{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap}.row-actions form{margin:0!important}.linkbtn{border:0!important;background:none!important;padding:5px 7px!important;color:#2563EB!important;font-size:11px!important;cursor:pointer!important;border-radius:6px!important}.linkbtn:hover{background:#EFF6FF!important}.linkbtn.danger{color:#DC2626!important}.linkbtn.danger:hover{background:#FEF2F2!important}
.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-top:1px solid var(--admin-border);background:#fff}.admin-pagination-meta{font-size:11px;color:#94A3B8}.admin-pagination-controls{display:flex;align-items:center;gap:5px}.admin-page-btn{min-width:32px;height:32px;border:1px solid var(--admin-border);background:#fff;color:#475569;border-radius:7px;font-size:11px;cursor:pointer}.admin-page-btn:hover:not(:disabled),.admin-page-btn.active{border-color:#FFB89C;background:#FFF7ED;color:#C2410C}.admin-page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-page-size{height:32px;border:1px solid var(--admin-border);border-radius:7px;padding:0 7px;background:#fff;color:#64748B;font-size:11px}
/* form workspace: automatically generated groups */
.form-card{overflow:visible!important}.admin-form{position:relative}.admin-form-sections{display:grid;gap:14px}.admin-field-section{border:1px solid var(--admin-border);border-radius:12px;background:#fff;overflow:hidden}.admin-field-section-head{padding:13px 16px;border-bottom:1px solid var(--admin-border);background:#FCFDFE}.admin-field-section-head b{font-size:13px;color:#475569}.admin-field-section-head small{display:block;margin-top:3px;color:#94A3B8;font-size:10px}.admin-field-list{display:grid;padding:4px 16px}.admin-field-list>label{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;align-items:start!important;column-gap:20px!important;row-gap:6px!important;margin:0!important;padding:14px 0!important;border-bottom:1px solid #F1F5F9!important;color:#475569!important;font-size:12px!important;font-weight:650!important}.admin-field-list>label:last-child{border-bottom:0!important}.admin-field-list>label.wide{grid-column:auto!important}.admin-field-list>label>input,.admin-field-list>label>select,.admin-field-list>label>textarea,.admin-field-list>label>.tag-checks,.admin-field-list>label>.admin-external-media-field,.admin-field-list>label>.form-preview{grid-column:2!important}.admin-field-list>label>small{grid-column:2!important;color:#94A3B8!important;font-size:10px!important;font-weight:400!important;line-height:1.55!important}.admin-form input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),.admin-form select,.admin-form textarea{width:100%!important;border:1px solid #CBD5E1!important;border-radius:8px!important;background:#fff!important;color:#1E293B!important;outline:none!important;transition:border-color .18s ease,box-shadow .18s ease!important}.admin-form input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),.admin-form select{min-height:40px!important;padding:0 11px!important}.admin-form textarea{padding:10px 11px!important;line-height:1.65!important;min-height:88px}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#FDBA9F!important;box-shadow:0 0 0 3px rgba(255,107,53,.09)!important}.admin-form input[type=file]{width:100%;padding:8px;border:1px dashed #CBD5E1;border-radius:8px;background:#F8FAFC;color:#64748B;font-size:11px}.form-preview{max-width:180px!important;max-height:120px!important;border:1px solid var(--admin-border)!important;border-radius:8px!important;object-fit:contain!important;background:#F8FAFC!important;padding:3px!important}
.admin-external-media-field{display:grid;gap:6px;margin-top:8px;padding:10px;border:1px dashed #CBD5E1;border-radius:9px;background:#F8FAFC}.admin-external-media-field span{font-size:10px;color:#64748B;font-weight:700}.admin-external-media-field input{background:#fff!important}.admin-external-media-preview{display:none;max-width:160px;max-height:100px;object-fit:contain;border-radius:7px;border:1px solid var(--admin-border)}.admin-external-media-preview.show{display:block}
.admin-sticky-actions{position:sticky!important;bottom:12px!important;z-index:50!important;margin:18px 0 0!important;padding:10px 12px!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;border:1px solid rgba(226,232,240,.92)!important;border-radius:12px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px)!important;box-shadow:0 10px 30px rgba(15,23,42,.10)!important}.admin-sticky-actions .btn{min-width:92px}.admin-submit-loading{position:relative;pointer-events:none;opacity:.8}.admin-submit-loading:before{content:"";width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:adminSpin .7s linear infinite;margin-right:7px}@keyframes adminSpin{to{transform:rotate(360deg)}}
/* toasts and confirmation */
.admin-toast-stack{position:fixed;right:20px;top:88px;z-index:3000;display:grid;gap:8px;width:min(360px,calc(100vw - 32px))}.admin-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #BBF7D0;border-radius:10px;background:#F0FDF4;color:#166534;box-shadow:0 14px 36px rgba(15,23,42,.14);font-size:12px;animation:toastIn .25s ease both}.admin-toast.error{border-color:#FECACA;background:#FEF2F2;color:#991B1B}.admin-toast b{display:block;font-size:12px}.admin-toast span{font-size:11px;opacity:.8}@keyframes toastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.admin-confirm-dialog{width:min(400px,calc(100% - 32px));padding:0;border:0;border-radius:14px;box-shadow:0 24px 80px rgba(15,23,42,.28);background:#fff}.admin-confirm-dialog::backdrop{background:rgba(15,23,42,.44);backdrop-filter:blur(2px)}.admin-confirm-dialog form{padding:24px;text-align:center}.confirm-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:50%;background:#FEF2F2;color:#DC2626;font-size:20px;font-weight:800}.admin-confirm-dialog h3{margin:0 0 6px;font-size:17px;color:#1E293B}.admin-confirm-dialog p{margin:0 0 18px;color:#64748B;font-size:12px}.confirm-actions{display:flex;justify-content:center;gap:8px}
/* existing flash becomes toast; keep fallback until JS runs */
.admin-main>.flash{margin:0 0 14px!important;border-radius:10px!important;font-size:12px!important}
/* dashboard polish */
.stat-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important}.stat-grid>div{min-height:112px!important;padding:18px!important;border:1px solid var(--admin-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important}.stat-grid small{font-size:11px!important;color:#64748B!important}.stat-grid strong{display:block;margin-top:9px;font-size:26px!important;color:#1E293B!important;letter-spacing:-.04em}.dashboard-panels{gap:14px!important}.quick-grid a{border:1px solid var(--admin-border)!important;border-radius:9px!important;background:#F8FAFC!important;color:#334155!important}.quick-grid a:hover{border-color:#FDBA9F!important;background:#FFF7ED!important;color:#C2410C!important}
/* old filters are replaced by the universal list toolbar */
.admin-filter{display:none!important}
@media(max-width:991.98px){.admin-sidebar{width:216px!important}.admin-shell{margin-left:216px!important}.admin-main{padding:24px 20px 88px!important}.admin-user-copy{display:none}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767.98px){.admin-sidebar{transform:translateX(-100%);width:248px!important}.admin-body.admin-sidebar-open .admin-sidebar{transform:none}.admin-shell{margin-left:0!important}.admin-sidebar-toggle{display:grid;place-items:center}.admin-top{height:64px!important;padding:0 14px!important}.admin-main{padding:20px 12px 86px!important}.admin-top-brand b{font-size:13px}.admin-view-site{display:none!important}.admin-page-head{align-items:flex-start!important;flex-direction:column!important}.admin-page-actions{width:100%}.admin-page-actions .btn{flex:1}.admin-field-list>label{grid-template-columns:1fr!important;gap:7px!important}.admin-field-list>label>*{grid-column:1!important}.admin-list-toolbar{align-items:stretch}.admin-list-search{min-width:100%}.admin-list-toolbar select{flex:1}.admin-table-card{overflow-x:auto!important}.admin-table-card table{min-width:760px}.admin-sticky-actions{bottom:8px!important}.stat-grid{grid-template-columns:1fr!important}}
.media-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.media-source-grid .admin-card{margin:0!important}.media-source-grid .inline-form{display:grid!important;grid-template-columns:120px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}.media-source-grid input,.media-source-grid select{min-height:40px;border:1px solid var(--admin-border);border-radius:8px;padding:0 10px;background:#fff}.article-editor-actions{position:sticky!important;bottom:12px!important;display:flex!important;justify-content:flex-end!important}.article-editor-actions .btn{flex:1}
@media(max-width:991.98px){.media-source-grid{grid-template-columns:1fr}.media-source-grid .inline-form{grid-template-columns:1fr!important}}


/* =========================================================
   V3.9.1 PROMOTION PLATFORM IMAGE LOGOS
   自定义平台 Logo：上传 / 媒体库 / 图床外链统一使用图片
   ========================================================= */
.platform-icon-cell{width:92px}
.platform-logo-preview{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;overflow:hidden;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;font-size:14px;font-weight:800}
.platform-logo-preview img{width:100%;height:100%;object-fit:cover}
.platform-logo-preview.fallback{background:linear-gradient(145deg,#f8fafc,#eef2f7);color:#475569}
.inline-check{display:flex!important;align-items:center!important;gap:8px!important;margin-top:10px!important;font-size:12px!important;color:#64748b!important}
.inline-check input{width:auto!important;margin:0!important}

.platform-picker{position:relative;width:100%}
.platform-picker-native{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.platform-picker-trigger{width:100%;min-height:54px;display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:11px;padding:7px 10px;border:1px solid #dedbd4;border-radius:14px;background:rgba(255,255,255,.86);color:#1b2630;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.platform-picker-trigger:hover{background:#fff;border-color:#c9ced4}
.platform-picker:focus-within .platform-picker-trigger,.platform-picker.is-open .platform-picker-trigger{border-color:#7891a6;box-shadow:0 0 0 4px rgba(55,86,112,.08)}
.platform-picker.is-invalid .platform-picker-trigger{border-color:#df655d!important;box-shadow:0 0 0 4px rgba(223,101,93,.09)!important}
.platform-picker-selected-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;overflow:hidden;background:#eef2f6;color:#52606d;font-size:13px;font-weight:800}
.platform-picker-selected-logo img{width:100%;height:100%;object-fit:cover}
.platform-picker-selected-logo.fallback{background:linear-gradient(145deg,#f1f5f9,#e8edf3)}
.platform-picker-selected-text{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.platform-picker-chevron{display:grid;place-items:center;color:#7b8792;font-size:16px;transition:transform .2s ease}.platform-picker.is-open .platform-picker-chevron{transform:rotate(180deg)}
.platform-picker-menu{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 8px);padding:7px;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 18px 46px rgba(15,23,42,.14);backdrop-filter:blur(18px);max-height:300px;overflow:auto}
.platform-picker-menu[hidden]{display:none}
.platform-picker-option{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:11px;min-height:52px;padding:6px 9px;border:0;border-radius:11px;background:transparent;color:#1e293b;text-align:left;cursor:pointer;transition:background .18s ease,transform .18s ease}
.platform-picker-option:hover{background:#f8fafc}.platform-picker-option:active{transform:scale(.992)}
.platform-picker-option img,.platform-picker-option>span{width:40px;height:40px;border-radius:11px;object-fit:cover;display:grid;place-items:center;background:#eef2f6;color:#64748b;font-size:13px;font-weight:800}
.platform-picker-option b{font-size:14px}.platform-picker-option i{font-style:normal;color:#ff6b35;opacity:0}.platform-picker-option.is-selected{background:#fff7ed}.platform-picker-option.is-selected i{opacity:1}
.review-platform-line{display:flex;align-items:center;gap:8px;min-width:0}.review-platform-line img,.review-platform-fallback{width:28px;height:28px;flex:0 0 28px;border-radius:8px;object-fit:cover;display:grid;place-items:center;background:#eef2f6;color:#64748b;font-size:10px;font-weight:800}.review-platform-line b{min-width:0}
@media(max-width:767.98px){.platform-picker-menu{position:fixed;left:16px;right:16px;top:auto;bottom:16px;max-height:min(58vh,420px);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.24)}.platform-picker-option{min-height:58px}}


/* =========================================================
   V3.9.2 Promotion platform picker + admin manager
   ========================================================= */
.platform-picker{position:relative;width:100%;isolation:isolate}
.platform-picker-trigger{
  appearance:none!important;-webkit-appearance:none!important;
  width:100%!important;min-height:58px!important;
  display:grid!important;grid-template-columns:42px minmax(0,1fr) 28px!important;
  align-items:center!important;gap:12px!important;padding:7px 12px!important;
  border:1px solid #d9dee5!important;border-radius:15px!important;
  background:#fff!important;color:#1e293b!important;text-align:left!important;
  box-shadow:0 1px 2px rgba(15,23,42,.03)!important;cursor:pointer!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.platform-picker-trigger:hover{border-color:#bac4cf!important;box-shadow:0 8px 20px rgba(15,23,42,.06)!important}
.platform-picker.is-open .platform-picker-trigger,.platform-picker:focus-within .platform-picker-trigger{border-color:#ff8a61!important;box-shadow:0 0 0 4px rgba(255,107,53,.10)!important}
.platform-picker-selected-logo{width:42px!important;height:42px!important;border-radius:12px!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:#f1f5f9!important;color:#64748b!important;font-weight:800!important}
.platform-picker-selected-logo img{display:block!important;width:100%!important;height:100%!important;max-width:42px!important;max-height:42px!important;object-fit:cover!important}
.platform-picker-selected-text{font-size:14px!important;font-weight:700!important;color:#253243!important}
.platform-picker-chevron{font-size:17px!important;color:#84909d!important}
.platform-picker-menu{top:calc(100% + 9px)!important;padding:8px!important;border-radius:16px!important;border:1px solid #e2e8f0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 22px 55px rgba(15,23,42,.16)!important;z-index:300!important}
.platform-picker-option{grid-template-columns:44px minmax(0,1fr) 24px!important;min-height:58px!important;padding:7px 10px!important;border-radius:12px!important}
.platform-picker-option img,.platform-picker-option>span{display:block!important;width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:12px!important;object-fit:cover!important;background:#f1f5f9!important}
.platform-picker-option>span{display:grid!important;place-items:center!important;color:#64748b!important;font-weight:800!important}
.platform-picker-option b{font-size:14px!important;color:#1e293b!important}
.platform-picker-option.is-selected{background:#fff5f0!important}

/* Admin platform manager */
.platform-admin-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:20px;align-items:start}
.platform-list-panel,.platform-editor-panel{padding:0!important;overflow:hidden}
.platform-panel-head,.platform-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:#fff}
.platform-panel-head>div,.platform-editor-head>div{display:grid;gap:3px}.platform-panel-head b{font-size:15px}.platform-panel-head span,.platform-editor-head p{margin:0;font-size:12px;color:#94a3b8}.platform-editor-head small{font-size:9px;letter-spacing:.15em;color:#ff6b35;font-weight:800}.platform-editor-head h2{margin:0;font-size:18px;color:#1e293b}
.platform-card-list{display:grid;gap:0;background:#fff}.platform-admin-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid #eef2f7}.platform-admin-card:last-child{border-bottom:0}.platform-admin-card:hover{background:#fafcfe}
.platform-admin-logo{width:56px;height:56px;min-width:56px;max-width:56px;max-height:56px;overflow:hidden;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;display:grid;place-items:center;color:#64748b;font-size:18px;font-weight:800}
.platform-admin-logo img{display:block!important;width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;object-fit:cover!important;margin:0!important;padding:0!important}
.platform-admin-copy{min-width:0;display:grid;gap:4px}.platform-admin-title{display:flex;align-items:center;gap:8px;min-width:0}.platform-admin-title b{font-size:14px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-admin-title .status{font-size:10px;padding:3px 7px}.platform-admin-copy small{font-size:11px;color:#94a3b8}.platform-admin-copy em{font-style:normal;font-size:10px;color:#64748b}
.platform-admin-actions{display:flex;align-items:center;gap:7px}.platform-admin-actions form{margin:0}.platform-empty{padding:44px 20px;text-align:center;display:grid;gap:6px;color:#64748b}.platform-empty b{color:#334155}
.platform-editor-panel form{padding:0!important}.platform-editor-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:20px}.platform-logo-editor{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.field-caption{align-self:flex-start;font-size:12px;font-weight:700;color:#475569}.platform-logo-stage{width:112px;height:112px;max-width:112px;max-height:112px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:#fff;border:1px dashed #cbd5e1;color:#64748b;font-size:34px;font-weight:800;box-shadow:0 8px 24px rgba(15,23,42,.05)}.platform-logo-stage img{display:block!important;width:112px!important;height:112px!important;max-width:112px!important;max-height:112px!important;object-fit:cover!important;margin:0!important;padding:0!important}.platform-upload-button{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 14px!important;border:1px solid #dbe2ea!important;border-radius:10px!important;background:#fff!important;color:#334155!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important}.platform-upload-button input{position:absolute!important;inset:0!important;opacity:0!important;cursor:pointer!important}.platform-logo-editor>small{font-size:10px;color:#94a3b8;text-align:center;line-height:1.55}
.platform-fields{display:grid;gap:14px}.admin-horizontal-field{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;margin:0!important}.admin-horizontal-field>span{font-size:12px;font-weight:700;color:#475569}.admin-horizontal-field>span em{font-style:normal;color:#ef4444}.admin-horizontal-field input,.admin-horizontal-field select{min-height:44px!important}.admin-horizontal-field>small{grid-column:2;font-size:10px;color:#94a3b8;margin-top:-8px}.platform-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.platform-url-row .btn{white-space:nowrap}.platform-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-fields-two .admin-horizontal-field{grid-template-columns:70px minmax(0,1fr)!important}.platform-remove-logo{display:flex!important;align-items:center!important;gap:8px!important;padding-left:124px!important;color:#64748b!important;font-size:11px!important}.platform-remove-logo input{width:auto!important}.platform-savebar{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid #e2e8f0;background:#f8fafc;position:sticky;bottom:0;z-index:4}
@media(max-width:991.98px){.platform-admin-layout{grid-template-columns:1fr}.platform-editor-panel{order:-1}}
@media(max-width:767.98px){.platform-admin-card{grid-template-columns:50px minmax(0,1fr);padding:13px}.platform-admin-logo,.platform-admin-logo img{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}.platform-admin-actions{grid-column:1/-1;justify-content:flex-end}.platform-editor-grid{grid-template-columns:1fr;padding:14px}.platform-logo-editor{align-items:flex-start}.platform-logo-stage{align-self:center}.admin-horizontal-field,.platform-fields-two .admin-horizontal-field{grid-template-columns:1fr!important;gap:6px!important}.admin-horizontal-field>small{grid-column:1;margin-top:0}.platform-fields-two{grid-template-columns:1fr}.platform-remove-logo{padding-left:0!important}.platform-savebar .btn{flex:1}.platform-picker-trigger{min-height:56px!important}}


/* =========================================================
   V3.9.5 Template live filter + project badge placement
   ========================================================= */
/* 项目营销角标必须固定在卡片右上角，避免旧样式/缓存把它挤到左侧内容区。 */
.home-project-card .project-ribbon,
.project-card .project-ribbon{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:8!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:calc(100% - 28px)!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1.2!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
  transform:none!important;
}
/* 给右上角角标留出视觉安全区，不覆盖“进入项目”。 */
.home-project-card:has(.project-ribbon) .project-card-head{padding-right:5.6rem}

.template-live-results{position:relative;min-height:10rem;transition:opacity .2s ease,filter .2s ease}
.template-live-results.is-loading{opacity:.52;filter:saturate(.75);pointer-events:none}
.template-live-results.is-loading:after{
  content:"";position:absolute;z-index:20;left:50%;top:4.5rem;width:28px;height:28px;margin:-14px 0 0 -14px;
  border:3px solid rgba(255,107,53,.17);border-top-color:#FF6B35;border-radius:50%;animation:qzpTemplateSpin .65s linear infinite;
  box-shadow:0 8px 24px rgba(15,23,42,.08)
}
@keyframes qzpTemplateSpin{to{transform:rotate(360deg)}}
.template-filter-panel .filter-chip{cursor:pointer;user-select:none}
.template-filter-panel .filter-chip.active{transform:none}
.template-filter-panel.is-fetching .filter-chip{pointer-events:none}
.template-filter-empty{padding:4rem 1.2rem!important;border:1px dashed #e2e8f0;border-radius:20px;background:rgba(255,255,255,.55)}

@media(max-width:767.98px){
  .home-project-card .project-ribbon,.project-card .project-ribbon{top:10px!important;right:10px!important;max-width:calc(100% - 20px)!important}
  .home-project-card:has(.project-ribbon) .project-card-head{padding-right:0;padding-top:1.7rem}
}


/* =========================================================
   V3.9.6 — HOME BRAND CAROUSEL STRUCTURE
   只重构首页全宽轮播板块
   ========================================================= */
.brand-carousel-hero{
  margin-top:24px!important;
  padding:clamp(32px,4vw,48px) max(16px,calc((100vw - 1280px)/2))!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(255,107,53,.08),transparent 28%),
    linear-gradient(180deg,#f8f6f1 0%,#f4f1ea 100%)!important;
  border-radius:28px!important;
  border:1px solid rgba(219,213,202,.86);
  box-shadow:0 24px 70px rgba(31,38,46,.08)!important;
  overflow:hidden;
}
.brand-carousel-shell{width:min(1180px,100%);margin:0 auto;display:grid;gap:16px}
.brand-carousel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:32px}
.brand-carousel-kicker{display:inline-flex;align-items:center;gap:10px;color:#5f646a;font-size:13px;font-weight:750;letter-spacing:.02em;line-height:1.5}
.brand-carousel-kicker span{width:28px;height:2px;border-radius:999px;background:#ff6b35;flex:0 0 auto}
.brand-carousel-indicator{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:max-content;color:#8a8f95;font-size:12px}
.brand-carousel-count{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#8b8f94}.brand-carousel-count b{color:#596069;font-weight:700}
.brand-carousel-dots.slider-dots{position:static!important;transform:none!important;display:flex!important;align-items:center;gap:7px}
.brand-carousel-dots.slider-dots button{width:7px!important;height:7px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#c9c9c5!important;transition:transform .25s ease,background .25s ease!important}
.brand-carousel-dots.slider-dots button.on{width:7px!important;background:#ff6b35!important;transform:scale(1.28)}
.brand-carousel-main{display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:clamp(32px,5vw,64px);align-items:center}
.brand-carousel-copy{min-width:0;text-align:left!important;align-items:flex-start!important;display:flex;flex-direction:column;gap:16px}
.brand-carousel-copy h1{margin:0;max-width:575.98px;font-size:clamp(42px,4.7vw,70px);line-height:1.02;letter-spacing:-.06em;color:#1b2530;text-wrap:balance}
.brand-carousel-copy p{margin:0;max-width:530px;color:#6f747a;font-size:16px;line-height:1.8;text-align:left!important}
.brand-carousel-media{min-width:0;position:relative}
.brand-carousel-stage.hero-crossfade-stage{position:relative!important;width:100%;aspect-ratio:16/9!important;border-radius:24px!important;overflow:hidden!important;background:#ebe7df!important;box-shadow:0 20px 55px rgba(32,38,45,.14)}
.brand-carousel-stage .hero-media-item{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transform:scale(1.012);transition:opacity .85s ease,transform 1.25s ease}
.brand-carousel-stage .hero-media-item.on{opacity:1;pointer-events:auto;transform:scale(1)}
.brand-carousel-stage picture,.brand-carousel-stage img{display:block;width:100%;height:100%}
.brand-carousel-stage img{object-fit:cover;object-position:center}
.brand-slide-cta{position:absolute;right:16px;bottom:16px;min-height:48px;padding:0 16px;border-radius:999px;background:rgba(18,25,34,.9);color:#fff;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:750;backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(0,0,0,.2);transition:transform .25s ease,background .25s ease}
.brand-slide-cta:hover{background:#ff6b35;transform:translateY(-2px)}
.brand-slide-cta b{font-size:14px}
.brand-carousel-empty{aspect-ratio:16/9;border:1px dashed #d6d1c7;border-radius:24px;display:grid;place-items:center;align-content:center;gap:8px;color:#7e817f;background:rgba(255,255,255,.48)}
.brand-carousel-empty b{color:#303942;font-size:18px}.brand-carousel-empty span{font-size:13px}
.brand-carousel-entry-grid{display:grid;margin-top:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:0}
.brand-entry-card{min-height:112px;padding:16px 24px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(31,38,46,.06);display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;backdrop-filter:blur(16px) saturate(1.16);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.brand-entry-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(31,38,46,.1);border-color:rgba(255,107,53,.24)}
.brand-entry-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff3ee;color:#ff6b35}
.brand-entry-icon svg{width:23px;height:23px}.brand-entry-card>span:nth-child(2){display:grid;gap:5px;min-width:0;text-align:left}.brand-entry-card b{font-size:15px;color:#222d38}.brand-entry-card small{font-size:12px;line-height:1.5;color:#858a91}.brand-entry-card em{font-style:normal;color:#9aa0a6;font-size:18px;transition:transform .25s ease,color .25s ease}.brand-entry-card:hover em{color:#ff6b35;transform:translateX(3px)}

/* Admin: brand copy and simple slide uploader */
.hero-brand-admin{border-top:3px solid #ff6b35}.hero-brand-admin>h2{display:flex;align-items:center;gap:8px}.hero-brand-admin>h2:after{content:"一次配置，所有轮播共用";font-size:11px;font-weight:600;color:#8b95a2;background:#f1f5f9;border-radius:999px;padding:5px 9px}

@media(max-width:991.98px){
  .brand-carousel-hero{border-radius:22px!important;padding-inline:24px!important}
  .brand-carousel-main{grid-template-columns:1fr;gap:28px}
  .brand-carousel-copy{max-width:720px}.brand-carousel-copy h1{max-width:720px;font-size:clamp(40px,7vw,60px)}
  .brand-carousel-media{max-width:767.98px;width:100%}
}
@media(max-width:767.98px){
  .brand-carousel-hero{margin-top:12px!important;padding:24px 16px 32px!important;border-radius:20px!important}
  .brand-carousel-shell{gap:16px}.brand-carousel-top{align-items:center}.brand-carousel-kicker{font-size:12px}.brand-carousel-count{display:none}
  .brand-carousel-main{gap:20px}.brand-carousel-copy{gap:12px}.brand-carousel-copy h1{font-size:clamp(34px,10.5vw,48px);line-height:1.05;letter-spacing:-.05em}.brand-carousel-copy p{font-size:14px;line-height:1.72}
  .brand-carousel-stage.hero-crossfade-stage{border-radius:18px!important}.brand-slide-cta{right:16px;bottom:16px;min-height:48px;padding-inline:16px;font-size:13px}
  .brand-carousel-entry-grid{grid-template-columns:1fr;gap:12px}.brand-entry-card{min-height:96px;padding:16px;border-radius:16px}
  .brand-entry-icon{width:42px;height:42px;border-radius:12px}.brand-entry-icon svg{width:21px;height:21px}
  .hero-brand-admin>h2:after{display:none}
}


/* =========================================================
   V3.9.7 RESPONSIVE FOUNDATION
   Mobile-first viewport system: 576 / 768 / 992 / 1200
   ========================================================= */
:root{
  --qzp-container-max:76.25rem; /* 1220px */
  --qzp-page-pad:1rem;
  --qzp-section-y:3.5rem;
  --qzp-grid-gap:1rem;
  --qzp-card-gap:1rem;
}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:1rem;line-height:1.6;overflow-x:hidden}
img,video,svg,canvas{max-width:100%;height:auto}
.container,.header-inner,.main-container{
  width:min(100%,var(--qzp-container-max));
  margin-inline:auto;
  padding-inline:var(--qzp-page-pad)!important;
}
main.container{padding-inline:var(--qzp-page-pad)!important}
.section{padding-block:var(--qzp-section-y)!important}
.section-title{gap:.75rem;margin-bottom:1.5rem!important}
.section-title h1,.section-title h2,.page-banner h1{
  font-size:clamp(1.75rem,7vw,2.4rem)!important;
  line-height:1.12;
  text-wrap:balance;
}
.section-title p,.page-banner p,.hero-lead,.task-rich-text,.article-body,.help-content{
  font-size:clamp(1rem,2.6vw,1.0625rem)!important;
  line-height:1.7;
}
button,.btn,a.btn,input,select,textarea{
  font:inherit;
}
button,.btn,a.btn,[role="button"],.nav-toggle,.menu-toggle{
  min-height:2.75rem;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea{
  min-height:2.75rem;
  width:100%;
  max-width:100%;
}
textarea{min-height:7rem}

/* Mobile first: content grids are single-column and readable. */
.category-grid,.task-grid,.task-grid.large,.template-grid,.template-grid.four,
.article-grid,.project-card-grid,.home-project-grid,.home-task-grid,.stat-grid,
.template-category-list,.template-category-list.compact,.member-metric-grid,.account-info-grid{
  grid-template-columns:1fr!important;
  gap:var(--qzp-grid-gap)!important;
}
.hero,.hero-slide,.human-hero .hero-slide,.hero.human-hero,.hero-media-only .hero-slide{
  grid-template-columns:1fr!important;
  gap:1.5rem!important;
  min-height:auto!important;
}
.human-hero,.hero-slider.full-bleed{border-radius:1.25rem!important}
.human-hero .hero-slide,.hero.human-hero,.hero-media-only .hero-slide{
  padding:2rem var(--qzp-page-pad) 3rem!important;
}
.hero-copy,.hero-media-only .hero-copy{max-width:100%!important;margin-inline:auto}
.hero-copy h1,.human-hero h1,.hero-media-only .hero-title{
  font-size:clamp(2rem,10vw,3rem)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
.hero-visual,.human-hero .hero-visual,.hero-media-only .hero-visual{
  display:flex!important;
  width:100%;
  min-height:0!important;
  margin-top:.25rem;
}
.hero-image-card,.hero-media-stage,.hero-media-only .hero-visual>div{width:100%;max-width:100%!important}
.hero-image-card img,.hero-media-item img{
  width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
.hero-proof{gap:.5rem!important;flex-wrap:wrap}
.hero-proof>*{min-width:0}
.row-actions,.hero-actions{gap:.75rem;flex-wrap:wrap}
.row-actions .btn,.hero-actions .btn{min-height:2.75rem;padding-inline:1.125rem}

.page-banner{padding:1.75rem 1.25rem!important;border-radius:1.25rem!important}
.filterbar,.admin-list-toolbar{gap:.75rem}
.filterbar{display:grid!important;grid-template-columns:1fr!important}
.filterbar>*{width:100%!important;min-width:0!important}

.task-card,.tpl-card,.qzp-template-card,.article-card,.qzp-article-card,.project-card,.category-card{
  min-width:0;
  max-width:100%;
}
.project-card{gap:1rem!important;padding:1rem!important}
.project-icon{width:4.75rem!important;height:4.75rem!important;flex-basis:4.75rem!important}
.footer{grid-template-columns:1fr!important;gap:1.5rem!important;padding:2rem var(--qzp-page-pad)!important}
.footer>*{min-width:0}

/* Mobile navigation: drawer remains touch-friendly and clear. */
.nav-toggle{display:flex!important;width:2.75rem;height:2.75rem}
.site-header nav{
  max-height:calc(100dvh - 6rem);
  overflow:auto;
}
.site-header nav a{min-height:2.75rem;display:flex;align-items:center}

/* Dialogs/forms stay inside the viewport. */
.task-submit-dialog,.popup-dialog,.auth-form-inner,.proof-lightbox{
  max-width:calc(100vw - 2rem)!important;
}
.task-submit-dialog{max-height:calc(100dvh - 2rem)}
.submit-proof-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}

/* 576px: large phones / small landscape screens */
@media (min-width:576px){
  :root{--qzp-page-pad:1.25rem;--qzp-section-y:4rem;--qzp-grid-gap:1.25rem}
  .hero-copy h1,.human-hero h1,.hero-media-only .hero-title{font-size:clamp(2.5rem,8vw,3.5rem)!important}
  .page-banner{padding:2rem 1.5rem!important}
  .submit-proof-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* 768px: tablets — two-column content grids, 24px page padding. */
@media (min-width:768px){
  :root{--qzp-page-pad:1.5rem;--qzp-section-y:4.5rem;--qzp-grid-gap:1.5rem}
  .category-grid,.task-grid,.task-grid.large,.template-grid,.template-grid.four,
  .article-grid,.project-card-grid,.home-project-grid,.home-task-grid,
  .template-category-list,.template-category-list.compact,.member-metric-grid,.account-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1.5rem!important;
  }
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.5rem!important}
  .hero,.hero-slide,.human-hero .hero-slide,.hero.human-hero,.hero-media-only .hero-slide{
    grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr)!important;
    gap:2rem!important;
    align-items:center;
  }
  .human-hero .hero-slide,.hero.human-hero,.hero-media-only .hero-slide{
    padding:3rem var(--qzp-page-pad) 4rem!important;
  }
  .hero-copy h1,.human-hero h1,.hero-media-only .hero-title{
    font-size:clamp(2.6rem,5.6vw,4rem)!important;
  }
  .hero-visual,.human-hero .hero-visual,.hero-media-only .hero-visual{margin-top:0}
  .filterbar{grid-template-columns:minmax(16rem,1fr) minmax(11rem,.45fr) auto!important;align-items:center}
  .footer{grid-template-columns:2fr repeat(3,minmax(8rem,1fr))!important;gap:2rem!important}
  .submit-proof-preview{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* 992px: desktop layout. Existing desktop column counts are preserved where possible. */
@media (min-width:992px){
  :root{--qzp-page-pad:2rem;--qzp-section-y:5rem;--qzp-grid-gap:1.5rem}
  .nav-toggle{display:none!important}
  .site-header nav{display:flex!important;position:static!important;max-height:none;overflow:visible;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;flex-direction:row!important}
  .global-search{display:flex!important}
  .task-grid,.task-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .project-card-grid,.home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-task-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .template-category-list,.template-category-list.compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .page-banner{padding:2.5rem 2rem!important}
}

/* 1200px: full desktop canvas with fixed 1220px content width. */
@media (min-width:1200px){
  :root{--qzp-page-pad:2rem;--qzp-section-y:5.5rem;--qzp-grid-gap:1.5rem}
  .template-grid:not(.masonry-grid),.template-grid.four:not(.masonry-grid){grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .hero,.hero-slide,.human-hero .hero-slide,.hero.human-hero,.hero-media-only .hero-slide{gap:3rem!important}
}

/* Respect reduced motion without changing layout. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}


/* =========================================================
   V3.9.8 HOME PROPORTION & RHYTHM
   仅优化首页排版比例：Hero、区块留白、卡片节奏、响应式
   ========================================================= */
:root{
  /* 优化：统一 8px 间距系统 */
  --space-xs:.25rem;
  --space-sm:.5rem;
  --space-md:1rem;
  --space-lg:1.5rem;
  --space-xl:2rem;
  --space-2xl:3rem;
  --space-3xl:4rem;
  --space-4xl:5rem;
  --section-spacing:var(--space-3xl);
  --card-padding:1.25rem;
  --card-radius:1rem;
  --card-shadow:0 .25rem 1rem rgba(0,0,0,.06);
  --card-shadow-hover:0 .5rem 2rem rgba(0,0,0,.12);
  --home-title:#1A365D;
  --home-copy:#475569;
  --home-muted:#94A3B8;
  --home-orange:#FF6B35;
}

/* 优化：统一首页内容容器与段落节奏 */
.page-home main.container{max-width:76.25rem!important;padding-inline:1rem!important}
.page-home .section{
  padding-block:0!important;
  margin-block:0 var(--section-spacing)!important;
}
.page-home .brand-carousel-hero{margin-bottom:var(--section-spacing)!important}
.page-home .process-band,.page-home .trust-strip{margin-bottom:var(--section-spacing)!important}
.page-home .section-title{
  align-items:flex-end!important;
  gap:var(--space-lg)!important;
  margin-bottom:var(--space-lg)!important;
}
.page-home .section-title h2{
  margin:0!important;
  font-size:clamp(1.625rem,2.4vw,1.625rem)!important;
  line-height:1.25!important;
  font-weight:700!important;
  color:var(--home-title)!important;
  letter-spacing:-.025em!important;
}
.page-home .section-title p{
  margin:.5rem 0 0!important;
  font-size:1rem!important;
  line-height:1.7!important;
  color:var(--home-copy)!important;
}
.page-home .section-title>a{min-height:2.75rem;display:inline-flex;align-items:center;font-size:.875rem}

/* 优化：Hero 图文 4:6，标题/副标题/按钮/社会证明固定节奏 */
.page-home .brand-carousel-hero{
  padding:var(--space-2xl) max(1rem,calc((100vw - 80rem)/2))!important;
  overflow:hidden!important;
}
.page-home .brand-carousel-shell{width:min(76.25rem,100%)!important;gap:var(--space-md)!important}
.page-home .brand-carousel-top{margin-bottom:var(--space-md)!important}
.page-home .brand-carousel-main{
  grid-template-columns:minmax(0,4fr) minmax(0,6fr)!important;
  gap:var(--space-2xl)!important;
  align-items:center!important;
}
.page-home .brand-carousel-copy{
  gap:0!important;
  max-width:31rem!important;
  padding-left:var(--space-md)!important;
}
.page-home .brand-carousel-copy h1{
  margin:0!important;
  max-width:31rem!important;
  font-size:clamp(1.75rem,4vw,3rem)!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:var(--home-title)!important;
  letter-spacing:-.04em!important;
  text-wrap:balance;
}
.page-home .brand-carousel-subtitle{
  margin:.75rem 0 0!important;
  max-width:29rem!important;
  font-size:1rem!important;
  line-height:1.7!important;
  color:var(--home-copy)!important;
}
.page-home .brand-carousel-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-md);
  margin-top:var(--space-lg);
}
.page-home .brand-carousel-actions .btn{
  min-height:2.75rem;
  padding-inline:1.25rem;
  border-radius:.875rem;
}
.page-home .brand-social-proof{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-top:1.25rem;
  color:#64748B;
  font-size:.875rem;
}
.page-home .brand-social-proof p{margin:0!important;font-size:.875rem!important;line-height:1.5!important;color:#64748B!important}
.page-home .brand-social-proof strong{color:var(--home-orange);font-weight:800;font-variant-numeric:tabular-nums}

/* 优化：Hero 图片舞台保留轮播功能，并用品牌抽象图形补足视觉层次 */
.page-home .brand-carousel-media{position:relative;isolation:isolate;padding:.75rem}
.page-home .brand-carousel-media:before,
.page-home .brand-carousel-media:after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:999px;
  filter:blur(.15rem);
  pointer-events:none;
}
.page-home .brand-carousel-media:before{
  width:9rem;height:9rem;right:-1.5rem;top:-1.5rem;
  background:linear-gradient(135deg,rgba(255,107,53,.2),rgba(255,107,53,.04));
  animation:qzpHeroFloat 8s ease-in-out infinite;
}
.page-home .brand-carousel-media:after{
  width:7rem;height:7rem;left:-1.25rem;bottom:-1.5rem;
  background:linear-gradient(135deg,rgba(26,54,93,.16),rgba(26,54,93,.03));
  animation:qzpHeroFloat 10s ease-in-out infinite reverse;
}
@keyframes qzpHeroFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-.6rem,0)}}
.page-home .brand-carousel-stage.hero-crossfade-stage{
  border-radius:1.25rem!important;
  box-shadow:0 1.25rem 3.5rem rgba(26,54,93,.12)!important;
}
.page-home .brand-visual-fallback{
  position:relative;
  overflow:hidden;
  min-height:20rem;
  background:linear-gradient(135deg,#1A365D 0%,#244b78 52%,#FF6B35 145%)!important;
  color:#fff!important;
}
.page-home .brand-visual-core{display:grid;gap:.5rem;place-items:start;position:relative;z-index:2;padding:2rem}
.page-home .brand-visual-core span{font-size:.75rem;letter-spacing:.18em;opacity:.8}.page-home .brand-visual-core b{font-size:clamp(1.6rem,4vw,2.6rem);max-width:18rem;line-height:1.15}.page-home .brand-visual-core small{font-size:.875rem;opacity:.76}
.page-home .brand-orbit{position:absolute;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(.75rem);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.page-home .orbit-a{width:5rem;height:5rem;right:10%;top:14%;font-size:1.75rem}.page-home .orbit-b{width:6rem;height:6rem;right:20%;bottom:12%;font-size:2rem}

/* 优化：Hero 底部三个入口与正文拉开 32px，并等宽等高 */
.page-home .brand-carousel-entry-grid{
  margin-top:var(--space-xl)!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--space-md)!important;
}
.page-home .brand-entry-card{
  min-height:7.25rem!important;
  padding:1.25rem!important;
  border-radius:var(--card-radius)!important;
  box-shadow:var(--card-shadow)!important;
}
.page-home .brand-entry-card:hover{transform:translateY(-.25rem)!important;box-shadow:var(--card-shadow-hover)!important}

/* 优化：统一首页任务卡片的视觉层级与内部节奏 */
.page-home .task-card{
  padding:var(--card-padding)!important;
  border-radius:var(--card-radius)!important;
  box-shadow:var(--card-shadow)!important;
  display:flex;
  flex-direction:column;
  min-height:100%;
  transition:transform .3s ease,box-shadow .3s ease;
}
.page-home .task-card:hover{transform:translateY(-.25rem)!important;box-shadow:var(--card-shadow-hover)!important}
.page-home .task-card-main-link{display:flex;flex-direction:column;flex:1;min-width:0}
.page-home .task-card-top{display:block!important;margin:0 0 .75rem!important}
.page-home .task-cover{
  width:100%!important;
  aspect-ratio:16/9!important;
  overflow:hidden;
  border-radius:.75rem!important;
  margin:0 0 .75rem!important;
  background:#F1F5F9;
}
.page-home .task-cover img{width:100%;height:100%;object-fit:cover}
.page-home .task-icon{margin:0 0 .75rem!important}
.page-home .task-quick{display:flex!important;align-items:center;justify-content:space-between;gap:.5rem;color:#64748B}
.page-home .task-card h3{
  margin:0 0 .5rem!important;
  font-size:1.125rem!important;
  line-height:1.45!important;
  font-weight:600!important;
  color:#1E293B!important;
}
.page-home .task-card p{margin:0 0 .75rem!important;min-height:0!important;font-size:.9375rem!important;line-height:1.65!important;color:var(--home-copy)!important}
.page-home .task-card .meta{margin:0 0 .75rem!important;gap:.5rem!important}
.page-home .task-card .meta span{font-size:.75rem!important}
.page-home .task-bottom{margin-top:auto!important;padding-top:0!important;display:grid!important;grid-template-columns:1fr!important;gap:var(--space-md)!important;align-items:start!important}
.page-home .task-price-block{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}
.page-home .task-price-block>small{width:100%;font-size:.75rem;color:var(--home-muted)}
.page-home .task-price{display:inline-flex;align-items:baseline;color:var(--home-orange)!important;font-weight:700!important;line-height:1!important}
.page-home .task-price .currency{font-size:1.25rem}.page-home .task-price .major{font-size:1.625rem}.page-home .task-price .minor{font-size:1.125rem}
.page-home .task-detail-btn{width:100%;min-height:2.75rem;border-radius:.875rem}

/* 优化：模板卡内容区统一 20px 节奏；保留模板中心真瀑布媒体比例 */
.page-home .qzp-template-card,
.page-templates .qzp-template-card,
.page-template-category .qzp-template-card{
  border-radius:var(--card-radius)!important;
  box-shadow:var(--card-shadow)!important;
  transition:transform .3s ease,box-shadow .3s ease!important;
}
.page-home .qzp-template-card:hover,
.page-templates .qzp-template-card:hover,
.page-template-category .qzp-template-card:hover{transform:translateY(-.25rem)!important;box-shadow:var(--card-shadow-hover)!important}
.page-home .masonry-template-card .tpl-flow-body,
.page-templates .masonry-template-card .tpl-flow-body,
.page-template-category .masonry-template-card .tpl-flow-body{padding:1.25rem!important}
.page-home .tpl-flow-body{gap:.75rem!important}
.page-home .tpl-title-row h3,.page-home .qzp-template-card h3{font-size:1.125rem!important;line-height:1.45!important;font-weight:600!important;color:#1E293B!important}
.page-home .tpl-metric-line{margin:0!important;gap:.4rem!important}
.page-home .tpl-metric-line strong{font-size:1.375rem!important;line-height:1!important;color:var(--home-orange)!important;font-weight:700!important}
.page-home .tpl-summary{margin:0!important;font-size:.9375rem!important;line-height:1.65!important;color:var(--home-copy)!important}
.page-home .tpl-semantic-tags{margin:0!important;gap:.5rem!important}
.page-home .tpl-card-actions{padding-top:.25rem;margin-top:auto}
.page-home .tpl-cta{min-height:2.75rem}

/* 576px：大屏手机，任务/模板都进入 2 列 */
@media (min-width:36rem){
  :root{--section-spacing:3rem;--card-padding:1rem}
  .page-home main.container{padding-inline:1.5rem!important}
  .page-home .home-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-home .template-grid{column-count:2!important;column-gap:1rem!important}
  .page-home .template-grid>.masonry-template-card{margin-bottom:1rem!important}
}

/* 768px：平板，32px 边距、双列布局 */
@media (min-width:48rem){
  :root{--section-spacing:4rem;--card-padding:1.125rem}
  .page-home main.container{padding-inline:2rem!important}
  .page-home .brand-carousel-hero{padding-inline:2rem!important}
  .page-home .brand-carousel-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:2rem!important}
  .page-home .brand-carousel-copy{padding-left:0!important}
  .page-home .home-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-home .template-grid{column-count:2!important;column-gap:1.5rem!important}
}

/* 992px：桌面起点，任务 4 列 / 模板 3 列 */
@media (min-width:62rem){
  :root{--section-spacing:4rem;--card-padding:1.25rem}
  .page-home main.container{padding-inline:2.5rem!important}
  .page-home .brand-carousel-hero{padding-inline:2.5rem!important}
  .page-home .brand-carousel-main{grid-template-columns:minmax(0,4fr) minmax(0,6fr)!important;gap:3rem!important}
  .page-home .home-task-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .page-home .template-grid{column-count:3!important;column-gap:1.5rem!important}
}

/* 1200px：完整桌面，1220px 容器 + 40px 安全边距 */
@media (min-width:75rem){
  :root{--section-spacing:5rem}
  .page-home main.container{max-width:76.25rem!important;padding-inline:2.5rem!important}
  .page-home .brand-carousel-shell{max-width:76.25rem!important}
  .page-home .home-task-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .page-home .template-grid{column-count:3!important}
}

/* 手机：图上文下、按钮上下全宽、社会证明 14px */
@media (max-width:47.99rem){
  :root{--section-spacing:3rem;--card-padding:1rem}
  .page-home .brand-carousel-hero{padding:1.5rem 1rem 2rem!important}
  .page-home .brand-carousel-main{display:flex!important;flex-direction:column!important;gap:1.5rem!important}
  .page-home .brand-carousel-media{order:1;width:100%;padding:.35rem}
  .page-home .brand-carousel-copy{order:2;width:100%;max-width:none!important;padding-left:0!important}
  .page-home .brand-carousel-copy h1{font-size:clamp(1.75rem,9vw,2.5rem)!important;line-height:1.2!important}
  .page-home .brand-carousel-subtitle{font-size:1rem!important}
  .page-home .brand-carousel-actions{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1.5rem}
  .page-home .brand-carousel-actions .btn{width:100%;min-height:2.75rem}
  .page-home .brand-social-proof{font-size:.875rem;margin-top:1.25rem}
  .page-home .brand-carousel-entry-grid{grid-template-columns:1fr!important;margin-top:2rem!important}
  .page-home .section-title{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important}
  .page-home .section-title>a{align-self:flex-start}
}

@media (max-width:35.99rem){
  .page-home main.container{padding-inline:1rem!important}
  .page-home .home-task-grid{grid-template-columns:1fr!important}
  .page-home .template-grid{column-count:1!important;column-gap:0!important}
  .page-home .template-grid>.masonry-template-card{margin-bottom:1rem!important}
}

@media (prefers-reduced-motion:reduce){
  .page-home .brand-carousel-media:before,.page-home .brand-carousel-media:after{animation:none!important}
}


/* =========================================================
   V3.9.8.1 HEADER USER ACTIONS
   仅重构登录后的个人中心 / 后台 / 退出按钮，防止窄圆形与文字换行
   ========================================================= */
.site-header .head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  gap:.5rem!important;
  min-width:max-content!important;
}
.site-header .header-action{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.45rem!important;
  width:auto!important;
  min-width:max-content!important;
  height:2.75rem!important;
  min-height:2.75rem!important;
  padding:0 .9rem!important;
  border:1px solid #dedad3!important;
  border-radius:.875rem!important;
  font-size:.875rem!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease!important;
}
.site-header .header-action svg{
  width:1rem!important;
  height:1rem!important;
  flex:0 0 1rem!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.site-header .header-action span{display:inline-block!important;white-space:nowrap!important}
.site-header .header-action:hover{transform:translateY(-1px)!important}
.site-header .header-action-user{
  color:#1E293B!important;
  background:rgba(255,255,255,.76)!important;
  border-color:#ddd9d2!important;
  box-shadow:0 .2rem .8rem rgba(20,28,38,.035)!important;
}
.site-header .header-action-user:hover{
  background:#fff!important;
  border-color:#cfc9c0!important;
  box-shadow:0 .45rem 1.2rem rgba(20,28,38,.08)!important;
}
.site-header .header-action-admin{
  color:#c84f27!important;
  background:#fff3ed!important;
  border-color:#ffd8c9!important;
}
.site-header .header-action-admin:hover{
  color:#b6431f!important;
  background:#ffe9df!important;
  border-color:#ffc6b0!important;
  box-shadow:0 .45rem 1.2rem rgba(255,107,53,.1)!important;
}
.site-header .header-action-logout{
  color:#fff!important;
  background:#18232f!important;
  border-color:#18232f!important;
  box-shadow:0 .4rem 1.1rem rgba(24,35,47,.14)!important;
}
.site-header .header-action-logout:hover{
  background:#263442!important;
  border-color:#263442!important;
  box-shadow:0 .55rem 1.4rem rgba(24,35,47,.2)!important;
}

/* 中等桌面：整体收紧，但保持水平单行 */
@media (min-width:62rem) and (max-width:74.99rem){
  .site-header .header-inner{gap:1rem!important;padding-inline:1.25rem!important}
  .site-header .global-search{min-width:11.5rem!important;max-width:12.5rem!important}
  .site-header .header-action{padding-inline:.7rem!important;gap:.35rem!important;font-size:.8125rem!important}
}

/* 平板以下保留现有抽屉导航逻辑，右侧用户操作缩成图标按钮，避免挤压 Logo */
@media (max-width:61.99rem){
  .site-header .head-actions{gap:.35rem!important}
  .site-header .header-action{
    width:2.75rem!important;
    min-width:2.75rem!important;
    padding:0!important;
    border-radius:.8rem!important;
  }
  .site-header .header-action span{display:none!important}
  .site-header .header-action svg{width:1.05rem!important;height:1.05rem!important}
}

@media (max-width:47.99rem){
  .site-header .header-action-user,
  .site-header .header-action-admin{display:none!important}
  .site-header .header-action-logout{width:2.75rem!important;min-width:2.75rem!important}
}

/* V3.9.8.2 首页模块文案后台化 */
.admin-shell .home-copy-editor textarea[name="description"]{min-height:6.5rem;line-height:1.7;resize:vertical}
.admin-shell .home-copy-editor small{display:block;margin-top:.4rem;color:#94a3b8;line-height:1.55}


/* V3.9.9 长链接编辑体验 */
.admin-main .long-url-input{min-height:5.5rem!important;resize:vertical!important;line-height:1.6!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:.82rem!important;word-break:break-all!important;}
.admin-main .long-url-input:focus{min-height:7rem!important;}


/* V3.9.10.1 视频详情视觉净化：移除技术说明，仅保留内容与播放器 */
.template-media .video-frame{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:#080b10;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 42px rgba(15,23,42,.10);
}
.template-media .video-frame video{
  display:block;
  width:100%;
  max-width:100%;
  max-height:620px;
  object-fit:contain;
  background:#080b10;
}
.template-media .video-source-note{display:none!important}
.template-media .external-video-overlay{padding:2rem}
.template-media .external-video-overlay p{display:none!important}
@media (max-width:767.98px){
  .template-media .video-frame{border-radius:18px}
  .template-media .video-frame video{max-height:72vh}
  .template-media .external-video-overlay{padding:1.25rem}
}


/* V3.9.11 任务平台与素材下载 */
.admin-task-platform{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.admin-task-platform img{width:1.75rem;height:1.75rem;border-radius:.55rem;object-fit:cover;border:1px solid #e2e8f0;background:#f8fafc}.admin-task-platform span{white-space:nowrap}
.task-detail-platform-logo{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 2rem;border-radius:.65rem;overflow:hidden;background:#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 4px 14px rgba(15,23,42,.06)}.task-detail-platform-logo img{display:block;width:100%;height:100%;object-fit:cover}
.task-material-section{border-color:#fed7c8;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,247,237,.82))}.task-material-section .task-detail-section-head>span{background:#ff6b35}.task-material-box{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem;border:1px solid #fed7c8;border-radius:1rem;background:rgba(255,255,255,.8)}.task-material-box>div{min-width:0}.task-material-box b{display:block;color:#1e293b;font-size:1rem;margin-bottom:.35rem}.task-material-box p{margin:0;color:#64748b;font-size:.875rem;line-height:1.7}.task-material-button{flex:0 0 auto;min-height:2.75rem;white-space:nowrap}.task-material-button span{margin-left:.25rem}
@media(max-width:767.98px){.task-material-box{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.task-material-button{width:100%;justify-content:center}.admin-task-platform span{white-space:normal}}


/* =========================================================
   V3.9.12 MOBILE HEADER + LEFT DRAWER
   Phone/tablet navigation is a real off-canvas drawer.
   Account actions live inside the drawer; no mobile overflow.
   ========================================================= */
.mobile-drawer-account,.mobile-nav-actions{display:none}

@media (max-width:991.98px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body.nav-drawer-open{overflow:hidden!important;touch-action:none}
  .site-main{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip}
  .container{width:100%!important;max-width:100%!important;padding-inline:1.5rem!important}

  .site-header{
    width:calc(100% - 3rem)!important;
    max-width:none!important;
    margin:.65rem 1.5rem 0!important;
    overflow:visible!important;
  }
  .site-header .header-inner{
    width:100%!important;max-width:none!important;min-width:0!important;
    height:4rem!important;padding:0 .75rem 0 1rem!important;gap:.65rem!important;
  }
  .site-header .brand{
    flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 3.4rem)!important;
    overflow:hidden!important;font-size:1.1rem!important;gap:.55rem!important;
  }
  .site-header .brand img{flex:0 0 auto!important;max-width:2rem!important;height:2rem!important;object-fit:contain}
  .site-header .brand>span{
    display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
    white-space:nowrap!important;word-break:keep-all!important;
  }
  .site-header .nav-toggle{
    display:flex!important;order:5!important;flex:0 0 2.75rem!important;margin-left:auto!important;
    position:relative!important;z-index:1502!important;background:#fff!important;border:1px solid #e6e1da!important;
    box-shadow:0 .35rem 1rem rgba(24,31,39,.06)!important;
  }
  .site-header .head-actions{display:none!important}
  .site-header .global-search{display:none!important}

  .site-header nav{
    display:flex!important;position:fixed!important;inset:0 auto 0 0!important;
    width:min(88vw,22.5rem)!important;height:100dvh!important;max-height:100dvh!important;
    padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom))!important;
    border:0!important;border-radius:0 1.5rem 1.5rem 0!important;
    background:rgba(252,251,248,.985)!important;box-shadow:1.5rem 0 4.5rem rgba(18,26,34,.22)!important;
    backdrop-filter:blur(26px) saturate(1.15)!important;-webkit-backdrop-filter:blur(26px) saturate(1.15)!important;
    flex-direction:column!important;align-items:stretch!important;gap:.2rem!important;overflow-x:hidden!important;overflow-y:auto!important;
    transform:translate3d(-105%,0,0)!important;transition:transform .3s cubic-bezier(.2,.75,.2,1)!important;
    z-index:1501!important;overscroll-behavior:contain;
  }
  .site-header nav.open{transform:translate3d(0,0,0)!important}
  .mobile-nav-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;
    padding:.25rem .2rem 1rem!important;margin-bottom:.55rem!important;border-bottom:1px solid #e7e2da!important;
  }
  .mobile-nav-head b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem!important;color:#1f2933}
  .mobile-nav-head button{
    flex:0 0 2.75rem!important;width:2.75rem!important;height:2.75rem!important;display:grid!important;place-items:center!important;
    border:0!important;border-radius:.9rem!important;background:#efede8!important;color:#34404c!important;font-size:1.35rem!important;cursor:pointer!important;
  }
  .site-header .nav-item{height:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
  .site-header .nav-item>a{
    min-height:3rem!important;padding:.75rem .85rem!important;border-radius:.85rem!important;font-size:.94rem!important;
    display:flex!important;align-items:center!important;color:#2b3540!important;
  }
  .site-header .nav-item>a:hover,.site-header .nav-item>a:active{background:#f1eee8!important;color:#17212b!important}
  .site-header .submenu-toggle{min-width:2.75rem;min-height:2.75rem;border-radius:.8rem}

  .mobile-drawer-account{display:block!important;margin-top:auto;padding-top:1rem;border-top:1px solid #e7e2da}
  .mobile-drawer-user{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.4rem .35rem .8rem}
  .mobile-drawer-user>span{width:2.75rem;height:2.75rem;border-radius:.9rem;display:grid;place-items:center;background:#fff0e9;color:#e95a2c;font-weight:800;border:1px solid #ffd9ca}
  .mobile-drawer-user div{display:grid;gap:.14rem;min-width:0}.mobile-drawer-user b{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-user small{font-size:.72rem;color:#92979c}
  .mobile-nav-actions{display:grid!important;gap:.45rem!important}
  .mobile-nav-action{
    display:grid!important;grid-template-columns:2.5rem minmax(0,1fr) auto!important;align-items:center!important;gap:.7rem!important;
    min-height:4rem!important;padding:.55rem .7rem!important;border:1px solid #e8e3dc!important;border-radius:1rem!important;
    background:rgba(255,255,255,.72)!important;color:#25303a!important;
  }
  .mobile-nav-action:hover,.mobile-nav-action:active{background:#fff!important;border-color:#d9d2c9!important}
  .mobile-nav-action-icon{width:2.5rem;height:2.5rem;border-radius:.8rem;background:#f0eee9;display:grid;place-items:center;font-size:.75rem;font-weight:800;color:#5e6670}
  .mobile-nav-action>span:nth-child(2){display:grid;gap:.12rem;min-width:0}.mobile-nav-action b{font-size:.88rem}.mobile-nav-action small{font-size:.7rem;color:#93989e}.mobile-nav-action em{font-style:normal;color:#9ca1a6}
  .mobile-nav-action-admin .mobile-nav-action-icon{background:#fff0e9;color:#e65b2e}.mobile-nav-action-logout{background:#18232f!important;color:#fff!important;border-color:#18232f!important}.mobile-nav-action-logout small,.mobile-nav-action-logout em{color:rgba(255,255,255,.62)!important}.mobile-nav-action-logout .mobile-nav-action-icon{background:rgba(255,255,255,.1);color:#fff}

  .mobile-nav-backdrop{
    display:block!important;position:fixed!important;inset:0!important;background:rgba(12,18,24,.42)!important;
    backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;opacity:0!important;visibility:hidden!important;
    transition:opacity .26s ease,visibility .26s ease!important;z-index:1500!important;
  }
  .mobile-nav-backdrop.show{opacity:1!important;visibility:visible!important}
}

@media (max-width:575.98px){
  :root{--qzp-page-pad:1rem}
  .container{padding-inline:1rem!important}
  .site-header{width:calc(100% - 2rem)!important;margin:.5rem 1rem 0!important}
  .site-header .header-inner{height:3.85rem!important;padding-inline:.7rem!important}
  .site-header .brand{max-width:calc(100% - 3.25rem)!important;font-size:1rem!important}
  .site-header .brand img{width:1.85rem!important;height:1.85rem!important}
  .site-header .nav-toggle{width:2.65rem!important;height:2.65rem!important;flex-basis:2.65rem!important}

  /* Full-bleed sections exactly match the viewport instead of leaving a phantom side strip. */
  .site-main>.full-bleed,
  .page-home .full-bleed{
    width:calc(100% + 2rem)!important;max-width:none!important;
    margin-left:-1rem!important;margin-right:-1rem!important;
  }
  .brand-carousel-shell{width:100%!important;max-width:100%!important;padding-inline:1rem!important}
}

/* ==========================================================
   V3.9.12.1 — PREMIUM MOBILE DRAWER
   Refines only the off-canvas navigation UI/interaction.
   ========================================================== */
.drawer-nav-icon,.drawer-nav-current,.mobile-menu-label{display:none}
.drawer-nav-icon svg,.mobile-nav-head svg,.mobile-nav-action-icon svg,.mobile-account-logout svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:991.98px){
  body.nav-drawer-open .site-header .nav-toggle{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(.82)!important}

  .site-header nav{
    width:min(88vw,21.5rem)!important;
    padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom))!important;
    border-radius:0 1.75rem 1.75rem 0!important;
    background:
      radial-gradient(circle at 0 0,rgba(255,107,53,.10),transparent 12rem),
      linear-gradient(180deg,#fffdfa 0%,#faf9f6 58%,#f6f5f1 100%)!important;
    box-shadow:1.25rem 0 4rem rgba(23,32,42,.20)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    gap:.25rem!important;
    scrollbar-width:none;
  }
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav::after{
    content:"";position:absolute;right:-4.5rem;top:8rem;width:9rem;height:9rem;border-radius:50%;
    background:rgba(255,107,53,.055);filter:blur(.2rem);pointer-events:none;z-index:-1;
  }

  .mobile-nav-head{
    min-height:4.2rem!important;padding:.15rem .1rem .75rem!important;margin:0 0 .55rem!important;
    border-bottom:0!important;
  }
  .mobile-nav-brand{display:flex!important;align-items:center!important;gap:.7rem!important;min-width:0!important;color:#1c2733!important;text-decoration:none!important}
  .mobile-nav-brandmark{flex:0 0 2.55rem;width:2.55rem;height:2.55rem;border-radius:.9rem;display:grid;place-items:center;background:#fff;border:1px solid #ece7df;box-shadow:0 .35rem 1rem rgba(27,35,44,.06);overflow:hidden}
  .mobile-nav-brandmark img{width:100%;height:100%;object-fit:contain;padding:.3rem}
  .mobile-nav-brandmark .brand-mark{transform:scale(.8)}
  .mobile-nav-brandcopy{display:grid;gap:.12rem;min-width:0}
  .mobile-nav-brandcopy b{font-size:.96rem!important;line-height:1.2;max-width:13rem!important;color:#192431!important}
  .mobile-nav-brandcopy small{display:block!important;font-size:.66rem;color:#9a9fa5;letter-spacing:.08em}
  .mobile-nav-head button{
    flex:0 0 2.55rem!important;width:2.55rem!important;height:2.55rem!important;border-radius:50%!important;
    background:#f0eee9!important;border:1px solid #e8e3dc!important;color:#58616a!important;
    transition:transform .22s ease,background .22s ease,color .22s ease!important;
  }
  .mobile-nav-head button:hover,.mobile-nav-head button:active{background:#e8e5de!important;color:#1d2732!important;transform:rotate(8deg) scale(.96)}
  .mobile-nav-head button svg{width:1.05rem;height:1.05rem}

  .mobile-menu-label{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    margin:.45rem .55rem .45rem!important;padding:0!important;color:#98a0a8!important;
  }
  .mobile-menu-label span{font-size:.68rem;font-weight:700;letter-spacing:.06em}
  .mobile-menu-label small{font-size:.58rem;letter-spacing:.13em;color:#b0b4b8}

  .site-header .nav-item{
    position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    margin:.12rem 0!important;border-radius:1rem!important;
  }
  .site-header .nav-item>a{
    min-height:3.35rem!important;padding:.55rem .7rem!important;border-radius:1rem!important;
    display:grid!important;grid-template-columns:2.25rem minmax(0,1fr) auto!important;align-items:center!important;gap:.72rem!important;
    color:#33404c!important;font-size:.92rem!important;font-weight:600!important;
    transition:background .2s ease,color .2s ease,transform .18s ease,box-shadow .2s ease!important;
  }
  .site-header .nav-item>a:hover,.site-header .nav-item>a:active{background:#f1eee8!important;transform:translateX(.1rem)}
  .site-header .nav-item>a:active{transform:scale(.985)}
  .drawer-nav-icon{
    display:grid!important;place-items:center!important;width:2.25rem;height:2.25rem;border-radius:.8rem;
    background:#eeece7;color:#67717b;transition:.2s ease;
  }
  .drawer-nav-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .drawer-nav-current{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;height:1.45rem;padding:0 .52rem;border-radius:999px;
    background:rgba(255,107,53,.10);color:#e95d30;font-size:.62rem;font-weight:700;letter-spacing:.02em;
  }
  .site-header .nav-item.is-active>a{
    background:linear-gradient(90deg,rgba(255,107,53,.13),rgba(255,107,53,.055))!important;
    color:#172432!important;box-shadow:inset .18rem 0 0 #ff6b35!important;
  }
  .site-header .nav-item.is-active .drawer-nav-icon{background:#ff6b35;color:#fff;box-shadow:0 .35rem .9rem rgba(255,107,53,.22)}

  .site-header .submenu-toggle{
    align-self:center!important;margin-right:.28rem!important;min-width:2.45rem!important;min-height:2.45rem!important;
    display:grid!important;place-items:center!important;border-radius:.75rem!important;color:#818991!important;
  }
  .site-header .submenu-toggle svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .22s ease}
  .site-header .nav-item.submenu-open>.submenu-toggle svg{transform:rotate(180deg)}
  .site-header .submenu{
    margin:.1rem .2rem .25rem 2.92rem!important;padding:.15rem 0 .25rem!important;border-left:1px solid #e2ddd5!important;
  }
  .site-header .submenu a{
    min-height:2.65rem!important;padding:.55rem .75rem!important;border-left:0!important;border-radius:.65rem!important;
    color:#68727b!important;font-size:.82rem!important;font-weight:500!important;
  }
  .site-header .submenu a:hover{background:#efede8!important;color:#2a3540!important}

  .mobile-drawer-account{
    display:block!important;margin-top:1.15rem!important;padding-top:.9rem!important;border-top:1px solid #e8e3dc!important;
  }
  .mobile-account-label{margin-top:0!important}
  .mobile-account-card{
    display:grid;grid-template-columns:2.85rem minmax(0,1fr) auto;align-items:center;gap:.72rem;
    padding:.8rem;border-radius:1.15rem;
    background:linear-gradient(135deg,#172533,#22384c);color:#fff;
    box-shadow:0 .65rem 1.7rem rgba(22,35,47,.15);overflow:hidden;position:relative;
  }
  .mobile-account-card::after{content:"";position:absolute;width:5rem;height:5rem;border-radius:50%;right:-2rem;top:-2.2rem;background:rgba(255,107,53,.16);pointer-events:none}
  .mobile-account-avatar{width:2.85rem;height:2.85rem;border-radius:.9rem;display:grid;place-items:center;background:linear-gradient(145deg,#ff7b4c,#ff5e2a);font-size:1rem;font-weight:800;box-shadow:0 .3rem .8rem rgba(255,107,53,.24)}
  .mobile-account-copy{display:grid;gap:.08rem;min-width:0}
  .mobile-account-copy small{font-size:.6rem;color:rgba(255,255,255,.58);letter-spacing:.04em}
  .mobile-account-copy b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-account-copy em{font-size:.62rem;color:rgba(255,255,255,.62);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-account-role{position:relative;z-index:1;align-self:start;padding:.28rem .5rem;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);font-size:.58rem;color:rgba(255,255,255,.8);white-space:nowrap}

  .mobile-nav-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem!important;margin-top:.65rem!important}
  .mobile-nav-actions:not(.has-admin){grid-template-columns:1fr}
  .mobile-nav-action{
    min-height:4.25rem!important;padding:.65rem!important;border:1px solid #e7e2da!important;border-radius:1rem!important;
    display:grid!important;grid-template-columns:2.25rem minmax(0,1fr)!important;align-items:center!important;gap:.58rem!important;
    background:rgba(255,255,255,.8)!important;color:#26323d!important;box-shadow:0 .25rem .75rem rgba(23,32,42,.035)!important;
    transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease!important;
  }
  .mobile-nav-action:hover,.mobile-nav-action:active{background:#fff!important;border-color:#d9d2c9!important;box-shadow:0 .5rem 1.2rem rgba(23,32,42,.07)!important}
  .mobile-nav-action:active{transform:scale(.975)}
  .mobile-nav-action-icon{width:2.25rem;height:2.25rem;border-radius:.75rem;background:#f0eee9;display:grid;place-items:center;color:#65707a}
  .mobile-nav-action-admin .mobile-nav-action-icon{background:#fff0e9!important;color:#ef6537!important}
  .mobile-nav-action>span:nth-child(2){display:grid;gap:.08rem;min-width:0}
  .mobile-nav-action b{font-size:.78rem!important;white-space:nowrap}.mobile-nav-action small{font-size:.61rem!important;color:#9a9fa5!important;white-space:nowrap}

  .mobile-account-logout{
    margin-top:.55rem;min-height:2.85rem;padding:.55rem .7rem;border-radius:.9rem;display:flex!important;align-items:center;justify-content:space-between;gap:.75rem;
    color:#8b5b50!important;background:rgba(255,107,53,.055);border:1px solid rgba(255,107,53,.12)!important;font-size:.76rem;font-weight:600;
    transition:.2s ease;
  }
  .mobile-account-logout:hover,.mobile-account-logout:active{background:rgba(255,107,53,.1);color:#d8562e!important}
  .mobile-account-logout>span{display:flex;align-items:center;gap:.45rem}.mobile-account-logout small{font-size:.6rem;color:#b28b82}
  .mobile-account-logout svg{width:1rem;height:1rem}

  .mobile-guest-card{padding:.9rem;border-radius:1.1rem;background:linear-gradient(145deg,#172533,#22384c);color:#fff;display:grid;gap:.28rem}
  .mobile-guest-card>small{font-size:.62rem;color:rgba(255,255,255,.6)}.mobile-guest-card>b{font-size:.86rem}.mobile-guest-card>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.55rem}
  .mobile-guest-card a{min-height:2.65rem!important;border-radius:.8rem!important;display:grid!important;place-items:center!important;background:#ff6b35!important;color:#fff!important;font-size:.78rem!important;font-weight:700!important}
  .mobile-guest-card a+ a{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.14)!important}

  .mobile-nav-backdrop{background:rgba(13,19,25,.45)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
}

@media (max-width:575.98px){
  .site-header nav{width:min(89vw,21rem)!important;padding:.8rem .8rem calc(1rem + env(safe-area-inset-bottom))!important}
  .mobile-nav-head{min-height:4rem!important}.mobile-nav-brandcopy b{max-width:12rem!important;font-size:.9rem!important}
  .site-header .nav-item>a{min-height:3.2rem!important;padding:.5rem .62rem!important}
  .mobile-drawer-account{margin-top:.9rem!important}
}

@media (prefers-reduced-motion:reduce){
  .site-header nav,.mobile-nav-backdrop,.site-header .nav-item>a,.mobile-nav-action,.mobile-nav-head button{transition:none!important}
}

/* V3.9.12.2 — homepage carousel touch swipe: vertical scrolling stays native. */
@media (max-width: 991.98px){
  .page-home [data-media-slider] .brand-carousel-stage{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}
  .page-home [data-media-slider] .brand-carousel-stage img{-webkit-user-drag:none;user-drag:none}
}


/* V3.9.12.3 — robust Hero swipe target. */
.page-home [data-media-slider] .brand-carousel-main{
  touch-action:pan-y pinch-zoom;
  overscroll-behavior-x:contain;
}
.page-home [data-media-slider] .brand-carousel-main.is-swipe-tracking{
  cursor:grabbing;
}
.page-home [data-media-slider] .brand-carousel-stage,
.page-home [data-media-slider] .hero-media-item,
.page-home [data-media-slider] .hero-media-item img{
  -webkit-user-select:none;user-select:none;-webkit-user-drag:none;
}
@media (hover:hover) and (pointer:fine){
  .page-home [data-media-slider] .brand-carousel-stage{cursor:grab}
  .page-home [data-media-slider] .brand-carousel-main.is-swipe-tracking .brand-carousel-stage{cursor:grabbing}
}


/* =========================================================
   V3.9.12.4 — Hero carousel CTA placement polish
   Keep the banner image unobstructed; action sits in its own footer.
   ========================================================= */
.page-home .brand-carousel-stage.hero-crossfade-stage{
  aspect-ratio:16 / 10.35!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 1.15rem 3.25rem rgba(26,54,93,.11)!important;
}
.page-home .brand-carousel-stage .hero-media-item{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 3.25rem;
  background:transparent;
  overflow:hidden;
}
.page-home .brand-carousel-stage .hero-media-item picture{
  display:block!important;
  min-width:0;
  min-height:0;
  width:100%!important;
  height:100%!important;
  overflow:hidden;
}
.page-home .brand-carousel-stage .hero-media-item picture img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.page-home .brand-slide-cta{
  position:static!important;
  align-self:center;
  justify-self:end;
  min-height:2.25rem!important;
  height:2.25rem;
  margin:0 .7rem 0 0!important;
  padding:0 .85rem!important;
  border-radius:.75rem!important;
  gap:.4rem!important;
  background:#172330!important;
  color:#fff!important;
  font-size:.75rem!important;
  line-height:1!important;
  font-weight:700!important;
  box-shadow:0 .45rem 1.1rem rgba(23,35,48,.14)!important;
  backdrop-filter:none!important;
  white-space:nowrap;
  transform:none!important;
}
.page-home .brand-slide-cta b{
  font-size:.72rem!important;
  line-height:1;
  transition:transform .2s ease;
}
.page-home .hero-media-item:hover .brand-slide-cta{
  background:#FF6B35!important;
  box-shadow:0 .55rem 1.25rem rgba(255,107,53,.18)!important;
}
.page-home .hero-media-item:hover .brand-slide-cta b{transform:translateX(.12rem)}

/* Tablet: retain full banner art and a compact footer action. */
@media (min-width:768px) and (max-width:991.98px){
  .page-home .brand-carousel-stage.hero-crossfade-stage{aspect-ratio:16 / 10.15!important}
  .page-home .brand-carousel-stage .hero-media-item{grid-template-rows:minmax(0,1fr) 3rem}
  .page-home .brand-slide-cta{height:2.15rem;min-height:2.15rem!important;margin-right:.65rem!important;padding-inline:.78rem!important}
}

/* Phone: button becomes a quiet bottom-right utility, never covers artwork. */
@media (max-width:767.98px){
  .page-home .brand-carousel-stage.hero-crossfade-stage{
    aspect-ratio:16 / 10.6!important;
    border-radius:1.05rem!important;
  }
  .page-home .brand-carousel-stage .hero-media-item{
    grid-template-rows:minmax(0,1fr) 2.75rem;
  }
  .page-home .brand-slide-cta{
    height:2rem!important;
    min-height:2rem!important;
    margin-right:.55rem!important;
    padding:0 .72rem!important;
    border-radius:.68rem!important;
    font-size:.7rem!important;
    box-shadow:0 .35rem .85rem rgba(23,35,48,.12)!important;
  }
  .page-home .brand-slide-cta b{font-size:.68rem!important}
}

@media (max-width:575.98px){
  .page-home .brand-carousel-stage.hero-crossfade-stage{aspect-ratio:16 / 10.8!important}
  .page-home .brand-carousel-stage .hero-media-item{grid-template-rows:minmax(0,1fr) 2.6rem}
  .page-home .brand-slide-cta{
    height:1.9rem!important;
    min-height:1.9rem!important;
    margin-right:.48rem!important;
    padding-inline:.65rem!important;
    font-size:.68rem!important;
  }
}


/* =========================================================
   V3.9.12.5 — Hero indicator + manual gesture regression fix
   ========================================================= */
/* The global 44px touch-target rule was stretching the tiny carousel dots
   into vertical pills. Dots are indicators, not standalone action buttons. */
.page-home .brand-carousel-indicator .brand-carousel-dots.slider-dots{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.45rem!important;
  min-height:0!important;
  height:auto!important;
}
.page-home .brand-carousel-indicator .brand-carousel-dots.slider-dots button{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 .5rem!important;
  width:.5rem!important;
  min-width:.5rem!important;
  max-width:.5rem!important;
  height:.5rem!important;
  min-height:.5rem!important;
  max-height:.5rem!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#c8cbc9!important;
  box-shadow:none!important;
  line-height:0!important;
  transform:none;
}
.page-home .brand-carousel-indicator .brand-carousel-dots.slider-dots button.on{
  width:.5rem!important;
  min-width:.5rem!important;
  height:.5rem!important;
  min-height:.5rem!important;
  background:#ff6b35!important;
  transform:scale(1.28)!important;
}

/* Let vertical page scrolling remain native while horizontal intent belongs
   to the carousel. Native image/link dragging is disabled by JS as well. */
.page-home [data-media-slider] .brand-carousel-main,
.page-home [data-media-slider] .brand-carousel-stage{
  touch-action:pan-y pinch-zoom!important;
  -ms-touch-action:pan-y!important;
}
.page-home [data-media-slider] .hero-media-item,
.page-home [data-media-slider] .hero-media-item picture,
.page-home [data-media-slider] .hero-media-item img{
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  user-drag:none!important;
}


/* =========================================================
   V3.9.12.6 — Carousel side-arrow controls
   Replace the top dot switcher with subtle arrows centered
   on the left/right edges of the banner image.
   ========================================================= */
.page-home .brand-carousel-top .brand-carousel-indicator{
  min-width:auto!important;
}
.page-home .brand-carousel-indicator .brand-carousel-dots{
  display:none!important;
}
.page-home .brand-carousel-stage-wrap{
  position:relative;
  width:100%;
}
.page-home .brand-carousel-stage-wrap .brand-carousel-stage{
  width:100%;
}
.page-home .brand-carousel-side-arrow{
  position:absolute!important;
  z-index:8!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.52)!important;
  color:rgba(30,41,59,.48)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(12px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.1)!important;
  cursor:pointer!important;
  opacity:.82!important;
  transition:opacity .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
.page-home .brand-carousel-side-arrow svg{
  width:20px;
  height:20px;
  pointer-events:none;
}
.page-home .brand-carousel-side-arrow-prev{left:12px!important}
.page-home .brand-carousel-side-arrow-next{right:12px!important}
.page-home .brand-carousel-side-arrow:hover,
.page-home .brand-carousel-side-arrow:focus-visible{
  opacity:1!important;
  background:rgba(255,255,255,.9)!important;
  color:#1e293b!important;
  box-shadow:0 10px 28px rgba(15,23,42,.14)!important;
}
.page-home .brand-carousel-side-arrow:active{
  transform:translateY(-50%) scale(.94)!important;
}
@media (max-width:767.98px){
  .page-home .brand-carousel-count{display:none!important}
  .page-home .brand-carousel-top{min-height:24px!important}
  .page-home .brand-carousel-side-arrow{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    background:rgba(255,255,255,.46)!important;
    color:rgba(30,41,59,.42)!important;
    box-shadow:0 6px 18px rgba(15,23,42,.07)!important;
  }
  .page-home .brand-carousel-side-arrow svg{width:18px;height:18px}
  .page-home .brand-carousel-side-arrow-prev{left:8px!important}
  .page-home .brand-carousel-side-arrow-next{right:8px!important}
}
@media (max-width:575.98px){
  .page-home .brand-carousel-side-arrow{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
  .page-home .brand-carousel-side-arrow-prev{left:6px!important}
  .page-home .brand-carousel-side-arrow-next{right:6px!important}
}


/* =========================================================
   V3.9.12.7 — Carousel arrow/link hit-area isolation
   Only the artwork and the footer CTA navigate away. Side arrows are
   independent controls and always sit above the link hit area.
   ========================================================= */
.page-home .brand-carousel-stage .hero-media-item{
  pointer-events:none!important;
}
.page-home .brand-carousel-stage .hero-media-item.on{
  pointer-events:auto!important;
}
.page-home .brand-carousel-stage .hero-media-picture-link{
  position:relative;
  z-index:1;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border-radius:inherit;
  cursor:pointer;
}
.page-home .brand-carousel-stage .hero-media-picture-link picture{
  width:100%!important;
  height:100%!important;
}
.page-home .brand-carousel-stage .brand-slide-cta{
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
}
.page-home .brand-carousel-side-arrow{
  z-index:30!important;
  pointer-events:auto!important;
  isolation:isolate;
  touch-action:manipulation!important;
}
.page-home .brand-carousel-side-arrow::before{
  content:"";
  position:absolute;
  inset:-.35rem;
  border-radius:50%;
}

/* =========================================================
   V3.9.12.8 — Click-layer / ghost-link audit
   Hidden UI must not leave invisible anchors over page content.
   ========================================================= */
/* Announcement popup is truly absent from layout and hit-testing while closed. */
.announcement-popup[hidden],
.announcement-popup[inert]:not(.show){
  display:none!important;
  pointer-events:none!important;
}
.announcement-popup:not(.show) *{pointer-events:none!important}
.announcement-popup.show{display:grid!important;pointer-events:auto!important}
.announcement-popup.show .announcement-popup-card,
.announcement-popup.show .announcement-popup-card *{pointer-events:auto}
.announcement-popup.show .announcement-slide:not(.on),
.announcement-popup.show .announcement-slide:not(.on) *{pointer-events:none!important}

/* Hidden menus/backdrops also own no click area until explicitly opened. */
.submenu{pointer-events:none}
.nav-item:hover>.submenu,.nav-item:focus-within>.submenu{pointer-events:auto}
.mobile-nav-backdrop{pointer-events:none!important}
.mobile-nav-backdrop.show{pointer-events:auto!important}
.admin-user-dropdown{pointer-events:none}
.admin-user-menu.open .admin-user-dropdown{pointer-events:auto}

/* Home carousel: the slide container itself is never a link hit target.
   Only the actual artwork link and visible CTA may navigate. */
.page-home .brand-carousel-stage .hero-media-item,
.page-home .brand-carousel-stage .hero-media-item.on{
  pointer-events:none!important;
}
.page-home .brand-carousel-stage .hero-media-item.on .hero-media-picture-link,
.page-home .brand-carousel-stage .hero-media-item.on .brand-slide-cta{
  pointer-events:auto!important;
}
.page-home .brand-carousel-side-arrow{
  z-index:80!important;
  pointer-events:auto!important;
}

/* =========================================================
   V3.9.12.9 MOBILE FOOTER — BRAND-FIRST INFORMATION DESIGN
   Mobile gets its own hierarchy instead of a squeezed desktop footer.
   Desktop structure/colors remain unchanged.
   ========================================================= */
.footer-brand-top{display:flex;align-items:center;gap:14px;min-width:0}
.footer-mobile-badge,.footer-mobile-tags,.footer-group-title .footer-group-icon,.footer-live{display:none}
.footer-link-grid{display:flex;flex-direction:column;gap:11px}
.footer-contact-list{display:flex;flex-direction:column;gap:11px;width:100%}
.footer-contact-item{display:block}
.footer-contact-icon,.footer-contact-copy small,.footer-contact-arrow{display:none}
.footer-contact-copy{display:block;min-width:0}
.footer-contact-copy strong{color:#aeb8bf;font-size:13px;font-weight:400}

@media (max-width:767.98px){
  .site-footer-shell{
    padding:0 0 max(16px,env(safe-area-inset-bottom));
    border-radius:30px 30px 0 0;
    background:
      radial-gradient(circle at 88% 8%,rgba(255,107,53,.20),transparent 29%),
      radial-gradient(circle at 6% 52%,rgba(68,116,169,.13),transparent 30%),
      linear-gradient(160deg,#172431 0%,#202c37 58%,#18232d 100%);
    box-shadow:0 -18px 48px rgba(26,54,93,.10);
  }
  .site-footer-shell:before{
    width:260px;height:260px;right:-120px;top:-105px;
    background:radial-gradient(circle,rgba(255,107,53,.18),rgba(255,107,53,0) 70%);
  }
  .site-footer-shell:after{
    left:24px;right:24px;
    background:linear-gradient(90deg,rgba(255,107,53,.9),rgba(255,255,255,.12) 55%,transparent);
  }
  .site-footer-inner{padding-inline:16px!important}
  .site-footer-shell .footer{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding:30px 0 20px!important;
  }
  .site-footer-shell .footer>div{gap:0}
  .site-footer-shell .footer-brand{
    grid-column:1/-1!important;
    max-width:none!important;
    padding:0 2px 22px!important;
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .footer-brand-top{justify-content:space-between;gap:10px}
  .site-footer-shell .footer-brand .brand{
    min-width:0;
    max-width:calc(100% - 104px);
    margin:0!important;
    font-size:17px!important;
    font-weight:760;
    letter-spacing:-.025em;
  }
  .site-footer-shell .footer-brand .brand>span:last-child{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .site-footer-shell .footer-brand .brand-mark{flex:0 0 auto}
  .footer-mobile-badge{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:999px;
    background:rgba(255,255,255,.055);
    color:#d9e0e5;
    font-size:10px;
    font-weight:650;
    letter-spacing:.02em;
    white-space:nowrap;
  }
  .site-footer-shell .footer-brand p{
    max-width:31rem;
    margin:17px 0 0!important;
    color:#f1f4f5!important;
    font-size:16px!important;
    font-weight:600;
    line-height:1.55;
    letter-spacing:-.01em;
  }
  .site-footer-shell .footer-brand small{
    display:block;
    margin-top:7px;
    color:#8f9ba4!important;
    font-size:12px;
    line-height:1.65;
  }
  .footer-mobile-tags{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:16px;
  }
  .footer-mobile-tags span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(255,107,53,.10);
    border:1px solid rgba(255,107,53,.15);
    color:#ffb298!important;
    font-size:11px!important;
    font-weight:650;
  }

  .site-footer-shell .footer-group{
    min-width:0;
    padding:14px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }
  .footer-group-title{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:7px;
  }
  .footer-group-title .footer-group-icon{
    display:inline-grid;
    place-items:center;
    width:25px;height:25px;
    flex:0 0 25px;
    border-radius:8px;
    color:#ff9b79;
    background:rgba(255,107,53,.12);
    border:1px solid rgba(255,107,53,.15);
    font-size:12px;
  }
  .site-footer-shell .footer-group-title b{
    margin:0!important;
    font-size:12px!important;
    color:#f4f6f7!important;
    letter-spacing:.01em;
  }
  .footer-link-grid{display:flex;flex-direction:column;gap:0}
  .site-footer-shell .footer-link-grid a{
    position:relative;
    display:flex;
    align-items:center;
    min-height:40px;
    padding:0 20px 0 0;
    border-bottom:1px solid rgba(255,255,255,.055);
    color:#aeb8c0!important;
    font-size:12px!important;
    white-space:nowrap;
  }
  .site-footer-shell .footer-link-grid a:last-child{border-bottom:0}
  .site-footer-shell .footer-link-grid a:after{
    content:'↗';
    position:absolute;
    right:0;
    color:#667681;
    font-size:11px;
    transition:transform .2s ease,color .2s ease;
  }
  .site-footer-shell .footer-link-grid a:active{color:#fff!important;transform:none}
  .site-footer-shell .footer-link-grid a:active:after{transform:translate(2px,-2px);color:#ff8b63}

  .site-footer-shell .footer-contact{
    grid-column:1/-1;
    padding:14px!important;
  }
  .footer-contact-list{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .footer-contact-item{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 22px;
    align-items:center;
    gap:10px;
    min-height:58px;
    padding:8px 10px!important;
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    background:rgba(6,15,23,.20);
    color:#fff!important;
    transform:none!important;
  }
  .footer-contact-icon{
    display:grid;
    place-items:center;
    width:36px;height:36px;
    border-radius:11px;
    background:linear-gradient(145deg,#ff7142,#ff9a70);
    color:#fff!important;
    font-size:11px!important;
    font-weight:800;
    box-shadow:0 7px 18px rgba(255,107,53,.16);
  }
  .footer-contact-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
  .footer-contact-copy small{
    display:block;
    color:#7f909b!important;
    font-size:10px!important;
    line-height:1.2;
  }
  .footer-contact-copy strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#e9eef1;
    font-size:12px;
    font-weight:650;
    line-height:1.35;
  }
  .footer-contact-arrow{
    display:block;
    color:#6e7f89!important;
    font-size:12px!important;
    text-align:center;
  }

  .site-footer-shell .copyright{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:start;
    gap:7px!important;
    margin:0!important;
    padding:17px 2px 3px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    color:#71808a!important;
    font-size:10px!important;
    line-height:1.5;
  }
  .footer-live{
    display:inline-flex!important;
    align-items:center;
    gap:7px;
    color:#a9b4bb!important;
    font-size:10px!important;
    font-weight:600;
  }
  .footer-live i{
    width:6px;height:6px;
    border-radius:50%;
    background:#61c695;
    box-shadow:0 0 0 4px rgba(97,198,149,.08);
  }
}

@media (max-width:380px){
  .footer-mobile-badge{display:none}
  .site-footer-shell .footer-brand .brand{max-width:100%}
  .site-footer-shell .footer{gap:10px!important}
  .site-footer-shell .footer-group{padding:12px}
  .site-footer-shell .footer-link-grid a{font-size:11px!important}
}

/* =========================================================
   V3.10.0 — MARKETPLACE BRAND REDESIGN
   Design direction: compact creator marketplace / monetization portal.
   Public frontend only. Admin UI is intentionally untouched.
   ========================================================= */
:root{
  --qzp-orange:#ff5b2e;
  --qzp-orange-dark:#e9471e;
  --qzp-orange-soft:#fff1eb;
  --qzp-navy:#1f2b3a;
  --qzp-navy-2:#29394c;
  --qzp-text:#202936;
  --qzp-text-2:#5f6b7a;
  --qzp-text-3:#98a1ad;
  --qzp-page:#f6f7f9;
  --qzp-surface:#fff;
  --qzp-line:#e8ebef;
  --qzp-line-2:#eef0f3;
  --qzp-green:#16a06a;
  --qzp-shadow:0 8px 26px rgba(22,34,49,.06);
  --qzp-shadow-hover:0 14px 34px rgba(22,34,49,.10);
}
body:not(.admin-body):not(.auth-page){
  background:var(--qzp-page)!important;
  color:var(--qzp-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
  letter-spacing:0!important;
}
body:not(.admin-body):not(.auth-page) .container{max-width:1220px!important;padding-inline:24px!important}
body:not(.admin-body):not(.auth-page) .site-main{padding-top:18px!important;padding-bottom:64px!important}
body:not(.admin-body):not(.auth-page) .notice-bar{
  min-height:32px!important;padding:7px 16px!important;border:0!important;background:#fff!important;color:#7e8792!important;font-size:12px!important;
}
body:not(.admin-body):not(.auth-page) .notice-dot{width:6px!important;height:6px!important;background:var(--qzp-orange)!important;box-shadow:0 0 0 4px rgba(255,91,46,.09)!important}

/* header: product navigation, not floating glass */
body:not(.admin-body):not(.auth-page) .site-header{
  top:10px!important;width:calc(100% - 32px)!important;max-width:1280px!important;margin:0 auto 8px!important;
  border:1px solid rgba(30,42,56,.07)!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 28px rgba(30,42,56,.07)!important;backdrop-filter:blur(12px)!important;
}
body:not(.admin-body):not(.auth-page) .header-inner{height:68px!important;max-width:none!important;padding:0 18px!important;gap:22px!important}
body:not(.admin-body):not(.auth-page) .brand{color:var(--qzp-navy)!important;font-size:19px!important;font-weight:780!important;letter-spacing:-.035em!important}
body:not(.admin-body):not(.auth-page) .brand img{height:34px!important;max-width:150px!important}
body:not(.admin-body):not(.auth-page) .brand-mark{width:29px!important;height:29px!important;background:var(--qzp-orange)!important;box-shadow:none!important}
body:not(.admin-body):not(.auth-page) .site-header nav{gap:6px!important}
body:not(.admin-body):not(.auth-page) .site-header .nav-item>a,
body:not(.admin-body):not(.auth-page) .site-header nav>a{
  min-height:38px!important;padding:0 11px!important;border-radius:9px!important;color:#3c4652!important;font-size:14px!important;font-weight:550!important;
}
body:not(.admin-body):not(.auth-page) .site-header .nav-item>a:hover,
body:not(.admin-body):not(.auth-page) .site-header .nav-item.is-active>a{background:#f7f8fa!important;color:var(--qzp-orange)!important}
body:not(.admin-body):not(.auth-page) .drawer-nav-icon{display:none!important}
body:not(.admin-body):not(.auth-page) .drawer-nav-current{display:none!important}
body:not(.admin-body):not(.auth-page) .global-search{
  min-width:220px!important;height:40px!important;margin-left:auto!important;border:1px solid #e5e8ec!important;border-radius:12px!important;background:#f8f9fb!important;box-shadow:none!important;
}
body:not(.admin-body):not(.auth-page) .global-search input{background:transparent!important;color:#4e5967!important;font-size:13px!important}
body:not(.admin-body):not(.auth-page) .global-search button{min-width:40px!important;color:#788391!important}
body:not(.admin-body):not(.auth-page) .header-action{height:40px!important;min-height:40px!important;padding:0 13px!important;border-radius:11px!important;font-size:13px!important;box-shadow:none!important}
body:not(.admin-body):not(.auth-page) .header-action-user{border-color:#e3e7eb!important;background:#fff!important;color:#313b47!important}
body:not(.admin-body):not(.auth-page) .header-action-admin{border-color:#ffd8c9!important;background:#fff5f1!important;color:var(--qzp-orange-dark)!important}
body:not(.admin-body):not(.auth-page) .header-action-logout{background:var(--qzp-navy)!important;color:#fff!important}

/* home hero: compact two-column commerce banner */
.page-home .brand-carousel-hero{
  width:100%!important;margin:14px 0 0!important;border:1px solid var(--qzp-line)!important;border-radius:26px!important;overflow:hidden!important;
  background:#fff!important;box-shadow:none!important;
}
.page-home .brand-carousel-hero:before,.page-home .brand-carousel-hero:after,
.page-home .showcase-aura{display:none!important}
.page-home .brand-carousel-shell{padding:28px!important;background:linear-gradient(100deg,#fff 0%,#fff 55%,#fff8f4 100%)!important}
.page-home .brand-carousel-top{margin-bottom:18px!important;min-height:24px!important}
.page-home .brand-carousel-kicker{display:inline-flex!important;align-items:center!important;gap:9px!important;color:#596472!important;font-size:13px!important;font-weight:650!important}
.page-home .brand-carousel-kicker>span{width:18px!important;height:3px!important;border-radius:999px!important;background:var(--qzp-orange)!important}
.page-home .brand-carousel-indicator{display:none!important}
.page-home .brand-carousel-main{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;align-items:center!important;gap:42px!important}
.page-home .brand-carousel-copy{max-width:460px!important;padding:8px 0 10px!important}
.page-home .brand-carousel-copy h1{
  margin:0!important;color:var(--qzp-navy)!important;font-size:clamp(34px,3.4vw,50px)!important;line-height:1.12!important;font-weight:820!important;letter-spacing:-.055em!important;
}
.page-home .brand-carousel-subtitle{margin:18px 0 0!important;max-width:430px!important;color:#66717f!important;font-size:15px!important;line-height:1.85!important}
.page-home .brand-carousel-actions{display:flex!important;gap:10px!important;margin-top:24px!important}
.page-home .brand-carousel-actions .btn{min-height:44px!important;padding:0 20px!important;border-radius:11px!important;font-size:14px!important}
.page-home .brand-primary-cta{background:var(--qzp-orange)!important;box-shadow:none!important}
.page-home .brand-primary-cta:hover{background:var(--qzp-orange-dark)!important;transform:none!important}
.page-home .brand-secondary-cta{border-color:#dfe3e8!important;background:#fff!important;color:#303a46!important}
.page-home .brand-social-proof{display:flex!important;align-items:center!important;gap:9px!important;margin-top:18px!important;color:#7d8793!important;font-size:12px!important}
.page-home .brand-proof-dot{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#27b47e!important;box-shadow:0 0 0 4px rgba(39,180,126,.10)!important}
.page-home .brand-social-proof strong{color:var(--qzp-orange)!important}
.page-home .brand-carousel-media{min-width:0!important}
.page-home .brand-carousel-stage-wrap{position:relative!important;padding:0!important;border-radius:20px!important;background:#f2f4f7!important;box-shadow:0 12px 34px rgba(26,38,54,.09)!important;overflow:visible!important}
.page-home .brand-carousel-stage{aspect-ratio:16/9!important;border-radius:20px!important;overflow:hidden!important;background:#edf0f4!important}
.page-home .hero-media-item,.page-home .hero-media-picture-link,.page-home .hero-media-picture-link picture{width:100%!important;height:100%!important}
.page-home .hero-media-picture-link img{width:100%!important;height:100%!important;object-fit:cover!important}
.page-home .brand-slide-cta{
  right:12px!important;bottom:12px!important;min-height:34px!important;height:34px!important;padding:0 13px!important;border-radius:9px!important;
  background:rgba(31,43,58,.92)!important;color:#fff!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important;backdrop-filter:blur(8px)!important;
}
.page-home .brand-carousel-side-arrow{
  width:36px!important;height:36px!important;border:1px solid rgba(31,43,58,.08)!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;
  color:#697482!important;box-shadow:0 5px 18px rgba(25,37,52,.12)!important;opacity:.92!important;
}
.page-home .brand-carousel-side-arrow:hover{background:#fff!important;color:var(--qzp-orange)!important;transform:translateY(-50%) scale(1.04)!important}
.page-home .brand-carousel-side-arrow-prev{left:-18px!important}.page-home .brand-carousel-side-arrow-next{right:-18px!important}
.page-home .brand-carousel-entry-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:24px!important}
.page-home .brand-entry-card{
  min-height:72px!important;padding:12px 14px!important;border:1px solid var(--qzp-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;
  display:grid!important;grid-template-columns:38px 1fr 18px!important;align-items:center!important;gap:10px!important;
}
.page-home .brand-entry-card:hover{border-color:#ffd4c4!important;background:#fffaf7!important;transform:none!important;box-shadow:none!important}
.page-home .brand-entry-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:var(--qzp-orange-soft)!important;color:var(--qzp-orange)!important}
.page-home .brand-entry-icon svg{width:19px!important;height:19px!important}
.page-home .brand-entry-card b{font-size:14px!important;color:#2b3541!important}.page-home .brand-entry-card small{margin-top:3px!important;font-size:11px!important;color:#959da7!important}.page-home .brand-entry-card em{color:#a7afb8!important;font-size:15px!important}

/* home sections: remove decorative AI-style wrappers, keep clean content rhythm */
.page-home .section{padding:0!important;margin:58px 0!important}
.page-home .home-glass-section,.page-home .section-editorial{
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.page-home .home-glass-section{padding:0!important}
.page-home .section-title,.page-home .home-section-heading{align-items:flex-end!important;margin-bottom:22px!important;gap:18px!important}
.page-home .section-title>div{max-width:720px!important}
.page-home .section-title small{
  display:inline-flex!important;align-items:center!important;min-height:26px!important;margin:0 0 8px!important;padding:0 10px!important;border-radius:999px!important;
  background:var(--qzp-orange-soft)!important;color:var(--qzp-orange-dark)!important;font-size:11px!important;font-weight:700!important;letter-spacing:0!important;
}
.page-home .section-title h2{margin:0!important;color:var(--qzp-navy)!important;font-size:27px!important;line-height:1.2!important;font-weight:780!important;letter-spacing:-.04em!important}
.page-home .section-title p{margin:8px 0 0!important;max-width:640px!important;color:#76808d!important;font-size:13px!important;line-height:1.7!important}
.page-home .section-title>a{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#3f4955!important;font-size:13px!important;font-weight:650!important}
.page-home .section-title>a:hover{color:var(--qzp-orange)!important}

/* category shortcuts */
.page-home .category-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
.page-home .category-grid>a{
  min-height:104px!important;padding:16px!important;border:1px solid var(--qzp-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;
  grid-template-columns:42px 1fr 14px!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;
}
.page-home .category-grid>a:hover{border-color:#ffd4c4!important;background:#fffaf7!important;transform:none!important}
.page-home .category-grid i,.page-home .category-grid img{width:42px!important;height:42px!important;border-radius:11px!important;background:#fff1eb!important;color:var(--qzp-orange)!important}
.page-home .category-grid b{font-size:13px!important;color:#303a45!important}.page-home .category-grid span{font-size:11px!important;color:#9aa2ac!important}.page-home .category-grid em{display:block!important;color:#a2aab4!important;font-style:normal!important}

/* project tabs + project cards */
.page-home .project-filter-tabs{display:flex!important;gap:8px!important;margin:0 0 16px!important;padding:0!important;background:transparent!important;overflow-x:auto!important;scrollbar-width:none!important}
.page-home .project-filter-tabs::-webkit-scrollbar{display:none!important}
.page-home .project-filter-tabs button{min-height:38px!important;padding:0 14px!important;border:1px solid #e2e6ea!important;border-radius:10px!important;background:#fff!important;color:#68727e!important;font-size:12px!important;box-shadow:none!important}
.page-home .project-filter-tabs button.on{border-color:#ffc7b2!important;background:var(--qzp-orange-soft)!important;color:var(--qzp-orange-dark)!important}
.page-home .project-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.page-home .project-card{
  min-height:156px!important;padding:18px!important;border:1px solid var(--qzp-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;gap:14px!important;align-items:flex-start!important;
}
.page-home .project-card:hover{border-color:#ffd2c1!important;transform:translateY(-3px)!important;box-shadow:var(--qzp-shadow)!important}
.page-home .project-icon{width:66px!important;height:66px!important;flex:0 0 66px!important;border-radius:14px!important;background:#f5f6f8!important}
.page-home .project-icon span{font-size:26px!important;color:var(--qzp-navy)!important}
.page-home .project-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.page-home .project-copy h3{margin:1px 0 9px!important;font-size:17px!important;line-height:1.3!important;color:#242e39!important}
.page-home .project-card-head>span{font-size:10px!important;color:#a1a9b2!important;white-space:nowrap!important}
.page-home .project-tags{gap:5px!important;margin:0 0 9px!important}.page-home .project-tags span{padding:3px 7px!important;border-radius:6px!important;background:#f7f8fa!important;color:#7b8591!important;font-size:10px!important}
.page-home .project-copy p{display:grid!important;grid-template-columns:52px 1fr!important;gap:4px!important;margin:4px 0!important;font-size:11px!important;line-height:1.5!important;color:#7d8793!important}
.page-home .project-copy p b{color:#9aa2ac!important;font-weight:550!important}.page-home .project-price strong{font-size:13px!important;font-weight:750!important;color:var(--qzp-orange)!important}
.page-home .project-ribbon{top:12px!important;right:12px!important;padding:4px 7px!important;border-radius:7px!important;font-size:10px!important;line-height:1.2!important}

/* task cards: marketplace density */
.page-home .task-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body:not(.admin-body):not(.auth-page) .task-card{
  padding:14px!important;border:1px solid var(--qzp-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;
}
body:not(.admin-body):not(.auth-page) .task-card:hover{border-color:#ffd1bf!important;transform:translateY(-3px)!important;box-shadow:var(--qzp-shadow-hover)!important}
body:not(.admin-body):not(.auth-page) .task-card:has(.task-cover) .task-card-top{display:block!important}
body:not(.admin-body):not(.auth-page) .task-cover{width:100%!important;aspect-ratio:16/9!important;margin:0 0 12px!important;border-radius:11px!important;overflow:hidden!important;background:#f1f3f6!important}
body:not(.admin-body):not(.auth-page) .task-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
body:not(.admin-body):not(.auth-page) .task-card:has(.task-cover) .task-quick{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:8px!important}
body:not(.admin-body):not(.auth-page) .task-card:has(.task-cover) .task-quick span{color:var(--qzp-orange-dark)!important;font-size:11px!important;font-weight:700!important}
body:not(.admin-body):not(.auth-page) .task-card:has(.task-cover) .task-quick small{color:#9ba4ae!important;font-size:10px!important}
body:not(.admin-body):not(.auth-page) .task-card h3{margin:0 0 7px!important;font-size:16px!important;line-height:1.4!important;color:#232d38!important;font-weight:700!important}
body:not(.admin-body):not(.auth-page) .task-card p{min-height:0!important;margin:0!important;color:#7b8591!important;font-size:12px!important;line-height:1.65!important}
body:not(.admin-body):not(.auth-page) .task-card .meta{gap:5px!important;margin:10px 0 0!important}
body:not(.admin-body):not(.auth-page) .task-card .meta span{padding:4px 7px!important;border-radius:6px!important;background:#f5f6f8!important;color:#7a8490!important;font-size:10px!important}
body:not(.admin-body):not(.auth-page) .task-bottom{align-items:flex-end!important;margin-top:14px!important;padding-top:12px!important;border-top:1px solid #f0f1f3!important}
body:not(.admin-body):not(.auth-page) .task-price-block small{font-size:10px!important;color:#9aa2ac!important}
body:not(.admin-body):not(.auth-page) .task-price{color:var(--qzp-orange)!important;line-height:1!important}
body:not(.admin-body):not(.auth-page) .task-price .currency{font-size:14px!important}.task-price .major{font-size:24px!important}.task-price .minor{font-size:14px!important}
body:not(.admin-body):not(.auth-page) .task-detail-btn{min-height:36px!important;height:36px!important;padding:0 12px!important;border-radius:9px!important;background:var(--qzp-navy)!important;color:#fff!important;font-size:11px!important;box-shadow:none!important}
body:not(.admin-body):not(.auth-page) .task-detail-btn:hover{background:var(--qzp-orange)!important}

/* template cards: image first, light content */
body:not(.admin-body):not(.auth-page) .qzp-template-card{
  border:1px solid var(--qzp-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;
}
body:not(.admin-body):not(.auth-page) .qzp-template-card:before,
body:not(.admin-body):not(.auth-page) .qzp-template-card:after{display:none!important}
body:not(.admin-body):not(.auth-page) .qzp-template-card:hover{transform:translateY(-3px)!important;border-color:#ffd1bf!important;box-shadow:var(--qzp-shadow-hover)!important}
body:not(.admin-body):not(.auth-page) .tpl-natural-media{border-radius:0!important;background:#f1f3f5!important}
body:not(.admin-body):not(.auth-page) .tpl-flow-body{padding:14px!important}
body:not(.admin-body):not(.auth-page) .qzp-template-card h3{font-size:16px!important;line-height:1.45!important;font-weight:700!important;color:#222c36!important}
body:not(.admin-body):not(.auth-page) .tpl-card-date{font-size:10px!important;color:#a1a9b3!important}
body:not(.admin-body):not(.auth-page) .tpl-metric-line{margin:8px 0 7px!important}.tpl-metric-line strong{font-size:22px!important;color:var(--qzp-orange)!important}.tpl-metric-line span{font-size:11px!important;color:#949da8!important}
body:not(.admin-body):not(.auth-page) .tpl-summary{font-size:12px!important;line-height:1.65!important;color:#7a8490!important}
body:not(.admin-body):not(.auth-page) .semantic-tag{min-height:22px!important;padding:0 7px!important;border-radius:6px!important;font-size:10px!important}
body:not(.admin-body):not(.auth-page) .tpl-cta{min-height:36px!important;border-radius:9px!important;background:var(--qzp-orange)!important;color:#fff!important;font-size:11px!important;font-weight:700!important}
body:not(.admin-body):not(.auth-page) .tpl-cta:hover{background:var(--qzp-orange-dark)!important}

/* article cards */
body:not(.admin-body):not(.auth-page) .article-grid{gap:16px!important}
body:not(.admin-body):not(.auth-page) .qzp-article-card{padding:0!important;border:1px solid var(--qzp-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
body:not(.admin-body):not(.auth-page) .qzp-article-card:before,body:not(.admin-body):not(.auth-page) .qzp-article-card:after{display:none!important}
body:not(.admin-body):not(.auth-page) .qzp-article-card:hover{transform:translateY(-3px)!important;border-color:#ffd1bf!important;box-shadow:var(--qzp-shadow)!important}
body:not(.admin-body):not(.auth-page) .qzp-article-card .article-cover{margin:0!important;border-radius:0!important;aspect-ratio:16/9!important}
body:not(.admin-body):not(.auth-page) .qzp-article-card .article-card-body{padding:14px 15px 15px!important}
body:not(.admin-body):not(.auth-page) .qzp-article-card h3{margin:0 0 8px!important;font-size:16px!important;line-height:1.5!important;color:#222c37!important}
body:not(.admin-body):not(.auth-page) .qzp-article-card p{margin:0 0 12px!important;font-size:12px!important;line-height:1.65!important;color:#7c8692!important}
body:not(.admin-body):not(.auth-page) .article-cta{font-size:11px!important;color:#4a5562!important}.article-cta:hover{color:var(--qzp-orange)!important}

/* interior pages */
body:not(.admin-body):not(.auth-page) .global-breadcrumb{margin:14px 0 10px!important;color:#9aa3ad!important;font-size:11px!important}
body:not(.admin-body):not(.auth-page) .page-banner,
body:not(.admin-body):not(.auth-page) .category-hero{
  min-height:0!important;margin:16px 0 18px!important;padding:28px 30px!important;border:1px solid var(--qzp-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important;
}
body:not(.admin-body):not(.auth-page) .page-banner .eyebrow,
body:not(.admin-body):not(.auth-page) .category-hero .eyebrow{display:inline-flex!important;min-height:24px!important;align-items:center!important;padding:0 9px!important;border-radius:999px!important;background:var(--qzp-orange-soft)!important;color:var(--qzp-orange-dark)!important;font-size:10px!important;font-weight:700!important;letter-spacing:0!important}
body:not(.admin-body):not(.auth-page) .page-banner h1,
body:not(.admin-body):not(.auth-page) .category-hero h1{margin:8px 0 5px!important;color:var(--qzp-navy)!important;font-size:30px!important;line-height:1.25!important;letter-spacing:-.04em!important}
body:not(.admin-body):not(.auth-page) .page-banner p,
body:not(.admin-body):not(.auth-page) .category-hero p{margin:0!important;color:#7a8490!important;font-size:13px!important;line-height:1.7!important}
body:not(.admin-body):not(.auth-page) .filterbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,220px) auto auto!important;gap:10px!important;margin:0 0 20px!important;padding:12px!important;
  border:1px solid var(--qzp-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;
}
body:not(.admin-body):not(.auth-page) .filterbar input,body:not(.admin-body):not(.auth-page) .filterbar select{min-height:42px!important;border:1px solid #e4e8ec!important;border-radius:10px!important;background:#fafbfc!important;padding:0 12px!important;font-size:12px!important;color:#4d5865!important}
body:not(.admin-body):not(.auth-page) .filterbar .btn{min-height:42px!important;border-radius:10px!important;background:var(--qzp-orange)!important;box-shadow:none!important}
body:not(.admin-body):not(.auth-page) .template-filter-panel{padding:14px!important;border:1px solid var(--qzp-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important}
body:not(.admin-body):not(.auth-page) .template-filter-row{gap:8px!important}.template-filter-row>strong{font-size:11px!important;color:#8e98a4!important}
body:not(.admin-body):not(.auth-page) .template-filter-chips a{min-height:32px!important;padding:0 11px!important;border:1px solid #e5e8ec!important;border-radius:9px!important;background:#fff!important;color:#697480!important;font-size:11px!important}
body:not(.admin-body):not(.auth-page) .template-filter-chips a.on{border-color:#ffc8b4!important;background:var(--qzp-orange-soft)!important;color:var(--qzp-orange-dark)!important}
body:not(.admin-body):not(.auth-page) .template-category-list.compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:18px 0!important}
body:not(.admin-body):not(.auth-page) .template-category-list.compact>a{padding:14px!important;border:1px solid var(--qzp-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
body:not(.admin-body):not(.auth-page) .template-category-list.compact>a:hover{border-color:#ffd0be!important;box-shadow:var(--qzp-shadow)!important}

/* task list/detail */
.page-tasks .task-grid.large{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;column-count:auto!important}
.page-tasks .task-grid.large>.task-card{margin:0!important;break-inside:auto!important}
body:not(.admin-body):not(.auth-page) .task-detail-hero,
body:not(.admin-body):not(.auth-page) .task-detail-section,
body:not(.admin-body):not(.auth-page) .task-action-card,
body:not(.admin-body):not(.auth-page) .panel{
  border:1px solid var(--qzp-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;
}
body:not(.admin-body):not(.auth-page) .task-action-card{box-shadow:0 10px 28px rgba(25,37,52,.06)!important}
body:not(.admin-body):not(.auth-page) .task-action-price strong{color:var(--qzp-orange)!important}

/* template masonry */
.page-templates .template-grid.four{column-count:3!important;column-gap:16px!important}
.page-templates .template-grid.four>.tpl-card{display:inline-flex!important;width:100%!important;margin:0 0 16px!important;break-inside:avoid!important}
body:not(.admin-body):not(.auth-page) .template-results-meta{padding:10px 2px!important;color:#8a949f!important;font-size:11px!important}
body:not(.admin-body):not(.auth-page) .template-single{gap:24px!important}
body:not(.admin-body):not(.auth-page) .template-media,body:not(.admin-body):not(.auth-page) .template-info{border-radius:16px!important}

/* articles/help/member */
.page-articles .page-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body:not(.admin-body):not(.auth-page) .single-column-article{max-width:820px!important}
body:not(.admin-body):not(.auth-page) .article-single-head h1{color:var(--qzp-navy)!important;font-size:38px!important;letter-spacing:-.04em!important}
body:not(.admin-body):not(.auth-page) .faq details{border-bottom:1px solid #edf0f2!important}.faq summary{min-height:52px!important;font-size:14px!important}
body:not(.admin-body):not(.auth-page) .member-dashboard-head,body:not(.admin-body):not(.auth-page) .member-panel{border:1px solid var(--qzp-line)!important;background:#fff!important;box-shadow:none!important}

/* buttons globally: quieter, more product-like */
body:not(.admin-body):not(.auth-page) .btn.primary{background:var(--qzp-orange)!important;color:#fff!important;box-shadow:none!important}
body:not(.admin-body):not(.auth-page) .btn.primary:hover{background:var(--qzp-orange-dark)!important;transform:none!important}
body:not(.admin-body):not(.auth-page) .btn.ghost{border-color:#dfe3e8!important;background:#fff!important;color:#3d4753!important}

/* closing + footer */
.page-home .closing-note{margin:62px 0 0!important;padding:28px 30px!important;border:1px solid #243445!important;border-radius:20px!important;background:var(--qzp-navy)!important;color:#fff!important;box-shadow:none!important}
.page-home .closing-kicker{color:#ffb399!important;font-size:11px!important}.page-home .closing-note h2{font-size:28px!important;letter-spacing:-.04em!important}.page-home .closing-note .btn.primary{background:var(--qzp-orange)!important}
body:not(.admin-body):not(.auth-page) .site-footer-shell{margin-top:0!important;background:#182431!important}
body:not(.admin-body):not(.auth-page) .site-footer-shell:before,body:not(.admin-body):not(.auth-page) .site-footer-shell:after{display:none!important}

/* mobile app-like bottom navigation */
.mobile-bottom-nav{display:none}

/* auth page: keep functionality, remove oversized poster feeling */
.auth-page{background:#f4f6f8!important}
.auth-page .auth-brand-pane{background:linear-gradient(145deg,#1d2a39,#26384d)!important}
.auth-page .auth-brand-pane:before,.auth-page .auth-brand-pane:after{opacity:.18!important}
.auth-page .auth-brand-copy h1{font-size:clamp(34px,4vw,58px)!important;line-height:1.08!important;letter-spacing:-.05em!important}
.auth-page .auth-submit{background:var(--qzp-orange)!important;box-shadow:none!important}

@media (max-width:1199.98px){
  body:not(.admin-body):not(.auth-page) .container{padding-inline:22px!important}
  .page-home .brand-carousel-main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:30px!important}
  .page-home .project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-home .task-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .page-home .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .page-templates .template-grid.four{column-count:3!important}
}

@media (max-width:991.98px){
  body:not(.admin-body):not(.auth-page) .site-header{top:8px!important;width:calc(100% - 24px)!important;border-radius:16px!important}
  body:not(.admin-body):not(.auth-page) .header-inner{height:62px!important;padding-inline:14px!important}
  body:not(.admin-body):not(.auth-page) .nav-toggle{display:flex!important;width:42px!important;height:42px!important;border-radius:11px!important;border:1px solid #e4e7ea!important;background:#fff!important}
  body:not(.admin-body):not(.auth-page) .site-header nav{background:#fff!important}
  body:not(.admin-body):not(.auth-page) .drawer-nav-icon{display:grid!important}
  .page-home .brand-carousel-shell{padding:24px!important}
  .page-home .brand-carousel-main{grid-template-columns:1fr!important;gap:26px!important}
  .page-home .brand-carousel-copy{max-width:680px!important}.page-home .brand-carousel-media{max-width:720px!important;width:100%!important}
  .page-home .brand-carousel-copy h1{font-size:40px!important}
  .page-home .project-card-grid,.page-home .task-grid,.page-home .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-home .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .page-tasks .task-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-articles .page-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-templates .template-grid.four{column-count:2!important}
  body:not(.admin-body):not(.auth-page) .template-category-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:not(.admin-body):not(.auth-page) .filterbar{grid-template-columns:minmax(0,1fr) minmax(140px,190px) auto!important}
  body:not(.admin-body):not(.auth-page) .template-searchbar .template-reset-filter{grid-column:1/-1!important}
}

@media (max-width:767.98px){
  body:not(.admin-body):not(.auth-page){padding-bottom:74px!important}
  body:not(.admin-body):not(.auth-page) .container{padding-inline:14px!important}
  body:not(.admin-body):not(.auth-page) .site-main{padding-top:8px!important;padding-bottom:38px!important}
  body:not(.admin-body):not(.auth-page) .notice-bar{min-height:28px!important;padding:6px 12px!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body:not(.admin-body):not(.auth-page) .site-header{width:calc(100% - 20px)!important;margin-top:7px!important;border-radius:15px!important}
  body:not(.admin-body):not(.auth-page) .header-inner{height:58px!important;padding-inline:12px!important}.brand{max-width:calc(100vw - 95px)!important;font-size:15px!important}.brand>span:last-child{overflow:hidden!important;text-overflow:ellipsis!important}

  .page-home .brand-carousel-hero{margin-top:10px!important;border-radius:20px!important}
  .page-home .brand-carousel-shell{padding:18px 14px 16px!important;background:#fff!important}
  .page-home .brand-carousel-top{margin-bottom:13px!important}.page-home .brand-carousel-kicker{font-size:11px!important}
  .page-home .brand-carousel-main{display:flex!important;flex-direction:column!important;gap:20px!important}
  .page-home .brand-carousel-media{order:1!important;width:100%!important}.page-home .brand-carousel-copy{order:2!important;width:100%!important;padding:0!important}
  .page-home .brand-carousel-stage-wrap{border-radius:15px!important;box-shadow:none!important}.page-home .brand-carousel-stage{border-radius:15px!important;aspect-ratio:16/9!important}
  .page-home .brand-carousel-side-arrow{width:32px!important;height:32px!important}.page-home .brand-carousel-side-arrow-prev{left:7px!important}.page-home .brand-carousel-side-arrow-next{right:7px!important}
  .page-home .brand-slide-cta{height:31px!important;min-height:31px!important;padding:0 10px!important;right:8px!important;bottom:8px!important;font-size:10px!important}
  .page-home .brand-carousel-copy h1{font-size:31px!important;line-height:1.13!important;letter-spacing:-.05em!important}
  .page-home .brand-carousel-subtitle{margin-top:12px!important;font-size:13px!important;line-height:1.75!important}
  .page-home .brand-carousel-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:18px!important}
  .page-home .brand-carousel-actions .btn{width:100%!important;min-height:42px!important;padding:0 10px!important;font-size:12px!important}
  .page-home .brand-social-proof{margin-top:13px!important;font-size:11px!important}
  .page-home .brand-carousel-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:18px!important}
  .page-home .brand-entry-card{min-height:68px!important;padding:9px 7px!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:5px!important}
  .page-home .brand-entry-icon{width:32px!important;height:32px!important}.page-home .brand-entry-card small,.page-home .brand-entry-card em{display:none!important}.page-home .brand-entry-card b{font-size:11px!important}

  .page-home .section{margin:38px 0!important}
  .page-home .section-title,.page-home .home-section-heading{align-items:flex-start!important;margin-bottom:16px!important}
  .page-home .section-title h2{font-size:23px!important}.page-home .section-title p{margin-top:6px!important;font-size:12px!important;line-height:1.65!important}.page-home .section-title small{min-height:23px!important;padding:0 8px!important;margin-bottom:7px!important;font-size:10px!important}
  .page-home .section-title>a{padding-top:5px!important;font-size:11px!important}
  .page-home .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.page-home .category-grid>a{min-height:92px!important;padding:12px!important}
  .page-home .project-card-grid,.page-home .task-grid,.page-home .article-grid{grid-template-columns:1fr!important;gap:10px!important}
  .page-home .project-card{min-height:132px!important;padding:14px!important}.page-home .project-icon{width:58px!important;height:58px!important;flex-basis:58px!important}.page-home .project-copy h3{font-size:15px!important}
  body:not(.admin-body):not(.auth-page) .task-card{padding:13px!important}

  body:not(.admin-body):not(.auth-page) .page-banner,body:not(.admin-body):not(.auth-page) .category-hero{margin:10px 0 13px!important;padding:20px 17px!important;border-radius:15px!important}
  body:not(.admin-body):not(.auth-page) .page-banner h1,body:not(.admin-body):not(.auth-page) .category-hero h1{font-size:25px!important}
  body:not(.admin-body):not(.auth-page) .filterbar{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:13px!important}
  body:not(.admin-body):not(.auth-page) .filterbar input,body:not(.admin-body):not(.auth-page) .filterbar select,body:not(.admin-body):not(.auth-page) .filterbar .btn{width:100%!important;min-height:44px!important}
  .page-tasks .task-grid.large{grid-template-columns:1fr!important;gap:10px!important}
  .page-templates .template-grid.four{column-count:1!important}.page-templates .template-grid.four>.tpl-card{margin-bottom:12px!important}
  .page-articles .page-article-grid{grid-template-columns:1fr!important;gap:12px!important}
  body:not(.admin-body):not(.auth-page) .template-category-list.compact{grid-template-columns:1fr!important;gap:8px!important}
  body:not(.admin-body):not(.auth-page) .template-filter-panel{padding:11px!important}.template-filter-row{display:block!important}.template-filter-row>strong{display:block!important;margin-bottom:7px!important}

  .page-home .closing-note{margin:40px 0 0!important;padding:22px 18px!important;border-radius:17px!important}.page-home .closing-note h2{font-size:23px!important}.page-home .closing-actions{align-items:stretch!important}.page-home .closing-actions .btn{width:100%!important}
  body:not(.admin-body):not(.auth-page) .site-footer-shell{padding-bottom:88px!important}

  .mobile-bottom-nav{
    position:fixed;left:50%;bottom:10px;z-index:1200;display:grid;grid-template-columns:repeat(4,1fr);width:calc(100% - 24px);max-width:430px;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom));border:1px solid rgba(31,43,58,.08);border-radius:18px;background:rgba(255,255,255,.96);
    box-shadow:0 10px 34px rgba(20,31,45,.16);backdrop-filter:blur(16px);
  }
  .mobile-bottom-nav a{position:relative;display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:12px;color:#8a949f;font-size:10px;font-weight:600}
  .mobile-bottom-nav a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav a.on{background:#fff2ec;color:var(--qzp-orange)}
  .mobile-bottom-nav a.on:after{content:"";position:absolute;top:3px;width:16px;height:2px;border-radius:999px;background:var(--qzp-orange)}

  /* mobile footer becomes concise because primary navigation lives in bottom nav */
  .site-footer-shell .footer{grid-template-columns:1fr!important;gap:9px!important;padding-top:24px!important}
  .site-footer-shell .footer-brand{padding-bottom:16px!important}.footer-mobile-badge{display:none!important}.footer-mobile-tags{margin-top:12px!important}
  .site-footer-shell .footer-group{padding:12px!important;border-radius:14px!important}.site-footer-shell .footer-services,.site-footer-shell .footer-about{grid-column:1/-1!important}
  .site-footer-shell .footer-link-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 12px!important}
  .site-footer-shell .footer-link-grid a{min-height:38px!important}.site-footer-shell .footer-contact{grid-column:1/-1!important}
}

@media (max-width:430px){
  .page-home .brand-carousel-copy h1{font-size:29px!important}
  .page-home .brand-carousel-actions{grid-template-columns:1fr!important}
  .page-home .category-grid{grid-template-columns:1fr!important}
  .page-home .category-grid>a{min-height:78px!important;grid-template-columns:38px 1fr 14px!important}.page-home .category-grid i,.page-home .category-grid img{width:38px!important;height:38px!important}
}

/* =========================================================
   V3.10.1 · 自媒体博主同行对标库
   仅新增功能，不改现有首页/任务/模板布局
   ========================================================= */
.creator-library{max-width:1220px;margin:0 auto;padding:2.25rem 0 5rem;position:relative}
.creator-library::before{content:"";position:absolute;inset:0 -5vw auto;height:30rem;pointer-events:none;background:radial-gradient(circle at 86% 18%,rgba(37,99,235,.09),transparent 36%),radial-gradient(circle at 8% 40%,rgba(255,107,53,.07),transparent 28%);z-index:-1}
.creator-library-head{display:grid;grid-template-columns:1fr minmax(22rem,42rem) 1fr;align-items:center;gap:2rem;text-align:center;margin:1.25rem auto 2rem}
.creator-title-copy>span{display:inline-flex;color:#2563eb;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin-bottom:.5rem}
.creator-title-copy h1{margin:0;color:#111827;font-size:clamp(2.2rem,4.4vw,3.65rem);line-height:1.05;font-weight:850;letter-spacing:-.045em}
.creator-title-copy p{margin:.9rem auto 0;max-width:42rem;color:#64748b;font-size:1rem;line-height:1.8}
.creator-title-rule{height:1px;background:linear-gradient(90deg,transparent,#b9d0ff);position:relative}
.creator-title-rule-right{background:linear-gradient(90deg,#b9d0ff,transparent)}
.creator-title-rule span{position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 5px rgba(37,99,235,.08)}
.creator-title-rule-right span{right:auto;left:0}
.creator-tools{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1rem;align-items:center;margin:0 auto 3.4rem;padding:.75rem;border:1px solid #e6ecf6;border-radius:1.25rem;background:rgba(255,255,255,.84);box-shadow:0 14px 42px rgba(15,23,42,.06);backdrop-filter:blur(18px)}
.creator-platform-tabs{display:flex;gap:.45rem;align-items:center;overflow:auto;scrollbar-width:none;padding:.05rem}.creator-platform-tabs::-webkit-scrollbar{display:none}
.creator-platform-tab{appearance:none;border:1px solid transparent;background:#f6f8fc;color:#334155;min-height:2.75rem;padding:.45rem .85rem;border-radius:999px;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;cursor:pointer;transition:.22s ease;font:inherit}
.creator-platform-tab:hover{transform:translateY(-1px);background:#fff;border-color:#dbe5f5}
.creator-platform-tab.on{background:#fff;color:#1557d5;border-color:#c7d8ff;box-shadow:0 6px 18px rgba(37,99,235,.12)}
.creator-platform-tab img,.creator-platform-tab .creator-platform-letter,.creator-platform-all{width:1.4rem;height:1.4rem;border-radius:.45rem;display:grid;place-items:center;object-fit:cover;flex:none;background:color-mix(in srgb,var(--creator-accent,#2563eb) 12%,white);color:var(--creator-accent,#2563eb);font-size:.75rem;font-weight:800}
.creator-platform-tab b{font-size:.88rem}.creator-platform-tab small{font-size:.7rem;color:#94a3b8}
.creator-search{height:2.85rem;border:1px solid #dfe6f0;border-radius:.9rem;background:#fff;display:flex;align-items:center;padding:0 .85rem;gap:.6rem;box-shadow:inset 0 1px 0 rgba(15,23,42,.02)}
.creator-search svg{width:1.05rem;fill:none;stroke:#64748b;stroke-width:1.8;flex:none}.creator-search input{min-width:0;flex:1;border:0!important;outline:0;background:transparent!important;padding:0!important;height:auto!important;box-shadow:none!important;font-size:.88rem;color:#1e293b}.creator-search span{font-size:.72rem;color:#94a3b8;white-space:nowrap}
.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.7rem 1.6rem;align-items:stretch}
.creator-card{position:relative;min-width:0;padding-top:2.65rem;border:1px solid #e4eaf4;border-radius:1.2rem;background:rgba(255,255,255,.94);box-shadow:0 14px 36px rgba(15,23,42,.07);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;animation:creatorCardIn .5s both;animation-delay:var(--creator-delay,0ms)}
.creator-card:hover{transform:translateY(-7px);box-shadow:0 24px 52px rgba(15,23,42,.12);border-color:color-mix(in srgb,var(--creator-accent) 35%,#dbe4f1)}
.creator-card.is-featured{border-color:color-mix(in srgb,var(--creator-accent) 55%,#dbe4f1);box-shadow:0 18px 46px color-mix(in srgb,var(--creator-accent) 14%,transparent)}
.creator-avatar-wrap{position:absolute;top:-2.9rem;left:50%;transform:translateX(-50%);width:6.2rem;height:6.2rem;padding:.3rem;border-radius:50%;background:#fff;box-shadow:0 12px 26px rgba(15,23,42,.14);z-index:2}
.creator-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid color-mix(in srgb,var(--creator-accent) 42%,#fff)}
.creator-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--creator-accent) 20%,#eff6ff),#fff);color:var(--creator-accent);font-size:2rem;font-weight:800}
.creator-card-platform{position:absolute;right:1rem;top:1rem;display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .65rem;border-radius:999px;background:#fff;border:1px solid #e8edf4;color:#334155;box-shadow:0 4px 14px rgba(15,23,42,.05);font-size:.75rem;font-weight:700}
.creator-card-platform img,.creator-card-platform i{width:1.15rem;height:1.15rem;border-radius:.35rem;object-fit:cover;display:grid;place-items:center;background:color-mix(in srgb,var(--creator-accent) 12%,white);color:var(--creator-accent);font-style:normal;font-size:.65rem}
.creator-card-body{padding:1.55rem 1.35rem 1.2rem}
.creator-info-list{display:grid;gap:.5rem;margin:0}
.creator-info-list>div{display:grid;grid-template-columns:6rem minmax(0,1fr);align-items:baseline;gap:.6rem;min-height:1.65rem}
.creator-info-list dt{color:#64748b;font-size:.79rem}.creator-info-list dd{margin:0;min-width:0;color:#334155;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-info-list dd strong{color:#111827;font-size:1rem;font-weight:800}.creator-recommend-row{margin-top:.15rem}.creator-recommend-row dd{white-space:normal;overflow:visible;text-overflow:clip;color:#475569;line-height:1.55;font-size:.79rem}

.creator-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid #edf1f6}
.creator-tags{display:flex;gap:.35rem;flex-wrap:wrap;min-width:0}.creator-tags span{padding:.28rem .48rem;border-radius:.45rem;background:#eef4ff;color:#3971d6;font-size:.68rem;font-weight:650;white-space:nowrap}
.creator-visit{flex:none;min-height:2.4rem;padding:0 .85rem;border:1px solid #ff6b35;border-radius:.7rem;color:#ff5e25;background:#fff;display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:800;text-decoration:none;transition:.2s ease}.creator-visit svg{width:1rem;fill:none;stroke:currentColor;stroke-width:2}.creator-card.is-featured .creator-visit,.creator-visit:hover{color:#fff;background:linear-gradient(135deg,#ff7a2f,#ff5c24);box-shadow:0 8px 20px rgba(255,107,53,.22);transform:translateY(-1px)}.creator-visit.is-disabled{border-color:#e5e7eb;color:#9ca3af;background:#f8fafc;pointer-events:none}
.creator-empty{text-align:center;margin:2rem 0;padding:4rem 1rem;border:1px dashed #d8e2ef;border-radius:1.25rem;background:#fff}.creator-empty span{font-size:2rem;color:#94a3b8}.creator-empty h3{margin:.6rem 0 .3rem}.creator-empty p{margin:0;color:#94a3b8}
.creator-library-foot{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;color:#64748b;font-size:.8rem}.creator-library-foot b{color:#2563eb}.creator-library-foot small{color:#94a3b8}
.creator-card[hidden]{display:none!important}.is-filtered-out{animation:none!important}
@keyframes creatorCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* 后台：博主与平台管理 */
.creator-admin-platform-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;background:color-mix(in srgb,var(--platform-accent) 12%,#fff);border:1px solid color-mix(in srgb,var(--platform-accent) 22%,#e2e8f0);display:grid;place-items:center;color:var(--platform-accent);overflow:hidden}.creator-admin-platform-icon img{width:100%;height:100%;object-fit:cover}.creator-admin-platform-icon b{font-size:1rem}
.creator-admin-person{display:flex;align-items:center;gap:.65rem}.creator-admin-person>img,.creator-admin-person>span{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#eef4ff;color:#2563eb;font-weight:800}.creator-admin-person div{display:grid;gap:.15rem}.creator-admin-person small{color:#94a3b8}.admin-tag-text{display:block;max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dual-media-input{display:grid;grid-template-columns:minmax(13rem,.8fr) auto minmax(16rem,1.2fr);gap:.6rem;align-items:center}.dual-media-input>span{color:#94a3b8;font-size:.75rem;text-align:center}.inline-check{display:inline-flex!important;align-items:center!important;gap:.4rem!important;margin-top:.55rem!important;font-size:.78rem!important}.inline-check input{width:auto!important;min-height:auto!important}.creator-admin-form .admin-form-section{margin-bottom:1rem}

@media (max-width:991.98px){.creator-library{padding-top:1rem}.creator-library-head{grid-template-columns:1fr;gap:.8rem;margin-bottom:1.4rem}.creator-title-rule{display:none}.creator-tools{grid-template-columns:1fr;margin-bottom:3rem}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 1rem}}
@media (max-width:767.98px){.creator-library{padding:1rem 0 4.5rem}.creator-library-head{text-align:left;margin:0 0 1.25rem}.creator-title-copy>span{font-size:.7rem}.creator-title-copy h1{font-size:2rem;letter-spacing:-.035em}.creator-title-copy p{font-size:.9rem;line-height:1.7;margin-top:.55rem}.creator-tools{padding:.65rem;border-radius:1rem;gap:.7rem;margin-bottom:1.2rem}.creator-platform-tabs{margin:0 -.2rem;padding:.1rem .2rem}.creator-platform-tab{min-height:2.55rem;padding:.4rem .72rem}.creator-platform-tab small{display:none}.creator-search{height:2.7rem}.creator-grid{grid-template-columns:1fr;gap:.75rem}.creator-card{padding:0;border-radius:1rem;display:grid;grid-template-columns:4.35rem minmax(0,1fr);min-height:8.2rem;overflow:visible;box-shadow:0 7px 20px rgba(15,23,42,.055)}.creator-card:hover{transform:none}.creator-avatar-wrap{position:relative;left:auto;top:auto;transform:none;width:3.55rem;height:3.55rem;margin:1rem 0 0 .8rem;padding:.2rem;align-self:start}.creator-card-platform{position:absolute;right:.75rem;top:.65rem;font-size:.67rem;padding:.26rem .45rem}.creator-card-platform img,.creator-card-platform i{width:.95rem;height:.95rem}.creator-card-body{padding:.9rem .75rem .8rem .1rem}.creator-info-list{gap:.2rem;padding-top:1.45rem}.creator-info-list>div{display:none}.creator-info-list>div:nth-child(2),.creator-info-list>div:nth-child(3),.creator-info-list>div.creator-recommend-row{display:block;min-height:auto}.creator-info-list dt{display:none}.creator-info-list dd{font-size:.74rem;color:#64748b}.creator-info-list dd strong{font-size:.94rem;color:#111827}.creator-recommend-row dd{margin-top:.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;color:#64748b}.creator-card-foot{margin-top:.45rem;padding-top:.45rem;align-items:center;border-top:0}.creator-tags{gap:.25rem}.creator-tags span{font-size:.62rem;padding:.22rem .38rem}.creator-tags span:nth-child(n+4){display:none}.creator-visit{min-height:2rem;padding:0 .6rem;font-size:.7rem;border-radius:.55rem}.creator-library-foot{display:none}.dual-media-input{grid-template-columns:1fr}.dual-media-input>span{text-align:left}}
@media (max-width:575.98px){.creator-platform-tab b{font-size:.78rem}.creator-platform-tab img,.creator-platform-tab .creator-platform-letter,.creator-platform-all{width:1.2rem;height:1.2rem}.creator-search span{display:none}}

/* V3.10.2 · 博主一句话推荐 + 统一标签库 */
.creator-tag-library .tag-admin-item{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.creator-tag-library .tag-admin-item small{color:#94a3b8}.creator-tag-library .inline-delete{display:inline-flex;margin:0}.creator-tag-library .link-delete{border:0;background:transparent;color:#ef4444;padding:.2rem .3rem;cursor:pointer;font:inherit;font-size:.78rem}.creator-tag-checks{min-height:3rem}.creator-tag-create-link{display:inline-flex;align-items:center;min-height:2.25rem;padding:.35rem .7rem;border:1px dashed #cbd5e1;border-radius:.65rem;color:#2563eb;text-decoration:none;font-size:.78rem;background:#f8fbff}.admin-empty-hint{padding:1rem;color:#64748b;font-size:.85rem}

/* =========================================================
   V3.11.0 · 项目教程库（对齐用户课程库原型）
   ========================================================= */
.course-library{--course-blue:#1f66ff;--course-navy:#0c1b3a;--course-soft:#f5f8ff;padding:2rem 0 5rem;min-height:70vh}
.course-library-hero{display:grid;grid-template-columns:minmax(4rem,1fr) auto minmax(4rem,1fr);align-items:center;gap:2rem;text-align:center;margin:0 auto 2.1rem;max-width:68rem}
.course-hero-copy>span{display:block;color:#2765eb;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin-bottom:.7rem}.course-hero-copy h1{margin:0;color:#0b1734;font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.08;letter-spacing:-.04em}.course-hero-copy p{margin:.8rem 0 0;color:#64748b;font-size:1rem;line-height:1.7}.course-hero-rule{height:1px;background:linear-gradient(90deg,transparent,#a8c6ff);position:relative}.course-hero-rule:after{content:"";position:absolute;right:-.1rem;top:50%;width:.5rem;height:.5rem;border-radius:50%;background:#2c6cff;box-shadow:0 0 0 .3rem rgba(44,108,255,.08);transform:translateY(-50%)}.course-hero-rule.right{background:linear-gradient(90deg,#a8c6ff,transparent)}.course-hero-rule.right:after{left:-.1rem;right:auto}
.course-library-tools{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(17rem,24rem);gap:1rem;align-items:center;margin:0 auto 2.3rem;padding:.65rem .8rem;border:1px solid #e0e9fb;border-radius:1.15rem;background:rgba(255,255,255,.94);box-shadow:0 16px 34px rgba(51,85,140,.08);position:sticky;top:5.75rem;z-index:8;backdrop-filter:blur(14px)}.course-category-label{padding:0 .4rem;color:#0f172a;font-size:.9rem;font-weight:800;white-space:nowrap}.course-category-tabs{display:flex;gap:.45rem;overflow:auto;scrollbar-width:none}.course-category-tabs::-webkit-scrollbar{display:none}.course-category-tab{min-height:2.65rem;border:1px solid transparent;border-radius:999px;padding:.35rem .75rem;display:inline-flex;align-items:center;gap:.45rem;background:#f8fafc;color:#334155;white-space:nowrap;cursor:pointer;transition:.22s ease}.course-category-tab:hover{transform:translateY(-1px);background:#fff;border-color:#dbe6f8}.course-category-tab.on{background:linear-gradient(135deg,#1d65ff,#397dff);color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.2)}.course-category-tab img,.course-category-letter,.course-category-all{width:1.4rem;height:1.4rem;border-radius:.45rem;object-fit:contain;display:grid;place-items:center;background:#fff;color:var(--course-accent,#2563eb);font-size:.72rem;font-weight:900}.course-category-tab b{font-size:.84rem}.course-category-tab small{opacity:.65;font-size:.7rem}.course-search{height:2.75rem;display:flex;align-items:center;gap:.55rem;border:1px solid #e0e7f1;border-radius:.8rem;padding:0 .8rem;background:#fff}.course-search svg{width:1.05rem;fill:none;stroke:#52637e;stroke-width:1.8}.course-search input{min-width:0;flex:1;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:auto!important}.course-search span{white-space:nowrap;color:#94a3b8;font-size:.72rem}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.3rem;align-items:stretch}.course-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:3.35rem 1.25rem 1.2rem;border:1px solid #e5ebf7;border-radius:1.25rem;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(251,253,255,.96));box-shadow:0 13px 32px rgba(35,62,111,.08);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;animation:courseCardIn .5s both;animation-delay:var(--course-delay,0ms)}.course-card:hover{transform:translateY(-8px);box-shadow:0 23px 46px rgba(35,62,111,.14);border-color:color-mix(in srgb,var(--course-accent,#2563eb) 35%,#e5ebf7)}.course-card.is-featured{border-color:color-mix(in srgb,var(--course-accent,#2563eb) 48%,#dbe7fb);box-shadow:0 16px 42px color-mix(in srgb,var(--course-accent,#2563eb) 12%,transparent)}.course-hot-badge{position:absolute;left:.8rem;top:.75rem;padding:.34rem .55rem;border-radius:.5rem;background:#fff4e8;color:#ff6b35;font-size:.7rem;font-weight:850;box-shadow:0 4px 12px rgba(255,107,53,.08)}.course-card-logo-wrap{position:absolute;left:50%;top:-1.25rem;transform:translateX(-50%);z-index:2}.course-logo-card{width:7.4rem;height:4.85rem;border-radius:1rem;display:grid;place-items:center;padding:.45rem;background:#fff;box-shadow:0 12px 26px rgba(37,99,235,.17);border:1px solid color-mix(in srgb,var(--course-accent,#2563eb) 25%,#fff);overflow:hidden}.course-logo-card img{width:100%;height:100%;object-fit:contain;border-radius:.7rem}.course-logo-fallback{background:linear-gradient(135deg,color-mix(in srgb,var(--course-accent,#2563eb) 85%,#fff),color-mix(in srgb,var(--course-accent,#2563eb) 50%,#8cc4ff));color:#fff;font-size:2rem}.course-card-body{text-align:center;display:flex;flex-direction:column;align-items:center;flex:1}.course-card h2{margin:.3rem 0 .5rem;color:#111827;font-size:1.17rem;line-height:1.35}.course-card-category{display:inline-flex;padding:.28rem .58rem;border-radius:999px;background:color-mix(in srgb,var(--course-accent,#2563eb) 10%,#fff);color:var(--course-accent,#2563eb);font-size:.7rem;font-weight:780}.course-card-tags{margin:.75rem 0 .2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.36rem}.course-card-tags span,.course-detail-tags span{padding:.28rem .5rem;border-radius:.45rem;background:var(--tag-bg,#eef4ff);color:var(--tag-color,#2563eb);font-size:.68rem;font-weight:700}.course-card p{margin:.65rem 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#7c8799;line-height:1.6;font-size:.78rem}.course-enter{min-height:2.7rem;margin-top:1rem;border:1px solid color-mix(in srgb,var(--course-accent,#2563eb) 55%,#dbe7fb);border-radius:.7rem;color:var(--course-accent,#2563eb);display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-size:.86rem;font-weight:850;transition:.22s ease;background:#fff}.course-enter svg{width:1.15rem;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease}.course-enter:hover{background:var(--course-accent,#2563eb);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--course-accent,#2563eb) 22%,transparent)}.course-enter:hover svg{transform:translateX(.18rem)}.course-empty{text-align:center;padding:5rem 1rem;border:1px dashed #cfdbef;border-radius:1.2rem;background:#fff;color:#64748b}.course-empty span{font-size:2rem}.course-empty h3{margin:.5rem 0}.course-empty p{margin:0}.course-card[hidden]{display:none!important}@keyframes courseCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* 课程详情 */
.course-detail{padding:1.2rem 0 5rem}.course-detail-top{display:grid;grid-template-columns:minmax(17rem,24rem) minmax(0,1fr);gap:2.2rem;align-items:center;padding:1.2rem;border:1px solid #e3eaf7;border-radius:1.4rem;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 16px 42px rgba(37,68,120,.08)}.course-detail-cover{position:relative;border-radius:1.1rem;overflow:hidden;aspect-ratio:4/5;background:#eef4ff;box-shadow:0 12px 28px rgba(37,99,235,.12)}.course-detail-cover>img{width:100%;height:100%;object-fit:cover;display:block}.course-cover-fallback{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:1rem;text-align:center;background:linear-gradient(150deg,#1c63ff,#6fa4ff);color:#fff;padding:2rem}.course-cover-logo{width:6.4rem;height:4.3rem;border-radius:.9rem;background:#fff;display:grid;place-items:center;overflow:hidden;padding:.45rem}.course-cover-logo img{width:100%;height:100%;object-fit:contain}.course-cover-fallback>span{font-size:1.5rem;font-weight:900}.course-cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#2563eb;font-size:1.25rem;box-shadow:0 9px 24px rgba(15,23,42,.18)}.course-detail-meta{padding:1rem .6rem}.course-detail-category{display:inline-flex;padding:.33rem .58rem;border-radius:.5rem;background:color-mix(in srgb,var(--course-accent) 10%,#fff);color:var(--course-accent);font-size:.75rem;font-weight:800}.course-detail-meta h1{margin:.75rem 0 1rem;color:#0f172a;font-size:clamp(2rem,3vw,3.1rem);line-height:1.14;letter-spacing:-.04em}.course-author-line{display:flex;align-items:center;gap:.65rem}.course-author-line>img,.course-author-line>span{width:2.7rem;height:2.7rem;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#eef4ff;color:#2563eb;font-weight:850}.course-author-line div{display:grid;gap:.1rem}.course-author-line small{color:#94a3b8;font-size:.7rem}.course-author-line b{font-size:.86rem;color:#334155}.course-detail-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.course-detail-summary{max-width:46rem;color:#64748b;line-height:1.75}.course-type-switches{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.course-type-switches span{min-height:2.45rem;padding:0 .8rem;border:1px solid #dce5f3;border-radius:.65rem;background:#fff;display:inline-flex;align-items:center;gap:.42rem;color:#334155;font-size:.78rem;font-weight:700}.course-type-switches i{font-style:normal;color:#2563eb}.course-detail-stats{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;color:#7c8799;font-size:.78rem}.course-detail-stats b{color:#334155}
.course-section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.2rem 0;border:1px solid #dbe6f8;border-radius:1rem;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(30,64,120,.055)}.course-section-tabs button{position:relative;min-height:4.7rem;border:0;border-right:1px solid #e7edf6;background:#fff;padding:.75rem 1rem;text-align:center;cursor:pointer;color:#334155}.course-section-tabs button:last-child{border-right:0}.course-section-tabs button:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:999px;background:var(--course-accent);transform:scaleX(0);transition:.22s ease}.course-section-tabs button.on{color:var(--course-accent);background:linear-gradient(180deg,#fff,#f6f9ff)}.course-section-tabs button.on:after{transform:scaleX(1)}.course-section-tabs span{display:block;font-weight:850;font-size:.94rem}.course-section-tabs small{display:block;margin-top:.25rem;color:#94a3b8;font-size:.7rem}
.course-learning-layout{display:grid;grid-template-columns:15.5rem minmax(0,1fr);gap:1rem;align-items:start}.course-lesson-nav{position:sticky;top:10rem;border:1px solid #e2e8f2;border-radius:1rem;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.045)}.course-lesson-nav-head{padding:1rem;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between}.course-lesson-nav-head b{font-size:.9rem}.course-lesson-nav-head small{color:#94a3b8;font-size:.68rem}.course-lesson-group{display:none;padding:.45rem}.course-lesson-group.on{display:grid;gap:.2rem}.course-lesson-link{width:100%;display:grid;grid-template-columns:1.7rem minmax(0,1fr) 1rem;gap:.45rem;align-items:center;border:0;border-radius:.6rem;background:transparent;padding:.65rem .6rem;text-align:left;color:#64748b;cursor:pointer}.course-lesson-link span{font-size:.65rem;color:#94a3b8}.course-lesson-link b{font-size:.77rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-lesson-link i{font-style:normal;font-size:.65rem}.course-lesson-link:hover,.course-lesson-link.on{background:#eef4ff;color:#2563eb}.course-no-lessons{padding:1rem;color:#94a3b8;font-size:.75rem}.course-content-stage{min-width:0;border:1px solid #e2e8f2;border-radius:1rem;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.045);overflow:hidden}.course-lesson-panel{padding:1.5rem}.course-lesson-panel[hidden]{display:none!important}.course-lesson-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid #edf1f6}.course-lesson-head span{color:#2563eb;font-size:.7rem;font-weight:800}.course-lesson-head h2{margin:.35rem 0 0;font-size:1.55rem;color:#0f172a}.course-lesson-head small{color:#94a3b8;white-space:nowrap}.course-video-shell{margin-top:1.2rem;border-radius:1rem;overflow:hidden;background:#020617;aspect-ratio:16/9}.course-video-shell video{width:100%;height:100%;object-fit:contain;display:block}.course-article-body{max-width:52rem;margin:1.4rem auto 0;color:#334155;font-size:1rem;line-height:1.85}.course-article-body h1,.course-article-body h2,.course-article-body h3{color:#0f172a;line-height:1.35;margin:1.6em 0 .65em}.course-article-body h2{font-size:1.5rem}.course-article-body h3{font-size:1.18rem}.course-article-body p{margin:.9em 0}.course-article-body img{max-width:100%;height:auto;border-radius:.85rem;display:block;margin:1.2rem auto}.course-article-body blockquote{margin:1.2rem 0;padding:.85rem 1rem;border-left:3px solid #2563eb;background:#f7f9fd;border-radius:.5rem;color:#52637e}.course-long-image{margin:1.3rem auto 0;max-width:56rem}.course-long-image img{width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;display:block;border-radius:1rem;box-shadow:0 8px 24px rgba(15,23,42,.06)}.course-content-empty{text-align:center;padding:4rem 1rem;color:#94a3b8}.course-content-empty h2{color:#334155}
.course-download-panel{margin-top:1.3rem;border:1px solid #dce6f6;border-radius:1.2rem;background:linear-gradient(135deg,#f9fbff,#fff);padding:1.2rem}.course-download-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;margin-bottom:1rem}.course-download-head span{color:#2563eb;font-size:.7rem;font-weight:850}.course-download-head h2{margin:.25rem 0 0;font-size:1.45rem}.course-download-head p{margin:0;color:#94a3b8;font-size:.76rem}.course-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.course-download-card{border:1px solid #e2e8f0;border-radius:.9rem;background:#fff;padding:.9rem;display:grid;gap:.8rem}.course-download-brand{display:flex;align-items:center;gap:.7rem}.course-download-brand img{width:2.5rem;height:2.5rem;border-radius:.7rem;object-fit:contain;background:#fff;border:1px solid #edf0f5;padding:.25rem}.course-download-brand div{display:grid;gap:.05rem}.course-download-brand small{color:var(--download-tone);font-size:.66rem;font-weight:800}.course-download-brand b{font-size:.88rem}.course-code-copy{border:0;background:#f8fafc;border-radius:.65rem;padding:.55rem .7rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;text-align:left}.course-code-copy span{color:#94a3b8;font-size:.68rem}.course-code-copy b{font-size:.8rem;color:#334155;letter-spacing:.06em}.course-code-copy i{margin-left:auto;color:#2563eb;font-style:normal;font-size:.68rem}.course-download-btn{min-height:2.6rem;border-radius:.65rem;background:var(--download-tone);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.45rem;font-size:.82rem;font-weight:800}.course-download-btn svg{width:1rem;fill:none;stroke:currentColor;stroke-width:2}.course-download-btn:hover{filter:brightness(.94)}

/* 后台教程库 */
.course-admin-logo{width:4.6rem;height:3rem;border-radius:.75rem;display:grid;place-items:center;background:#f3f7ff;border:1px solid #e0e8f5;overflow:hidden}.course-admin-logo img{width:100%;height:100%;object-fit:contain;padding:.25rem}.course-admin-logo span{font-weight:850;color:#2563eb}.course-admin-person{display:flex;align-items:center;gap:.7rem}.course-admin-person>img,.course-admin-person>span{width:4.4rem;height:2.9rem;border-radius:.7rem;object-fit:contain;background:#f3f7ff;display:grid;place-items:center;color:#2563eb;font-weight:850}.course-admin-person div{display:grid;gap:.15rem}.course-admin-person small{color:#94a3b8}.course-download-repeater{display:grid;gap:.7rem;margin-bottom:.75rem}.course-download-row{display:grid;grid-template-columns:10rem 1fr 1.6fr .65fr .9fr 1fr auto;gap:.5rem;align-items:center;padding:.75rem;border:1px solid #e2e8f0;border-radius:.8rem;background:#fbfdff}.course-download-row input,.course-download-row select{min-width:0}.course-admin-next{display:flex;gap:.6rem;padding:0 1rem 1rem}.course-html-field{display:grid!important;gap:.5rem!important}.course-html-field textarea{min-height:22rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.65}.course-lesson-editor .form-preview{max-height:10rem;object-fit:contain}.course-admin-editor .form-preview{max-height:10rem;object-fit:contain}

@media (max-width:1199.98px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-library-tools{grid-template-columns:auto minmax(0,1fr)}.course-search{grid-column:1/-1}.course-download-row{grid-template-columns:repeat(3,minmax(0,1fr))}.course-download-row [data-remove-course-download]{justify-self:start}}
@media (max-width:991.98px){.course-library{padding-top:1rem}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 1rem}.course-library-tools{position:relative;top:auto}.course-detail-top{grid-template-columns:minmax(14rem,19rem) minmax(0,1fr)}.course-learning-layout{grid-template-columns:12rem minmax(0,1fr)}.course-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){.course-library{padding:1rem 0 4rem}.course-library-hero{grid-template-columns:1fr;text-align:left;gap:.5rem;margin-bottom:1.4rem}.course-hero-rule{display:none}.course-hero-copy h1{font-size:2rem}.course-hero-copy p{font-size:.88rem}.course-library-tools{display:flex;flex-direction:column;align-items:stretch;padding:.65rem;border-radius:1rem;margin-bottom:2.6rem}.course-category-label{padding:.1rem .15rem;font-size:.78rem}.course-category-tabs{margin:0 -.1rem}.course-category-tab{min-height:2.45rem;padding:.3rem .65rem}.course-category-tab small{display:none}.course-search{height:2.6rem}.course-grid{grid-template-columns:1fr;gap:2.7rem}.course-card{padding-top:3.2rem}.course-card:hover{transform:none}.course-card-logo-wrap{top:-1.4rem}.course-logo-card{width:7.1rem;height:4.6rem}.course-detail{padding-top:.3rem}.course-detail-top{grid-template-columns:1fr;gap:.7rem;padding:.75rem}.course-detail-cover{aspect-ratio:16/10}.course-detail-meta{padding:.65rem}.course-detail-meta h1{font-size:1.8rem;margin:.65rem 0 .85rem}.course-section-tabs{display:flex;overflow:auto;scrollbar-width:none}.course-section-tabs::-webkit-scrollbar{display:none}.course-section-tabs button{min-width:10.2rem;border-right:1px solid #e7edf6}.course-learning-layout{grid-template-columns:1fr}.course-lesson-nav{position:relative;top:auto}.course-lesson-group.on{display:flex;overflow:auto;gap:.35rem}.course-lesson-link{min-width:13.5rem}.course-lesson-panel{padding:1rem}.course-lesson-head h2{font-size:1.25rem}.course-article-body{font-size:1rem;line-height:1.8}.course-long-image{margin-left:-.15rem;margin-right:-.15rem}.course-download-head{display:block}.course-download-head p{margin-top:.4rem}.course-download-grid{grid-template-columns:1fr}.course-download-row{grid-template-columns:1fr}.course-admin-next{flex-direction:column}.course-download-row [data-remove-course-download]{width:100%}}
@media (max-width:575.98px){.course-category-tab b{font-size:.76rem}.course-category-tab img,.course-category-letter,.course-category-all{width:1.2rem;height:1.2rem}.course-search span{display:none}.course-card{border-radius:1rem}.course-detail-stats{gap:.65rem}.course-detail-cover{border-radius:.85rem}.course-section-tabs{border-radius:.8rem}.course-download-panel{padding:.85rem}}

/* V3.11.0 — 项目教程库后台开发图式总览 */
.course-admin-overview{display:grid;gap:1rem}.course-admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.course-admin-stat{min-height:6.2rem;padding:1rem 1.1rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.04);display:flex;flex-direction:column;justify-content:center}.course-admin-stat strong{font-size:1.65rem;line-height:1;color:#1e293b}.course-admin-stat span{margin-top:.55rem;color:#64748b;font-size:.78rem}.course-admin-framework{padding:1.2rem!important}.course-admin-framework-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.15rem .1rem 1rem}.course-admin-framework-head span{color:#ff6b35;font-size:.68rem;font-weight:800;letter-spacing:.12em}.course-admin-framework-head h2{margin:.25rem 0 .3rem;font-size:1.05rem}.course-admin-framework-head p{margin:0;color:#64748b;font-size:.78rem}.course-admin-cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.course-admin-cap{min-height:10rem;padding:1rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#1e293b;text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;transition:.2s ease}.course-admin-cap:hover{transform:translateY(-2px);border-color:#fdba9d;box-shadow:0 8px 22px rgba(15,23,42,.07)}.course-admin-cap>i{width:2.25rem;height:2.25rem;border-radius:.7rem;background:#fff1eb;color:#ff6b35;display:grid;place-items:center;font-style:normal;font-weight:800}.course-admin-cap small{color:#ff6b35;font-size:.67rem;font-weight:800}.course-admin-cap b{display:block;margin:.18rem 0 .35rem;font-size:.88rem}.course-admin-cap p{margin:0;color:#718096;font-size:.72rem;line-height:1.65}.course-admin-cap>span{color:#94a3b8}.course-admin-flow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem!important}.course-admin-flow small{color:#94a3b8}.course-admin-flow h2{margin:.2rem 0 0;font-size:.9rem}.course-admin-flow-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.course-admin-flow-actions a{min-height:2.25rem;padding:0 .72rem;border:1px solid #e2e8f0;border-radius:.65rem;display:inline-flex;align-items:center;background:#f8fafc;color:#475569;font-size:.72rem;font-weight:700;text-decoration:none}.course-admin-flow-actions a:hover{border-color:#ffb394;color:#ff6b35;background:#fff8f5}@media(max-width:1100px){.course-admin-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.course-admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-admin-cap-grid{grid-template-columns:1fr}.course-admin-flow,.course-admin-framework-head{align-items:stretch;flex-direction:column}.course-admin-flow-actions{justify-content:flex-start}}

/* =========================================================
   V3.11.1 · 后台无刷新菜单切换
   ========================================================= */
.admin-route-progress{position:fixed;left:248px;right:0;top:0;height:2px;z-index:9999;pointer-events:none;opacity:0;overflow:hidden;background:transparent;transition:opacity .16s ease}.admin-route-progress::after{content:"";position:absolute;inset:0 auto 0 0;width:28%;transform:translateX(-120%);background:linear-gradient(90deg,transparent,#ff6b35 34%,#ff9a73 70%,transparent);border-radius:999px}.admin-route-progress.is-loading{opacity:1}.admin-route-progress.is-loading::after{animation:qzpAdminRoute 1s ease-in-out infinite}.admin-route-loading .admin-main{opacity:.72;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.admin-main{transition:opacity .16s ease,transform .16s ease}.admin-nav-group-items a[data-admin-route]{position:relative}.admin-nav-group-items a[data-admin-route].active::after{content:"";position:absolute;right:8px;width:5px;height:5px;border-radius:50%;background:#ff6b35;box-shadow:0 0 0 4px rgba(255,107,53,.12)}@keyframes qzpAdminRoute{0%{transform:translateX(-120%)}60%{transform:translateX(280%)}100%{transform:translateX(420%)}}@media(max-width:991.98px){.admin-route-progress{left:216px}}@media(max-width:767.98px){.admin-route-progress{left:0}}

/* =========================================================
   V3.12.0 · 课程学习链路优化
   课程详情只展示目录；课时内容进入独立学习页
   ========================================================= */
.course-detail-cover{aspect-ratio:16/10}
.course-directory{margin-top:1.2rem;border:1px solid #e2e8f2;border-radius:1.15rem;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05);overflow:hidden}
.course-directory-head{min-height:4.8rem;padding:1rem 1.15rem;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(180deg,#fff,#fbfdff)}
.course-directory-head>div{display:grid;gap:.1rem}.course-directory-head small{font-size:.64rem;font-weight:850;letter-spacing:.12em;color:var(--course-accent,#2563eb)}.course-directory-head h2{margin:0;color:#0f172a;font-size:1.12rem}.course-directory-head>span{font-size:.72rem;color:#94a3b8;white-space:nowrap}
.course-directory-panel{display:grid;gap:.72rem;padding:.85rem}.course-directory-panel[hidden]{display:none!important}.course-directory-section-note{display:flex;align-items:baseline;gap:.6rem;padding:.2rem .2rem .45rem}.course-directory-section-note b{font-size:.86rem;color:#334155}.course-directory-section-note span{font-size:.72rem;color:#94a3b8}
.course-directory-card{display:grid;grid-template-columns:10.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-width:0;padding:.75rem;border:1px solid #e8edf5;border-radius:.9rem;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.course-directory-card:hover{border-color:color-mix(in srgb,var(--course-accent,#2563eb) 30%,#dbe4f0);box-shadow:0 9px 24px rgba(30,64,120,.07);transform:translateY(-1px)}
.course-directory-thumb{position:relative;display:block;aspect-ratio:16/10;border-radius:.72rem;overflow:hidden;background:#eef4ff;text-decoration:none}.course-directory-thumb img{width:100%;height:100%;display:block;object-fit:cover}.course-directory-thumb>span{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:.25rem;background:linear-gradient(145deg,#eaf1ff,#f8fbff);color:var(--course-accent,#2563eb)}.course-directory-thumb>span i{font-style:normal;font-size:1.2rem}.course-directory-thumb>span b{font-size:.72rem}.course-directory-thumb em{position:absolute;left:.45rem;top:.45rem;min-width:1.65rem;height:1.35rem;padding:0 .35rem;border-radius:.4rem;display:grid;place-items:center;background:rgba(15,23,42,.72);color:#fff;font-size:.62rem;font-style:normal;font-weight:800;backdrop-filter:blur(8px)}
.course-directory-info{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.course-directory-kicker{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.course-directory-kicker span{font-size:.67rem;font-weight:850;color:var(--course-accent,#2563eb)}.course-directory-kicker i{font-size:.64rem;color:#94a3b8;font-style:normal}.course-directory-info h3{margin:.28rem 0 .4rem;font-size:1rem;line-height:1.4}.course-directory-info h3 a{color:#172033;text-decoration:none}.course-directory-info h3 a:hover{color:var(--course-accent,#2563eb)}.course-directory-info p{margin:0;color:#64748b;font-size:.72rem;line-height:1.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-directory-info p span{color:#a0a9b8;margin-right:.35rem}.course-directory-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.45rem}.course-directory-tags span{padding:.2rem .38rem;border-radius:.38rem;background:#f5f7fb;color:#7c8799;font-size:.61rem}
.course-study-btn{min-width:6.4rem;min-height:2.55rem;padding:0 .85rem;border-radius:999px;background:linear-gradient(135deg,var(--course-accent,#2563eb),color-mix(in srgb,var(--course-accent,#2563eb) 78%,#7fb3ff));color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.2rem;font-size:.77rem;font-weight:850;box-shadow:0 7px 16px color-mix(in srgb,var(--course-accent,#2563eb) 18%,transparent);white-space:nowrap}.course-study-btn svg{width:.9rem;fill:none;stroke:currentColor;stroke-width:2}.course-study-btn:hover{filter:brightness(.97);transform:translateY(-1px)}
.course-directory-empty{text-align:center;padding:3.5rem 1rem;color:#94a3b8}.course-directory-empty>span{font-size:1.7rem;color:#c4cfde}.course-directory-empty h3{margin:.55rem 0 .3rem;color:#475569}.course-directory-empty p{margin:0;font-size:.8rem}

/* 独立课时学习页 */
.course-study-page{padding:1.2rem 0 5rem}.course-study-hero{border:1px solid #e2e8f2;border-radius:1.25rem;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 14px 36px rgba(37,68,120,.07);overflow:hidden}.course-study-back{min-height:3rem;padding:0 1.15rem;border-bottom:1px solid #edf1f6;display:inline-flex;align-items:center;gap:.35rem;color:#64748b;text-decoration:none;font-size:.76rem;font-weight:750}.course-study-back:hover{color:var(--course-accent,#2563eb)}.course-study-back svg{width:1rem;fill:none;stroke:currentColor;stroke-width:2}
.course-study-hero-grid{display:grid;grid-template-columns:minmax(16rem,25rem) minmax(0,1fr);gap:1.5rem;align-items:center;padding:1rem}.course-study-cover{position:relative;aspect-ratio:16/10;border-radius:1rem;overflow:hidden;background:#eef4ff}.course-study-cover>img{width:100%;height:100%;object-fit:cover;display:block}.course-study-type{position:absolute;left:.65rem;bottom:.65rem;padding:.35rem .55rem;border-radius:.45rem;background:rgba(255,255,255,.93);color:var(--course-accent,#2563eb);font-size:.66rem;font-weight:850;box-shadow:0 4px 12px rgba(15,23,42,.08)}
.course-study-intro{padding:.7rem .5rem}.course-study-eyebrow{font-size:.72rem;color:var(--course-accent,#2563eb);font-weight:850}.course-study-intro h1{margin:.45rem 0 .75rem;color:#0f172a;font-size:clamp(1.65rem,2.6vw,2.65rem);line-height:1.2;letter-spacing:-.03em}.course-study-byline{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;color:#7c8799;font-size:.76rem}.course-study-byline a{padding:.28rem .48rem;border-radius:.4rem;background:color-mix(in srgb,var(--course-accent,#2563eb) 9%,#fff);color:var(--course-accent,#2563eb);text-decoration:none;font-weight:750}.course-study-progress{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.course-study-progress span{padding:.3rem .5rem;border-radius:.45rem;background:#f6f8fb;color:#64748b;font-size:.68rem}
.course-study-content{margin-top:1rem;border:1px solid #e2e8f2;border-radius:1.15rem;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045);overflow:hidden}.course-study-content-head{min-height:4.7rem;padding:.85rem 1.1rem;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;gap:1rem}.course-study-content-head>div{display:grid;gap:.08rem}.course-study-content-head small{font-size:.62rem;font-weight:850;letter-spacing:.11em;color:var(--course-accent,#2563eb)}.course-study-content-head h2{margin:0;font-size:1.06rem;color:#0f172a}.course-copy-content{min-height:2.35rem;padding:0 .75rem;border:0;border-radius:999px;background:#ff5267;color:#fff;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;font:inherit;font-size:.73rem;font-weight:850;box-shadow:0 6px 14px rgba(255,82,103,.18)}.course-copy-content svg{width:.9rem;fill:none;stroke:currentColor;stroke-width:1.9}.course-study-body{padding:0 1.2rem 1.35rem}.course-study-body>.course-video-shell{margin:1.2rem auto 0;max-width:58rem}.course-study-body .course-article-body{max-width:58rem}.course-study-body .course-long-image{max-width:58rem}
.course-study-pager{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:stretch;margin-top:1rem}.course-study-pager>a:not(.course-study-directory-link),.course-study-pager>span{min-width:0;padding:.8rem 1rem;border:1px solid #e2e8f0;border-radius:.85rem;background:#fff;text-decoration:none;display:grid;gap:.2rem}.course-study-pager small{font-size:.64rem;color:#94a3b8}.course-study-pager b{font-size:.78rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-study-pager .is-next{text-align:right}.course-study-pager>a:not(.course-study-directory-link):hover{border-color:color-mix(in srgb,var(--course-accent,#2563eb) 30%,#e2e8f0);box-shadow:0 6px 16px rgba(15,23,42,.05)}.course-study-pager .is-disabled{opacity:.58}.course-study-directory-link{padding:0 1rem;border-radius:.85rem;background:var(--course-accent,#2563eb);color:#fff;text-decoration:none;display:grid;place-items:center;font-size:.72rem;font-weight:850}

@media(max-width:991.98px){
  .course-directory-card{grid-template-columns:9rem minmax(0,1fr) auto}.course-study-hero-grid{grid-template-columns:minmax(14rem,20rem) minmax(0,1fr)}
}
@media(max-width:767.98px){
  .course-detail-top{align-items:stretch}.course-detail-cover{aspect-ratio:16/9}.course-detail-meta h1{font-size:1.65rem}.course-detail-summary{font-size:.82rem}.course-type-switches span{min-height:2.1rem;padding:0 .65rem;font-size:.7rem}
  .course-directory{margin-top:.85rem;border-radius:.9rem}.course-directory-head{min-height:4rem;padding:.8rem .9rem}.course-directory-panel{padding:.65rem;gap:.6rem}.course-directory-card{grid-template-columns:7.3rem minmax(0,1fr) auto;gap:.7rem;padding:.58rem}.course-directory-info h3{font-size:.9rem;margin:.2rem 0 .28rem}.course-directory-tags{display:none}.course-directory-info p{font-size:.66rem}.course-study-btn{min-width:5.5rem;min-height:2.25rem;padding:0 .65rem;font-size:.7rem}.course-directory-thumb em{left:.35rem;top:.35rem}
  .course-study-page{padding-top:.35rem}.course-study-hero{border-radius:.95rem}.course-study-back{min-height:2.7rem;padding:0 .8rem}.course-study-hero-grid{grid-template-columns:1fr;gap:.65rem;padding:.7rem}.course-study-cover{aspect-ratio:16/9;border-radius:.78rem}.course-study-intro{padding:.35rem .25rem .55rem}.course-study-intro h1{font-size:1.45rem;margin:.35rem 0 .55rem}.course-study-content{border-radius:.9rem}.course-study-content-head{min-height:4rem;padding:.75rem .85rem}.course-study-body{padding:0 .8rem 1rem}.course-study-body .course-article-body{font-size:.96rem;line-height:1.82}.course-study-pager{grid-template-columns:1fr 1fr}.course-study-directory-link{grid-column:1/-1;grid-row:1;min-height:2.6rem}.course-study-pager>a:not(.course-study-directory-link),.course-study-pager>span{grid-row:2;padding:.7rem .75rem}
}
@media(max-width:430px){
  .course-directory-card{grid-template-columns:6.2rem minmax(0,1fr);gap:.58rem}.course-directory-thumb{align-self:start}.course-study-btn{grid-column:2;justify-self:end;min-width:5.25rem;margin-top:-.1rem}.course-directory-kicker i{display:none}.course-directory-info h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.course-directory-info p{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.course-directory-section-note{display:grid;gap:.1rem}.course-copy-content{padding:0 .65rem}.course-study-content-head h2{font-size:.98rem}
}


/* =========================================================
   V3.12.1 · MOBILE FOOTER CLEANUP / COURSE FOCUS MODE
   - 手机页脚仅保留品牌、联系方式和版权重点信息
   - 课程相关页面由 PHP 直接跳过站点页脚
   ========================================================= */
@media (max-width:767.98px){
  /* 手机页脚去掉重复导航与装饰信息，底部快捷导航已承担主要导航职责 */
  .site-footer-shell{
    border-radius:22px 22px 0 0!important;
  }
  .site-footer-shell .footer{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:22px 0 12px!important;
  }
  .site-footer-shell .footer-brand{
    padding:0 2px 14px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .footer-brand-top{justify-content:flex-start!important}
  .site-footer-shell .footer-brand .brand{
    max-width:100%!important;
    font-size:16px!important;
  }
  .footer-mobile-badge,
  .footer-mobile-tags,
  .site-footer-shell .footer-brand>small,
  .site-footer-shell .footer-services,
  .site-footer-shell .footer-about{
    display:none!important;
  }
  .site-footer-shell .footer-brand p{
    margin:10px 0 0!important;
    color:#c7d0d6!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.55!important;
  }
  .site-footer-shell .footer-contact{
    grid-column:1/-1!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  .site-footer-shell .footer-contact .footer-group-title{
    margin:0 0 8px!important;
  }
  .site-footer-shell .footer-contact .footer-group-title .footer-group-icon{
    display:none!important;
  }
  .site-footer-shell .footer-contact .footer-group-title b{
    font-size:11px!important;
    color:#8f9ca5!important;
  }
  .footer-contact-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .footer-contact-item{
    grid-template-columns:30px minmax(0,1fr)!important;
    min-height:48px!important;
    padding:7px 9px!important;
    gap:8px!important;
    border-radius:12px!important;
  }
  .footer-contact-icon{
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }
  .footer-contact-copy small{font-size:9px!important}
  .footer-contact-copy strong{font-size:10px!important}
  .footer-contact-arrow{display:none!important}
  .site-footer-shell .copyright{
    gap:3px!important;
    padding:12px 2px 2px!important;
    font-size:9px!important;
  }
  .site-footer-shell .copyright .footer-live{display:none!important}
}

@media (max-width:430px){
  .footer-contact-list{grid-template-columns:1fr!important}
}


/* =========================================================
   V3.12.2 · MOBILE FOOTER COMPACT CARD
   - 手机端 Footer 不再铺满整块屏幕，而是收敛为独立信息卡片
   - 只保留品牌、客服联系方式、版权信息
   - 给固定底部导航预留安全区，但不制造大面积深色背景
   ========================================================= */
@media (max-width:767.98px){
  body:not(.admin-body):not(.auth-page) .site-footer-shell{
    width:100%!important;
    margin:10px 0 0!important;
    padding:0 0 calc(82px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body:not(.admin-body):not(.auth-page) .site-footer-shell:before,
  body:not(.admin-body):not(.auth-page) .site-footer-shell:after{
    display:none!important;
  }
  .site-footer-shell .site-footer-inner{
    width:calc(100% - 24px)!important;
    max-width:520px!important;
    margin:0 auto!important;
    padding:14px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:17px!important;
    background:#182431!important;
    box-shadow:0 8px 24px rgba(24,36,49,.10)!important;
    overflow:hidden!important;
  }
  .site-footer-shell .footer{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  .site-footer-shell .footer-brand{
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  .site-footer-shell .footer-brand-top{
    display:flex!important;
    align-items:center!important;
    min-height:30px!important;
    gap:8px!important;
  }
  .site-footer-shell .footer-brand .brand{
    display:inline-flex!important;
    align-items:center!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:-.01em!important;
  }
  .site-footer-shell .footer-brand .brand-mark{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    margin-right:0!important;
  }
  .site-footer-shell .footer-brand .brand>span:last-child{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .site-footer-shell .footer-brand p,
  .site-footer-shell .footer-brand>small,
  .footer-mobile-badge,
  .footer-mobile-tags,
  .site-footer-shell .footer-services,
  .site-footer-shell .footer-about,
  .site-footer-shell .footer-contact .footer-group-title,
  .site-footer-shell .copyright .footer-live{
    display:none!important;
  }
  .site-footer-shell .footer-contact{
    display:block!important;
    margin:10px 0 0!important;
    padding:9px 0 0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .site-footer-shell .footer-contact-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
  }
  .site-footer-shell .footer-contact-item{
    display:grid!important;
    grid-template-columns:25px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    min-height:38px!important;
    padding:5px 7px!important;
    border:1px solid rgba(255,255,255,.06)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .site-footer-shell .footer-contact-icon{
    display:grid!important;
    place-items:center!important;
    width:25px!important;
    height:25px!important;
    border-radius:8px!important;
    background:#ff7548!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:9px!important;
  }
  .site-footer-shell .footer-contact-copy{
    display:block!important;
    min-width:0!important;
  }
  .site-footer-shell .footer-contact-copy small{
    display:none!important;
  }
  .site-footer-shell .footer-contact-copy strong{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#dce3e7!important;
    font-size:9px!important;
    font-weight:600!important;
    line-height:1.2!important;
  }
  .site-footer-shell .footer-contact-arrow{display:none!important}
  .site-footer-shell .copyright{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px 8px!important;
    margin:9px 0 0!important;
    padding:8px 0 0!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
    color:#71808a!important;
    font-size:8.5px!important;
    line-height:1.35!important;
  }
  .site-footer-shell .copyright>span{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media (max-width:359.98px){
  .site-footer-shell .site-footer-inner{
    width:calc(100% - 18px)!important;
    padding:12px!important;
  }
  .site-footer-shell .footer-contact-list{
    grid-template-columns:1fr!important;
  }
  .site-footer-shell .footer-contact-item{
    min-height:36px!important;
  }
}

/* =========================================================
   V3.12.3 · PEACH THREE-STEP FLOW + COMPACT DIRECTORY FOOTER
   - 接单流程按参考图重做为浅橙双层卡片
   - 页脚改为轻量目录 + 联系方式 + 深色底栏，降低页面占比
   ========================================================= */
.page-home .process-band.process-band-peach{
  position:relative!important;
  display:block!important;
  margin:clamp(24px,3vw,40px) 0 var(--section-spacing)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #f7ded3!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#202936!important;
  box-shadow:0 8px 24px rgba(177,93,54,.06)!important;
}
.page-home .process-band-peach .process-head{
  position:relative;
  min-height:154px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:28px 34px 34px;
  background:
    radial-gradient(circle at 87% 16%,rgba(255,255,255,.96) 0 3px,transparent 4px),
    radial-gradient(circle at 94% 31%,rgba(255,178,139,.35) 0 2px,transparent 3px),
    linear-gradient(118deg,#fffaf7 0%,#fff5ef 54%,#fff1e8 100%);
}
.page-home .process-band-peach .process-head:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:18px;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.72));
  pointer-events:none;
}
.page-home .process-band-peach .process-intro{position:relative;z-index:2;min-width:0}
.page-home .process-band-peach .process-kicker{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  width:max-content;
  min-height:26px;
  padding:0 10px;
  margin:0 0 11px!important;
  border-radius:999px;
  background:#fff0e8;
  color:#ff6b3d!important;
  font-size:12px!important;
  font-weight:750;
  line-height:1;
}
.page-home .process-band-peach .process-kicker i{font-style:normal;font-size:12px;color:#ff7a4d}
.page-home .process-band-peach .process-intro h2{
  margin:0 0 8px!important;
  color:#1f2b37!important;
  font-size:clamp(30px,3.5vw,44px)!important;
  font-weight:850!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
.page-home .process-band-peach .process-intro p{
  margin:0!important;
  color:#6f7883!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.page-home .process-illustration{
  position:relative;
  width:146px;
  height:110px;
  flex:0 0 146px;
  margin-right:10px;
  transform:rotate(2deg);
}
.page-home .process-clipboard{
  position:absolute;
  left:24px;top:12px;
  width:82px;height:92px;
  padding:31px 16px 12px;
  border-radius:16px;
  border:1px solid #ffdcca;
  background:linear-gradient(160deg,#fff 0%,#fff8f3 100%);
  box-shadow:0 12px 26px rgba(236,111,56,.12),inset 0 0 0 5px rgba(255,244,237,.7);
}
.page-home .process-clipboard .process-clip{
  position:absolute;left:50%;top:-8px;transform:translateX(-50%);
  width:34px;height:21px;border-radius:9px 9px 6px 6px;background:#ff7b45;
  box-shadow:0 5px 12px rgba(255,117,67,.18);
}
.page-home .process-clipboard .process-clip:before{content:"";position:absolute;left:50%;top:5px;transform:translateX(-50%);width:8px;height:5px;border-radius:5px;background:#fff1e8}
.page-home .process-clipboard>span{position:relative;display:block;height:12px;margin-bottom:8px;border-bottom:2px solid #ffc6aa}
.page-home .process-clipboard>span:before{content:"✓";position:absolute;left:-1px;bottom:-4px;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#fff0e7;color:#ff7340;font-size:9px;font-weight:900}
.page-home .process-clipboard>span:after{content:"";position:absolute;left:21px;right:0;bottom:2px;height:2px;border-radius:2px;background:#ffd5c1}
.page-home .process-star{
  position:absolute;right:7px;bottom:2px;display:grid;place-items:center;width:42px;height:42px;border:5px solid #fff;border-radius:50%;background:linear-gradient(145deg,#ff9a63,#ff6f39);color:#fff;font-size:19px;box-shadow:0 8px 18px rgba(255,111,57,.22)
}
.page-home .process-spark{position:absolute;font-style:normal;color:#ffbc98}.page-home .process-spark.spark-a{right:2px;top:5px;font-size:16px}.page-home .process-spark.spark-b{left:11px;bottom:21px;font-size:28px;color:#ffd8c5}
.page-home .process-band-peach ol{
  position:relative;
  z-index:3;
  list-style:none!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:-12px 0 0!important;
  padding:22px 18px 20px!important;
  border-top:1px solid #fae7de!important;
  border-radius:18px 18px 0 0!important;
  background:rgba(255,255,255,.97)!important;
}
.page-home .process-band-peach ol li{
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0;
  padding:0 22px!important;
  border:0!important;
  text-align:center;
}
.page-home .process-band-peach ol li:not(:last-child):after{
  content:"›";
  position:absolute;
  right:-3px;top:16px;
  color:#efc6b2;
  font-size:26px;
  font-weight:300;
  line-height:1;
}
.page-home .process-band-peach ol em{
  display:grid!important;
  place-items:center;
  width:45px;height:45px;
  margin:0!important;
  border-radius:50%;
  background:#fff4ee;
  color:#ff6d3d!important;
  font-size:14px!important;
  font-weight:800!important;
  font-style:normal!important;
}
.page-home .process-band-peach ol li div{display:grid!important;gap:3px!important;min-width:0}
.page-home .process-band-peach ol b{color:#26313d!important;font-size:14px!important;font-weight:760!important;line-height:1.35!important}
.page-home .process-band-peach ol span{margin:0!important;color:#77818c!important;font-size:11px!important;line-height:1.45!important}

/* compact footer inspired by the reference: light directory area + thin dark legal bar */
body:not(.admin-body):not(.auth-page) .site-footer-shell.site-footer-compact{
  width:100%!important;
  margin:18px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#f2f3f8!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body:not(.admin-body):not(.auth-page) .site-footer-shell.site-footer-compact:before,
body:not(.admin-body):not(.auth-page) .site-footer-shell.site-footer-compact:after{display:none!important}
.site-footer-compact .site-footer-inner{
  max-width:1220px!important;
  margin:0 auto!important;
  padding:24px 24px 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.site-footer-compact .footer-directory{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:36px!important;
  margin:0!important;
  padding:0 0 18px!important;
  border:0!important;
  border-bottom:1px solid #dde0e7!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-footer-compact .footer-mini-column{display:block!important;min-width:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.site-footer-compact .footer-mini-column>b{display:block;margin:0 0 10px!important;color:#232b3a!important;font-size:13px!important;font-weight:800!important;letter-spacing:.03em!important}
.site-footer-compact .footer-mini-links{display:flex!important;flex-wrap:wrap!important;gap:6px 18px!important}
.site-footer-compact .footer-mini-links a{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:0!important;border:0!important;color:#70798a!important;font-size:11px!important;line-height:1.35!important;white-space:nowrap!important;transform:none!important}
.site-footer-compact .footer-mini-links a:after{display:none!important}
.site-footer-compact .footer-mini-links a:hover{color:#ff6438!important;transform:none!important}
.site-footer-compact .footer-identity-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:14px 0 0;
}
.site-footer-compact .footer-compact-brand{display:flex;align-items:center;gap:9px;min-width:0;color:#27303e!important;transform:none!important}
.site-footer-compact .footer-compact-brand .brand-mark{width:28px!important;height:28px!important;flex:0 0 28px!important}
.site-footer-compact .footer-compact-brand>span{display:grid;gap:0;min-width:0}
.site-footer-compact .footer-compact-brand b{margin:0!important;color:#27303e!important;font-size:13px!important;line-height:1.25!important}
.site-footer-compact .footer-compact-brand small{color:#8b93a1!important;font-size:10px!important;line-height:1.4!important}
.site-footer-compact .footer-compact-contact{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0}
.site-footer-compact .footer-compact-contact a{display:grid;gap:1px;min-width:0;color:#4c5665!important;transform:none!important}
.site-footer-compact .footer-compact-contact small{color:#949cab!important;font-size:9px!important;line-height:1.25!important}
.site-footer-compact .footer-compact-contact strong{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3f4856!important;font-size:11px!important;font-weight:650!important;line-height:1.35!important}
.site-footer-compact .footer-bottom-bar{background:#3d3d4f!important;color:#fff!important}
.site-footer-compact .footer-bottom-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:10px!important;padding-bottom:10px!important}
.site-footer-compact .footer-bottom-inner nav{display:flex;align-items:center;gap:0}
.site-footer-compact .footer-bottom-inner nav a{position:relative;display:inline-flex;align-items:center;min-height:28px;padding:0 22px;color:#fff!important;font-size:11px!important;font-weight:550!important}
.site-footer-compact .footer-bottom-inner nav a:first-child{padding-left:0}.site-footer-compact .footer-bottom-inner nav a:not(:last-child):after{content:"";position:absolute;right:0;width:1px;height:14px;background:rgba(255,255,255,.22)}
.site-footer-compact .footer-bottom-inner p{margin:0!important;color:#cfd1db!important;font-size:9px!important;line-height:1.4!important;text-align:right}

@media(max-width:767.98px){
  .page-home .process-band.process-band-peach{margin:18px 0 32px!important;border-radius:16px!important}
  .page-home .process-band-peach .process-head{min-height:133px;padding:18px 18px 27px;gap:10px}
  .page-home .process-band-peach .process-kicker{min-height:22px;padding:0 8px;margin-bottom:8px!important;font-size:10px!important}
  .page-home .process-band-peach .process-intro h2{font-size:27px!important;margin-bottom:7px!important;letter-spacing:-.04em!important}
  .page-home .process-band-peach .process-intro p{font-size:11px!important}
  .page-home .process-illustration{width:104px;height:88px;flex-basis:104px;margin-right:0}
  .page-home .process-clipboard{left:18px;top:11px;width:60px;height:70px;padding:24px 10px 8px;border-radius:13px}
  .page-home .process-clipboard .process-clip{width:28px;height:17px;top:-7px}
  .page-home .process-clipboard>span{height:8px;margin-bottom:6px}.page-home .process-clipboard>span:before{width:11px;height:11px;font-size:7px;bottom:-3px}.page-home .process-clipboard>span:after{left:16px;bottom:1px}
  .page-home .process-star{width:34px;height:34px;right:0;bottom:0;border-width:4px;font-size:15px}.page-home .process-spark.spark-a{font-size:12px}.page-home .process-spark.spark-b{left:4px;font-size:20px}
  .page-home .process-band-peach ol{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:-10px 0 0!important;padding:17px 6px 15px!important;border-radius:15px 15px 0 0!important}
  .page-home .process-band-peach ol li{padding:0 6px!important;gap:6px!important}
  .page-home .process-band-peach ol li:not(:last-child):after{top:13px;right:-4px;font-size:21px}
  .page-home .process-band-peach ol em{width:38px;height:38px;font-size:12px!important}
  .page-home .process-band-peach ol b{font-size:10.5px!important;line-height:1.32!important;white-space:normal!important}
  .page-home .process-band-peach ol span{font-size:8.5px!important;line-height:1.4!important}

  body:not(.admin-body):not(.auth-page) .site-footer-shell.site-footer-compact{
    margin:8px 0 0!important;
    padding:0 0 calc(72px + env(safe-area-inset-bottom))!important;
    background:#f2f3f8!important;
  }
  .site-footer-compact .site-footer-inner{width:100%!important;max-width:none!important;padding:16px 14px 12px!important}
  .site-footer-compact .footer-directory{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:0 0 12px!important}
  .site-footer-compact .footer-mini-column>b{margin-bottom:6px!important;font-size:11px!important}
  .site-footer-compact .footer-mini-links{display:grid!important;gap:2px!important}
  .site-footer-compact .footer-mini-links a{min-height:20px!important;font-size:9px!important;white-space:normal!important}
  .site-footer-compact .footer-mini-links a:nth-child(n+3){display:none!important}
  .site-footer-compact .footer-identity-row{padding-top:10px;gap:10px;align-items:flex-start}
  .site-footer-compact .footer-compact-brand{gap:7px;max-width:46%}
  .site-footer-compact .footer-compact-brand .brand-mark{width:24px!important;height:24px!important;flex-basis:24px!important}
  .site-footer-compact .footer-compact-brand b{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .site-footer-compact .footer-compact-brand small{display:none!important}
  .site-footer-compact .footer-compact-contact{flex:1;gap:10px;justify-content:flex-end}
  .site-footer-compact .footer-compact-contact small{font-size:7.5px!important}.site-footer-compact .footer-compact-contact strong{max-width:120px;font-size:8.5px!important}
  .site-footer-compact .footer-bottom-inner{min-height:44px;display:block!important;padding:7px 14px!important}
  .site-footer-compact .footer-bottom-inner nav{justify-content:center;margin-bottom:4px}.site-footer-compact .footer-bottom-inner nav a{min-height:20px;padding:0 15px;font-size:9px!important}
  .site-footer-compact .footer-bottom-inner p{font-size:7.5px!important;text-align:center!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

@media(max-width:380px){
  .page-home .process-band-peach .process-head{padding-left:14px;padding-right:12px}
  .page-home .process-band-peach .process-intro h2{font-size:25px!important}
  .page-home .process-illustration{width:92px;flex-basis:92px;transform:scale(.94) rotate(2deg);transform-origin:right center}
  .site-footer-compact .footer-compact-brand{max-width:40%}.site-footer-compact .footer-compact-contact{gap:7px}.site-footer-compact .footer-compact-contact strong{max-width:104px;font-size:8px!important}
}


/* ========================================================================
   V3.12.4 · MOBILE HOME HOT TASKS — FIXED 3-COLUMN RESPONSIVE GRID
   今日热门任务：手机端始终三列。卡片在窄屏下只保留封面 / 平台 / 标题 / 收益 / 接单，
   减少冗余信息，确保 320px+ 屏幕也能稳定自适应，不影响任务大厅列表。
   ======================================================================== */
@media (max-width:767.98px){
  .page-home .home-task-spotlight .home-task-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .page-home .home-task-spotlight .home-task-grid>.task-card{
    min-width:0!important;
    padding:8px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .page-home .home-task-spotlight .task-card-main-link{min-width:0!important}
  .page-home .home-task-spotlight .task-card-top{margin:0 0 6px!important;min-width:0!important}
  .page-home .home-task-spotlight .task-cover{
    width:100%!important;
    aspect-ratio:1.35/1!important;
    margin:0 0 6px!important;
    border-radius:8px!important;
  }
  .page-home .home-task-spotlight .task-quick{
    min-width:0!important;
    margin:0!important;
    gap:3px!important;
  }
  .page-home .home-task-spotlight .task-quick span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8px!important;
    line-height:1.25!important;
  }
  .page-home .home-task-spotlight .task-quick small{display:none!important}
  .page-home .home-task-spotlight .task-card h3{
    display:-webkit-box!important;
    min-height:30px!important;
    margin:5px 0 0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:11px!important;
    line-height:1.38!important;
    letter-spacing:-.02em!important;
  }
  .page-home .home-task-spotlight .task-card p,
  .page-home .home-task-spotlight .task-card .meta{display:none!important}
  .page-home .home-task-spotlight .task-bottom{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin-top:8px!important;
    padding-top:7px!important;
    border-top:1px solid #f0f1f3!important;
  }
  .page-home .home-task-spotlight .task-price-block{
    display:flex!important;
    min-width:0!important;
    align-items:baseline!important;
    gap:2px!important;
    flex-wrap:nowrap!important;
  }
  .page-home .home-task-spotlight .task-price-block>small{display:none!important}
  .page-home .home-task-spotlight .task-price{
    min-width:0!important;
    white-space:nowrap!important;
  }
  .page-home .home-task-spotlight .task-price .currency{font-size:10px!important}
  .page-home .home-task-spotlight .task-price .major{font-size:18px!important}
  .page-home .home-task-spotlight .task-price .minor{font-size:10px!important}
  .page-home .home-task-spotlight .task-card-state{
    margin-left:auto!important;
    padding:2px 4px!important;
    border-radius:5px!important;
    font-size:7px!important;
    white-space:nowrap!important;
  }
  .page-home .home-task-spotlight .task-detail-btn{
    width:100%!important;
    min-width:0!important;
    height:29px!important;
    min-height:29px!important;
    padding:0 4px!important;
    border-radius:8px!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .page-home .home-task-spotlight .marketing-badge{
    top:5px!important;
    left:5px!important;
    max-width:calc(100% - 10px)!important;
    padding:3px 5px!important;
    border-radius:6px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:7px!important;
  }
}

@media (max-width:380px){
  .page-home .home-task-spotlight .home-task-grid{gap:6px!important}
  .page-home .home-task-spotlight .home-task-grid>.task-card{padding:6px!important;border-radius:10px!important}
  .page-home .home-task-spotlight .task-cover{border-radius:7px!important}
  .page-home .home-task-spotlight .task-card h3{min-height:27px!important;font-size:10px!important;line-height:1.34!important}
  .page-home .home-task-spotlight .task-price .currency{font-size:9px!important}
  .page-home .home-task-spotlight .task-price .major{font-size:16px!important}
  .page-home .home-task-spotlight .task-price .minor{font-size:9px!important}
  .page-home .home-task-spotlight .task-detail-btn{height:27px!important;min-height:27px!important;font-size:8px!important}
}

/* =========================================================
   V3.12.5 · MOBILE TEMPLATE XHS MASONRY + COURSE TAB FILL FIX
   首页“热门模板推荐”手机端仅改变展示：双列小红书式瀑布流；
   保留原有图片/视频、标题、平台、热度、摘要、标签、CTA 与详情链接。
   同时修正课程分类在手机端按钮背景没有完整包住图标和文字的问题。
   ========================================================= */
@media (max-width:767.98px){
  /* 首页热门模板：2 列自然高度瀑布流。 */
  .page-home .template-grid,
  .page-home .home-equal-grid-section .template-grid,
  .page-home .section:has(.template-grid) .template-grid{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    column-count:2!important;
    column-gap:8px!important;
  }
  .page-home .template-grid>.masonry-template-card{
    display:inline-flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0 0 8px!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    vertical-align:top!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .page-home .masonry-template-card .tpl-natural-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    border-radius:10px 10px 0 0!important;
  }
  .page-home .masonry-template-card .tpl-natural-media img,
  .page-home .masonry-template-card .tpl-natural-media video{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .page-home .masonry-template-card .tpl-flow-body{
    padding:9px 9px 10px!important;
    gap:6px!important;
  }
  .page-home .tpl-card-kicker{gap:4px!important;flex-wrap:wrap!important}
  .page-home .semantic-tag{
    min-height:18px!important;
    padding:0 5px!important;
    border-radius:4px!important;
    font-size:8px!important;
    line-height:18px!important;
  }
  .page-home .tpl-title-row{align-items:flex-start!important;gap:4px!important}
  .page-home .tpl-title-row h3,
  .page-home .qzp-template-card h3{
    margin:0!important;
    font-size:13px!important;
    line-height:1.45!important;
    letter-spacing:-.01em!important;
  }
  .page-home .tpl-card-date{flex:0 0 auto!important;font-size:8px!important;line-height:1.5!important}
  .page-home .tpl-metric-line{margin:0!important;gap:3px!important}
  .page-home .tpl-metric-line strong{font-size:16px!important;line-height:1!important}
  .page-home .tpl-metric-line span{font-size:9px!important}
  .page-home .tpl-summary{
    margin:0!important;
    font-size:10px!important;
    line-height:1.55!important;
    -webkit-line-clamp:3!important;
  }
  .page-home .tpl-semantic-tags{gap:4px!important;margin:0!important}
  .page-home .tpl-card-actions{margin-top:1px!important;padding-top:0!important}
  .page-home .tpl-cta{
    width:100%!important;
    min-height:30px!important;
    padding:0 8px!important;
    border-radius:7px!important;
    font-size:10px!important;
  }
  .page-home .media-kind-badge{
    top:6px!important;left:6px!important;
    min-height:20px!important;padding:2px 6px!important;
    font-size:8px!important;
  }
  .page-home .remote-play-hint{width:36px!important;height:36px!important;font-size:12px!important}
  .page-home .tpl-cover-badge{font-size:8px!important;padding:4px 6px!important}

  /* 课程分类：每个分类按钮自身完整包裹 icon + 文案，按内容自适应宽度并横向滚动。 */
  .course-library-tools{overflow:hidden!important}
  .course-category-tabs{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    gap:7px!important;
    margin:0!important;
    padding:2px 0 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .course-category-tab{
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    min-height:40px!important;
    padding:5px 12px!important;
    gap:7px!important;
    border-radius:999px!important;
    overflow:visible!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
  }
  .course-category-tab b{
    display:block!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1!important;
  }
  .course-category-tab img,
  .course-category-letter,
  .course-category-all{
    flex:0 0 20px!important;
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
  }
  .course-category-tab.on{
    background:linear-gradient(135deg,#1d65ff,#397dff)!important;
    background-size:100% 100%!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 7px 16px rgba(37,99,235,.2)!important;
  }
}

@media (max-width:359.98px){
  .page-home .template-grid,
  .page-home .home-equal-grid-section .template-grid,
  .page-home .section:has(.template-grid) .template-grid{column-gap:6px!important}
  .page-home .template-grid>.masonry-template-card{margin-bottom:6px!important}
  .page-home .masonry-template-card .tpl-flow-body{padding:8px!important}
  .page-home .tpl-title-row h3,.page-home .qzp-template-card h3{font-size:12px!important}
  .page-home .tpl-summary{font-size:9px!important}
  .course-category-tab{padding-inline:10px!important;gap:6px!important}
}


/* =========================================================
   V3.12.6 · MOBILE ARTICLE XHS MASONRY
   首页“资讯精选” + 资讯列表页：手机端改为双列小红书式瀑布流。
   仅改变展示，不修改文章内容、分类、搜索、链接或详情功能。
   ========================================================= */
@media (max-width:767.98px){
  /* 首页资讯精选、资讯中心：双列自然高度内容流。 */
  .page-home .article-grid,
  .page-home .home-equal-grid-section .article-grid,
  .page-home .section:has(.article-grid) .article-grid,
  .page-articles .article-grid,
  .page-articles .page-article-grid{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    column-count:2!important;
    column-gap:8px!important;
  }

  .page-home .article-grid>.qzp-article-card,
  .page-articles .article-grid>.qzp-article-card,
  .page-articles .page-article-grid>.qzp-article-card{
    display:inline-flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0 0 10px!important;
    padding:0!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    vertical-align:top!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .page-home .qzp-article-card:hover,
  .page-articles .qzp-article-card:hover{
    transform:none!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }

  /* 使用文章封面自然比例，形成真正的高低错落瀑布流。 */
  .page-home .qzp-article-card .article-cover,
  .page-articles .qzp-article-card .article-cover{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 8px!important;
    aspect-ratio:auto!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#f1f2f4!important;
  }
  .page-home .qzp-article-card .article-cover>img,
  .page-articles .qzp-article-card .article-cover>img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .page-home .qzp-article-card .article-cover-fallback,
  .page-articles .qzp-article-card .article-cover-fallback{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
    padding:12px!important;
    border-radius:9px!important;
  }
  .page-home .qzp-article-card .article-cover-fallback span,
  .page-articles .qzp-article-card .article-cover-fallback span{font-size:8px!important}
  .page-home .qzp-article-card .article-cover-fallback b,
  .page-articles .qzp-article-card .article-cover-fallback b{font-size:15px!important}

  /* 内容区压缩为小红书式信息密度，但原有信息和链接全部保留。 */
  .page-home .qzp-article-card .article-card-body,
  .page-articles .qzp-article-card .article-card-body{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    padding:0 3px 2px!important;
  }
  .page-home .qzp-article-card h3,
  .page-articles .qzp-article-card h3{
    display:-webkit-box!important;
    margin:0 0 5px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;
    color:#20252c!important;
  }
  .page-home .qzp-article-card .article-meta-line,
  .page-articles .qzp-article-card .article-meta-line{
    order:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
    margin:2px 0 0!important;
  }
  .page-home .qzp-article-card .article-meta-line .semantic-tag,
  .page-articles .qzp-article-card .article-meta-line .semantic-tag{
    min-width:0!important;
    max-width:70%!important;
    height:19px!important;
    min-height:19px!important;
    padding:0 5px!important;
    overflow:hidden!important;
    border-radius:5px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8px!important;
    line-height:19px!important;
  }
  .page-home .qzp-article-card .article-meta-line time,
  .page-articles .qzp-article-card .article-meta-line time{
    flex:0 0 auto!important;
    font-size:8px!important;
    color:#9aa0a8!important;
  }
  .page-home .qzp-article-card p,
  .page-articles .qzp-article-card p{
    display:-webkit-box!important;
    order:2!important;
    margin:0 0 4px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:9px!important;
    line-height:1.55!important;
    color:#858b94!important;
  }
  .page-home .qzp-article-card .article-cta,
  .page-articles .qzp-article-card .article-cta{
    order:4!important;
    display:flex!important;
    min-height:25px!important;
    margin-top:6px!important;
    padding:0 7px!important;
    align-items:center!important;
    justify-content:space-between!important;
    border:1px solid #eceef1!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#606873!important;
    font-size:9px!important;
    line-height:1!important;
  }

  /* 资讯中心顶部筛选保持原功能，稍微收紧后给双列内容更多首屏空间。 */
  .page-articles .filterbar{margin-bottom:14px!important}
}

@media (max-width:359.98px){
  .page-home .article-grid,
  .page-home .home-equal-grid-section .article-grid,
  .page-home .section:has(.article-grid) .article-grid,
  .page-articles .article-grid,
  .page-articles .page-article-grid{column-gap:6px!important}

  .page-home .article-grid>.qzp-article-card,
  .page-articles .article-grid>.qzp-article-card,
  .page-articles .page-article-grid>.qzp-article-card{margin-bottom:8px!important}

  .page-home .qzp-article-card h3,
  .page-articles .qzp-article-card h3{font-size:12px!important}
  .page-home .qzp-article-card p,
  .page-articles .qzp-article-card p{font-size:8px!important}
}

/* =========================================================
   V3.12.8 · HOMEPAGE HOVER MOTION & CARD DEPTH
   首页卡片增加桌面鼠标悬停动效：轻抬升、细微缩放、阴影层、封面缩放与箭头反馈。
   仅在支持 hover 的精细指针设备启用，不改变手机端瀑布流与现有业务交互。
   ========================================================= */
@media (hover:hover) and (pointer:fine){
  /* 统一动效曲线，避免突然跳动。 */
  .page-home .category-grid>a,
  .page-home .home-task-spotlight .task-card,
  .page-home .qzp-template-card,
  .page-home .qzp-article-card,
  .page-home .process-band.process-band-peach,
  .page-home .process-band-peach ol li{
    will-change:transform,box-shadow,border-color;
    transition:
      transform .32s cubic-bezier(.2,.72,.22,1),
      box-shadow .32s cubic-bezier(.2,.72,.22,1),
      border-color .25s ease,
      background-color .25s ease!important;
  }

  /* 热门任务类型：整卡轻微放大 + 浮起，并让图标和箭头同步响应。 */
  .page-home .category-grid>a:hover,
  .page-home .category-grid>a:focus-visible{
    transform:translateY(-6px) scale(1.018)!important;
    border-color:rgba(255,112,67,.38)!important;
    background:#fff!important;
    box-shadow:
      0 18px 38px rgba(28,38,52,.12),
      0 5px 14px rgba(255,104,61,.08)!important;
    z-index:2;
  }
  .page-home .category-grid>a i,
  .page-home .category-grid>a img{
    transition:transform .32s cubic-bezier(.2,.72,.22,1),box-shadow .28s ease,filter .28s ease!important;
  }
  .page-home .category-grid>a em{
    transition:transform .28s cubic-bezier(.2,.72,.22,1),color .2s ease!important;
  }
  .page-home .category-grid>a:hover i,
  .page-home .category-grid>a:hover img,
  .page-home .category-grid>a:focus-visible i,
  .page-home .category-grid>a:focus-visible img{
    transform:translateY(-2px) scale(1.09) rotate(-2deg)!important;
    box-shadow:0 8px 18px rgba(255,112,67,.15)!important;
    filter:saturate(1.05);
  }
  .page-home .category-grid>a:hover em,
  .page-home .category-grid>a:focus-visible em{
    transform:translateX(5px)!important;
    color:var(--qzp-orange)!important;
  }

  /* 今日热门任务：加深卡片层次，同时保留“立即接单”原功能。 */
  .page-home .home-task-spotlight .task-card:hover,
  .page-home .home-task-spotlight .task-card:focus-within{
    transform:translateY(-7px) scale(1.012)!important;
    border-color:rgba(255,112,67,.34)!important;
    box-shadow:
      0 22px 46px rgba(28,38,52,.13),
      0 7px 18px rgba(255,104,61,.07)!important;
    z-index:3;
  }
  .page-home .home-task-spotlight .task-cover img{
    transition:transform .52s cubic-bezier(.2,.72,.22,1),filter .35s ease!important;
  }
  .page-home .home-task-spotlight .task-card:hover .task-cover img,
  .page-home .home-task-spotlight .task-card:focus-within .task-cover img{
    transform:scale(1.045)!important;
    filter:saturate(1.05) contrast(1.015);
  }
  .page-home .home-task-spotlight .task-detail-btn{
    transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease!important;
  }
  .page-home .home-task-spotlight .task-detail-btn:hover{
    transform:translateY(-2px) scale(1.015)!important;
    box-shadow:0 9px 20px rgba(255,104,61,.22)!important;
  }

  /* 热门模板推荐：瀑布流卡片整体抬升，封面更明显地轻微放大。 */
  .page-home .template-grid>.qzp-template-card:hover,
  .page-home .template-grid>.qzp-template-card:focus-within{
    transform:translateY(-7px) scale(1.012)!important;
    border-color:rgba(255,112,67,.34)!important;
    box-shadow:
      0 24px 50px rgba(28,38,52,.14),
      0 8px 22px rgba(255,104,61,.07)!important;
    z-index:4;
  }
  .page-home .masonry-template-card .tpl-natural-media img,
  .page-home .feed-template-card .tpl-cover-media img{
    transition:transform .55s cubic-bezier(.2,.72,.22,1),filter .35s ease!important;
  }
  .page-home .template-grid>.qzp-template-card:hover .tpl-natural-media img,
  .page-home .template-grid>.qzp-template-card:focus-within .tpl-natural-media img,
  .page-home .template-grid>.qzp-template-card:hover .tpl-cover-media img,
  .page-home .template-grid>.qzp-template-card:focus-within .tpl-cover-media img{
    transform:scale(1.05)!important;
    filter:saturate(1.05) contrast(1.015);
  }
  .page-home .template-grid>.qzp-template-card .tpl-cta{
    transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease!important;
  }
  .page-home .template-grid>.qzp-template-card:hover .tpl-cta,
  .page-home .template-grid>.qzp-template-card:focus-within .tpl-cta{
    transform:translateY(-1px)!important;
    box-shadow:0 10px 22px rgba(255,104,61,.18)!important;
  }

  /* 资讯精选：卡片浮起 + 封面景深 + “阅读全文”箭头位移。 */
  .page-home .article-grid>.qzp-article-card:hover,
  .page-home .article-grid>.qzp-article-card:focus-within{
    transform:translateY(-7px) scale(1.012)!important;
    border-color:rgba(255,112,67,.34)!important;
    box-shadow:
      0 22px 46px rgba(28,38,52,.13),
      0 7px 18px rgba(255,104,61,.07)!important;
    z-index:3;
  }
  .page-home .qzp-article-card .article-cover img{
    transition:transform .52s cubic-bezier(.2,.72,.22,1),filter .35s ease!important;
  }
  .page-home .qzp-article-card:hover .article-cover img,
  .page-home .qzp-article-card:focus-within .article-cover img{
    transform:scale(1.055)!important;
    filter:saturate(1.05) contrast(1.015);
  }
  .page-home .qzp-article-card .article-cta,
  .page-home .qzp-article-card .article-cta b{
    transition:transform .24s ease,box-shadow .24s ease,color .2s ease,background-color .2s ease!important;
  }
  .page-home .qzp-article-card:hover .article-cta,
  .page-home .qzp-article-card:focus-within .article-cta{
    transform:translateY(-1px)!important;
    box-shadow:0 8px 18px rgba(28,38,52,.08)!important;
  }
  .page-home .qzp-article-card:hover .article-cta b,
  .page-home .qzp-article-card:focus-within .article-cta b{
    transform:translate(3px,-2px)!important;
    color:var(--qzp-orange)!important;
  }

  /* 三步开始接单：整块有轻浮层，三个步骤可以逐项悬停。 */
  .page-home .process-band.process-band-peach:hover{
    transform:translateY(-4px)!important;
    box-shadow:
      0 24px 54px rgba(65,43,29,.12),
      0 8px 22px rgba(255,128,79,.09)!important;
  }
  .page-home .process-band-peach .process-illustration,
  .page-home .process-band-peach .process-clipboard,
  .page-home .process-band-peach .process-star{
    transition:transform .38s cubic-bezier(.2,.72,.22,1),filter .3s ease!important;
  }
  .page-home .process-band.process-band-peach:hover .process-illustration{
    transform:translateY(-4px) rotate(1deg) scale(1.035)!important;
  }
  .page-home .process-band.process-band-peach:hover .process-star{
    transform:rotate(10deg) scale(1.08)!important;
  }
  .page-home .process-band-peach ol li{
    position:relative;
    border-radius:14px;
  }
  .page-home .process-band-peach ol li:hover{
    transform:translateY(-5px) scale(1.025)!important;
    background:rgba(255,248,244,.86)!important;
    box-shadow:0 12px 26px rgba(98,67,44,.10)!important;
    z-index:2;
  }
  .page-home .process-band-peach ol li em{
    transition:transform .3s cubic-bezier(.2,.72,.22,1),box-shadow .28s ease,background-color .2s ease!important;
  }
  .page-home .process-band-peach ol li:hover em{
    transform:translateY(-2px) scale(1.08)!important;
    box-shadow:0 9px 18px rgba(255,112,67,.18)!important;
  }

  /* 标题右侧入口也给一个低干扰反馈。 */
  .page-home .section-title>a span,
  .page-home .home-section-heading>a span{
    display:inline-block;
    transition:transform .22s ease!important;
  }
  .page-home .section-title>a:hover span,
  .page-home .home-section-heading>a:hover span{
    transform:translate(3px,-2px)!important;
  }
}

/* 键盘可访问性：聚焦时保留清晰轮廓。 */
.page-home .category-grid>a:focus-visible,
.page-home .qzp-template-card:focus-within,
.page-home .qzp-article-card:focus-within,
.page-home .home-task-spotlight .task-card:focus-within{
  outline:2px solid rgba(31,108,255,.28);
  outline-offset:3px;
}

@media (prefers-reduced-motion:reduce){
  .page-home .category-grid>a,
  .page-home .category-grid>a i,
  .page-home .category-grid>a img,
  .page-home .category-grid>a em,
  .page-home .home-task-spotlight .task-card,
  .page-home .home-task-spotlight .task-cover img,
  .page-home .qzp-template-card,
  .page-home .qzp-template-card img,
  .page-home .qzp-article-card,
  .page-home .qzp-article-card img,
  .page-home .process-band.process-band-peach,
  .page-home .process-band-peach ol li,
  .page-home .process-band-peach ol li em,
  .page-home .process-band-peach .process-illustration,
  .page-home .process-band-peach .process-star{
    transition:none!important;
    animation:none!important;
  }
}

/* =========================================================
   V3.12.10 · UNIFIED VIDEO PLAYER UI REBUILD
   Website-aligned custom controls. Template/preview videos are
   intentionally minimal; course playback alone receives author,
   follow, directory, next-lesson and progress-memory surfaces.
   ========================================================= */
.qzp-player{
  --qzp-accent:#ff5b38;
  --qzp-accent-2:#ff784f;
  --qzp-progress:0%;
  --qzp-buffered:0%;
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#0b1118!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 22px 50px rgba(22,34,48,.16),0 3px 10px rgba(22,34,48,.08)!important;
  color:#fff;
  outline:0;
}
.qzp-player:focus-visible{box-shadow:0 0 0 3px rgba(255,91,56,.22),0 22px 50px rgba(22,34,48,.17)!important}
.qzp-player>video,
.template-media .qzp-player>video,
.course-video-shell.qzp-player>video{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain!important;
  background:#080c12!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.qzp-player .qzp-player-ui{position:absolute;z-index:5;inset:0;pointer-events:none}
.qzp-player .qzp-player-scrim{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,10,17,.54) 0,rgba(5,10,17,.05) 28%,rgba(5,10,17,.04) 55%,rgba(5,10,17,.82) 100%);
  opacity:.9;transition:opacity .24s ease;
}
.qzp-player-topbar{
  position:absolute;z-index:2;left:0;right:0;top:0;
  min-height:78px;padding:18px 22px;
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  transition:opacity .22s ease,transform .22s ease;
}
.qzp-player-heading{min-width:0;display:flex;align-items:center;gap:12px}
.qzp-player-preview-copy,.qzp-player-course-copy{display:grid;gap:2px;min-width:0;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.qzp-player-preview-copy small,.qzp-player-course-copy small{font-size:11px;font-weight:750;color:rgba(255,255,255,.68);letter-spacing:.05em}
.qzp-player-preview-copy strong,.qzp-player-course-copy strong{font-size:15px;line-height:1.35;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(48vw,520px)}
.qzp-player-back{
  pointer-events:auto;width:38px;height:38px;flex:0 0 38px;border-radius:12px;
  display:grid;place-items:center;background:rgba(10,17,25,.46);border:1px solid rgba(255,255,255,.12);
  color:#fff;backdrop-filter:blur(12px);transition:background .18s ease,transform .18s ease;
}
.qzp-player-back:hover{background:rgba(255,91,56,.9);transform:translateX(-2px)}
.qzp-player-back svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.qzp-player-top-actions{display:flex;align-items:center;gap:10px;pointer-events:auto}
.qzp-player-author{
  height:38px;padding:4px 5px 4px 4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;
  display:flex;align-items:center;gap:7px;background:rgba(8,14,21,.42);backdrop-filter:blur(14px);
}
.qzp-player-author img,.qzp-player-avatar-fallback{width:29px;height:29px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.28)}
.qzp-player-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#ff8b67,#ff5b38);font-size:12px;font-weight:850}
.qzp-player-author b{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#fff}
.qzp-player-follow{border:0;height:28px;padding:0 10px;border-radius:999px;background:#fff;color:#1e2937;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease}
.qzp-player-follow:hover{background:#fff1ec;color:#e94a29}
.qzp-player-follow.is-followed{background:rgba(255,255,255,.14);color:#fff}
.qzp-player-directory-toggle{
  height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;
  display:inline-flex;align-items:center;gap:7px;background:rgba(8,14,21,.42);color:#fff;backdrop-filter:blur(14px);
  font-size:11px;font-weight:750;cursor:pointer;transition:.18s ease
}
.qzp-player-directory-toggle:hover,.qzp-player-directory-toggle.is-active{background:rgba(255,91,56,.92);border-color:rgba(255,91,56,.92)}
.qzp-player-directory-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.qzp-player-center{
  pointer-events:auto;position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);
  width:66px;height:66px;border:1px solid rgba(255,255,255,.72);border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(248,245,239,.68));
  color:#26313d;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);
  box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.78);
  cursor:pointer;transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
.qzp-player-center:hover{
  transform:translate(-50%,-50%) scale(1.06);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,249,245,.84));
  color:var(--qzp-accent);
  box-shadow:0 16px 38px rgba(0,0,0,.2),0 0 0 6px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.92);
}
.qzp-player-center svg{width:29px;height:29px;fill:currentColor;filter:drop-shadow(0 1px 0 rgba(255,255,255,.22))}
.qzp-player.is-playing .qzp-player-center{opacity:0;transform:translate(-50%,-50%) scale(.92);pointer-events:none}
.qzp-player:hover .qzp-player-center,.qzp-player:focus-within .qzp-player-center{opacity:1;pointer-events:auto}
.qzp-player.is-playing:hover .qzp-player-center svg,.qzp-player.is-playing:focus-within .qzp-player-center svg{opacity:.9}
.qzp-player-bottom{
  position:absolute;z-index:4;left:0;right:0;bottom:0;padding:0 18px 15px;
  pointer-events:auto;transition:opacity .22s ease,transform .22s ease;
}
.qzp-player-progress-wrap{position:relative;height:16px;display:flex;align-items:center}
.qzp-player-progress-wrap:before{
  content:"";position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);border-radius:99px;
  background:linear-gradient(90deg,var(--qzp-accent) 0 var(--qzp-progress),rgba(255,255,255,.22) var(--qzp-progress) 100%);
}
.qzp-player-progress-buffer{position:absolute;left:0;top:50%;height:3px;transform:translateY(-50%);background:rgba(255,255,255,.32);border-radius:99px;pointer-events:none;max-width:100%}
.qzp-player-progress{
  position:relative;z-index:2;width:100%;height:16px;margin:0;opacity:0;cursor:pointer;appearance:none;background:transparent
}
.qzp-player-progress-wrap:hover:before{height:5px}
.qzp-player-progress-wrap:hover:after{
  content:"";position:absolute;left:var(--qzp-progress);top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:var(--qzp-accent);box-shadow:0 0 0 4px rgba(255,91,56,.16);pointer-events:none
}
.qzp-player-control-row{height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.qzp-player-controls-left,.qzp-player-controls-right{display:flex;align-items:center;gap:5px;min-width:0}
.qzp-player-icon-btn,.qzp-player-text-btn{
  width:34px;height:34px;border:0;border-radius:10px;display:grid;place-items:center;background:transparent;color:#fff;cursor:pointer;transition:background .18s ease,transform .18s ease
}
.qzp-player-icon-btn:hover,.qzp-player-text-btn:hover{
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 16px rgba(0,0,0,.12);
  transform:translateY(-1px)
}
.qzp-player-icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qzp-player-icon-btn svg text{font-size:6.2px;fill:currentColor;stroke:none;font-weight:800;font-family:Arial,sans-serif}
.qzp-player-icon-btn[data-player-action="play"] svg,.qzp-player-center svg{fill:currentColor;stroke:none}
.qzp-player-text-btn{width:auto;min-width:39px;padding:0 7px;font-size:11px;font-weight:800}
.qzp-player-time{display:inline-flex;align-items:center;gap:5px;margin-left:2px;font-size:11px;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.64);white-space:nowrap}
.qzp-player-time b{color:#fff;font-weight:700}.qzp-player-time i{font-style:normal;color:rgba(255,255,255,.35)}
.qzp-player-quality{font-size:10px;font-weight:800;color:rgba(255,255,255,.86);padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.08)}
.qzp-player-directory{
  position:absolute;z-index:7;right:18px;top:72px;bottom:76px;width:min(300px,36%);
  display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;
  background:rgba(15,22,30,.88);backdrop-filter:blur(22px);box-shadow:0 18px 46px rgba(0,0,0,.25);
  opacity:0;visibility:hidden;transform:translateX(14px);transition:opacity .22s ease,transform .22s ease,visibility .22s;
}
.qzp-directory-open .qzp-player-directory{opacity:1;visibility:visible;transform:none}
.qzp-player-directory-head{height:50px;flex:0 0 50px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09)}
.qzp-player-directory-head b{font-size:13px}.qzp-player-directory-head button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer;font-size:16px}
.qzp-player-directory-head button:hover{background:rgba(255,255,255,.08)}
.qzp-player-directory-list{overflow:auto;padding:7px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.qzp-player-directory-item{
  min-height:44px;padding:9px 10px;border-radius:10px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:5px;color:rgba(255,255,255,.73);transition:.18s ease
}
.qzp-player-directory-item:hover{background:rgba(255,255,255,.07);color:#fff}
.qzp-player-directory-item.is-active{background:linear-gradient(90deg,rgba(255,91,56,.24),rgba(255,91,56,.08));color:#fff}
.qzp-player-directory-item>span{font-size:11px;color:#ff8b69}.qzp-player-directory-item b{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qzp-player-directory-item em{font-style:normal;font-size:10px;color:rgba(255,255,255,.46)}
.qzp-player-directory-item.is-active em{color:#ff8967}
.qzp-player-next-card{
  position:absolute;z-index:6;left:18px;bottom:82px;width:min(250px,40%);padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:13px;
  display:grid;grid-template-columns:1fr auto;gap:2px 8px;background:rgba(15,22,30,.72);backdrop-filter:blur(16px);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18);
  opacity:0;transform:translateY(8px);transition:.22s ease
}
.qzp-player:hover .qzp-player-next-card,.qzp-player:focus-within .qzp-player-next-card{opacity:1;transform:none}
.qzp-player-next-card small{grid-column:1/-1;color:rgba(255,255,255,.54);font-size:9px}.qzp-player-next-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qzp-player-next-card span{font-size:10px;color:#ff8a68}
.qzp-player.qzp-controls-hidden .qzp-player-topbar,
.qzp-player.qzp-controls-hidden .qzp-player-bottom,
.qzp-player.qzp-controls-hidden .qzp-player-center,
.qzp-player.qzp-controls-hidden .qzp-player-next-card,
.qzp-player.qzp-controls-hidden .qzp-player-directory{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
.qzp-player.qzp-controls-hidden .qzp-player-topbar{transform:translateY(-6px)}
.qzp-player.qzp-controls-hidden .qzp-player-bottom{transform:translateY(7px)}
.qzp-player.qzp-controls-hidden .qzp-player-center{transform:translate(-50%,-50%) scale(.9)}
.qzp-player.qzp-controls-hidden .qzp-player-scrim{opacity:0}
.qzp-player.qzp-controls-hidden{cursor:default}

/* Compact preview players used inside template cards. No course-only UI. */
.qzp-player--compact{border-radius:22px 22px 0 0!important;box-shadow:none!important;border:0!important}
.qzp-player--compact .qzp-player-topbar{display:none}
.qzp-player--compact .qzp-player-center{
  width:46px;height:46px;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(248,245,239,.66));
  color:#26313d;border-color:rgba(255,255,255,.7);
  box-shadow:0 10px 24px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.75)
}
.qzp-player--compact .qzp-player-center svg{width:21px;height:21px}
.qzp-player--compact .qzp-player-bottom{padding:0 9px 7px}
.qzp-player--compact .qzp-player-control-row{height:30px}
.qzp-player--compact .qzp-player-skip,
.qzp-player--compact .qzp-player-quality,
.qzp-player--compact .qzp-player-pip,
.qzp-player--compact .qzp-player-text-btn{display:none!important}
.qzp-player--compact .qzp-player-icon-btn{width:28px;height:28px;border-radius:8px}
.qzp-player--compact .qzp-player-icon-btn svg{width:16px;height:16px}
.qzp-player--compact .qzp-player-time{font-size:9px;gap:3px}
.qzp-player--compact .qzp-player-progress-wrap{height:10px}
.qzp-player--compact .qzp-player-progress-wrap:before,.qzp-player--compact .qzp-player-progress-buffer{height:2px}
.qzp-player--compact .media-kind-badge{z-index:9}

/* Course player uses a cinematic 16:9 stage and site-orange interaction accent. */
.course-video-shell.qzp-player{aspect-ratio:16/9!important;max-width:100%!important;margin-top:1.15rem!important;border-radius:24px!important}
.course-study-body>.course-video-shell.qzp-player{max-width:72rem!important}
.course-video-shell.qzp-player>video{aspect-ratio:16/9!important;max-height:none!important}

@media (hover:hover) and (pointer:fine){
  .qzp-player:not(.is-playing) .qzp-player-center{box-shadow:0 15px 36px rgba(0,0,0,.2),0 0 0 0 rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.82)}
  .qzp-player:not(.is-playing):hover .qzp-player-center{box-shadow:0 16px 38px rgba(0,0,0,.21),0 0 0 7px rgba(255,255,255,.11),inset 0 1px 0 rgba(255,255,255,.94)}
}


@media (hover:none), (pointer:coarse){
  .qzp-player-center:hover{
    transform:translate(-50%,-50%);
    background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(248,245,239,.68));
    color:#26313d;
  }
  .qzp-player-icon-btn:hover,.qzp-player-text-btn:hover{background:transparent;box-shadow:none;transform:none}
  .qzp-player.qzp-controls-hidden{cursor:default}
}

@media (max-width:979.98px){
  .qzp-player-topbar{min-height:64px;padding:12px 13px}
  .qzp-player-preview-copy strong,.qzp-player-course-copy strong{font-size:13px;max-width:43vw}
  .qzp-player-course-copy small{font-size:9px}
  .qzp-player-author b{display:none}
  .qzp-player-author{padding-right:4px}
  .qzp-player-follow{padding:0 8px}
  .qzp-player-directory-toggle span{display:none}
  .qzp-player-directory-toggle{width:38px;padding:0;justify-content:center}
  .qzp-player-directory{
    left:10px;right:10px;top:auto;bottom:64px;width:auto;max-height:min(54%,260px);border-radius:15px;
    transform:translateY(12px)
  }
  .qzp-directory-open .qzp-player-directory{transform:none}
  .qzp-player-next-card{display:none}
}

@media (max-width:767.98px){
  .template-media .qzp-player{border-radius:18px!important}
  .template-media .qzp-player>video{max-height:72vh!important}
  .course-video-shell.qzp-player{border-radius:18px!important;margin-left:-.35rem;margin-right:-.35rem;width:calc(100% + .7rem)!important}
  .qzp-player-bottom{padding:0 10px 8px}
  .qzp-player-control-row{height:34px}
  .qzp-player-icon-btn{width:31px;height:31px}
  .qzp-player-skip{display:none!important}
  .qzp-player-quality{display:none}
  .qzp-player-pip{display:none!important}
  .qzp-player-time{font-size:10px}
  .qzp-player-center{width:54px;height:54px}
  .qzp-player-center svg{width:24px;height:24px}
  .qzp-player-author{height:34px}
  .qzp-player-author img,.qzp-player-avatar-fallback{width:25px;height:25px}
  .qzp-player-follow{height:25px;font-size:10px}
  .qzp-player-back{width:34px;height:34px;flex-basis:34px}
  .qzp-player-directory-toggle{height:34px;width:34px}
}

@media (max-width:479.98px){
  .qzp-player-topbar{padding:9px 9px;gap:8px}
  .qzp-player-preview-copy small{display:none}
  .qzp-player-preview-copy strong,.qzp-player-course-copy strong{font-size:11px;max-width:35vw}
  .qzp-player-course-copy small{display:none}
  .qzp-player-author{background:transparent;border:0;padding:0}
  .qzp-player-author img,.qzp-player-avatar-fallback{display:none}
  .qzp-player-follow{background:rgba(255,255,255,.92);color:#26313d}
  .qzp-player-time i,.qzp-player-time span{display:none}
  .qzp-player-text-btn{min-width:32px;padding:0 5px}
  .qzp-player-controls-left,.qzp-player-controls-right{gap:1px}
  .qzp-player-directory{bottom:54px;max-height:62%}
  .qzp-player-directory-item{min-height:40px;padding:7px 8px}
}

@media (prefers-reduced-motion:reduce){
  .qzp-player *, .qzp-player *:before, .qzp-player *:after{transition:none!important;animation:none!important}
}
.qzp-player-progress-wrap:before{z-index:1}
.qzp-player-progress-buffer{z-index:0}

/* =========================================================
   V3.12.11 · MOBILE DENSITY REFINEMENT
   - 首页“热门项目推荐”手机端固定双列
   - 模板中心分类入口手机端固定三列
   - 模板筛选卡片压缩至约原高度 70%，保留横向滑动筛选
   ========================================================= */
@media (max-width:767.98px){
  /* 1) 首页热门项目：双列自适应。卡片改为纵向紧凑结构，避免窄列互相挤压。 */
  .page-home .home-project-grid,
  .page-home .project-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .page-home .home-project-card,
  .page-home .project-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start!important;
    align-items:start!important;
    gap:8px!important;
    min-width:0!important;
    min-height:0!important;
    padding:11px!important;
    border-radius:14px!important;
  }
  .page-home .project-icon{
    width:50px!important;
    height:50px!important;
    flex:0 0 50px!important;
    border-radius:12px!important;
  }
  .page-home .project-icon span{font-size:21px!important}
  .page-home .project-copy{width:100%!important;min-width:0!important}
  .page-home .project-card-head{display:block!important;min-width:0!important}
  .page-home .project-copy h3{
    margin:0 0 5px!important;
    font-size:13px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .page-home .project-card-head>span{
    display:block!important;
    margin-bottom:6px!important;
    font-size:9px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  .page-home .project-tags{gap:4px!important;margin:0 0 6px!important}
  .page-home .project-tags span{
    max-width:100%!important;
    padding:2px 5px!important;
    font-size:8.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .page-home .project-copy p{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:3px!important;
    margin:3px 0!important;
    font-size:9px!important;
    line-height:1.4!important;
  }
  .page-home .project-copy p span,
  .page-home .project-price strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .page-home .project-price strong{font-size:10px!important}
  .page-home .project-ribbon{
    top:8px!important;
    right:8px!important;
    max-width:calc(100% - 16px)!important;
    padding:3px 5px!important;
    font-size:8px!important;
    border-radius:6px!important;
  }
  .page-home .home-project-card:has(.project-ribbon) .project-card-head{
    padding-top:12px!important;
  }

  /* 2) 模板分类入口：手机三列。内容仍保留，仅缩小并限制文字高度。 */
  body:not(.admin-body):not(.auth-page).page-templates .template-category-list.compact,
  body:not(.admin-body):not(.auth-page) .page-templates .template-category-list.compact{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:12px 0 16px!important;
  }
  body:not(.admin-body):not(.auth-page).page-templates .template-category-list.compact>a,
  body:not(.admin-body):not(.auth-page) .page-templates .template-category-list.compact>a{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start!important;
    justify-items:center!important;
    gap:7px!important;
    min-width:0!important;
    padding:9px 6px!important;
    border-radius:12px!important;
    text-align:center!important;
  }
  .page-templates .template-category-list.compact .cat-cover{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
    border-radius:11px!important;
    font-size:18px!important;
  }
  .page-templates .template-category-list.compact>a>div:last-child{min-width:0!important;width:100%!important}
  .page-templates .template-category-list.compact h2{
    min-height:2.7em!important;
    margin:0 0 3px!important;
    font-size:11px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .page-templates .template-category-list.compact p{
    min-height:2.6em!important;
    margin:0 0 4px!important;
    font-size:9px!important;
    line-height:1.3!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#8b95a1!important;
  }
  .page-templates .template-category-list.compact span{
    display:block!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* 3) 模板筛选卡片：约压缩 30% 垂直空间，仍保留四组完整筛选项。 */
  .page-templates .template-filter-panel{
    padding:6px 10px!important;
    margin:0 0 14px!important;
    border-radius:13px!important;
  }
  .page-templates .template-filter-row{
    display:block!important;
    padding:7px 0!important;
    gap:0!important;
  }
  .page-templates .template-filter-row>b,
  .page-templates .template-filter-row>strong{
    display:block!important;
    margin:0 0 4px!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1.2!important;
    color:#7f8995!important;
  }
  .page-templates .template-filter-chips{
    gap:5px!important;
    padding:0 1px 2px!important;
    min-height:29px!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .page-templates .template-filter-chips::-webkit-scrollbar{display:none!important}
  .page-templates .template-filter-chips .filter-chip,
  .page-templates .template-filter-chips a{
    flex:0 0 auto!important;
    min-height:29px!important;
    height:29px!important;
    padding:0 9px!important;
    border-radius:8px!important;
    font-size:10px!important;
    line-height:29px!important;
  }
}

@media (max-width:359.98px){
  .page-home .home-project-grid,.page-home .project-card-grid{gap:7px!important}
  .page-home .home-project-card,.page-home .project-card{padding:9px!important}
  .page-home .project-icon{width:44px!important;height:44px!important;flex-basis:44px!important}
  .page-home .project-copy h3{font-size:12px!important}
  .page-templates .template-category-list.compact{gap:5px!important}
  .page-templates .template-category-list.compact>a{padding:8px 4px!important}
  .page-templates .template-category-list.compact .cat-cover{width:44px!important;height:44px!important;flex-basis:44px!important}
}

/* =========================================================
   V3.12.12 · MOBILE PROJECT CTA ALIGNMENT
   - 首页热门项目双列卡片：将“进入项目”操作移至卡片最右侧
   - 仅调整展示位置，不改变整卡点击、筛选或项目跳转逻辑
   ========================================================= */
@media (max-width:767.98px){
  .page-home .home-project-card .project-card-head,
  .page-home .project-card .project-card-head{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .page-home .home-project-card .project-card-head>span,
  .page-home .project-card .project-card-head>span{
    display:block!important;
    width:100%!important;
    margin:1px 0 6px!important;
    padding:0!important;
    text-align:right!important;
    color:#7f8995!important;
    font-size:9px!important;
    font-weight:650!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }
}

/* =========================================================
   V3.12.13 · HOME PROJECT FILTER ACCURACY FIX
   - 修复手机端双列卡片的 display:grid!important 覆盖 hidden 属性
   - 分类筛选严格按照每张卡片真实 project_menu_id 显示
   - “网盘 / 应用”等菜单不再互相串项
   ========================================================= */
.page-home [data-home-projects] .home-project-card[hidden],
.page-home [data-home-projects] .home-project-card.is-filter-hidden,
.page-home [data-home-projects] .project-card[hidden],
.page-home [data-home-projects] .project-card.is-filter-hidden{
  display:none!important;
}


/* V3.13.4 · 课程角标与做单工具后台 */
.course-tool-repeater{display:grid;gap:14px;margin-bottom:14px}
.course-tool-admin-row{padding:16px;border:1px solid var(--border,#e5e7eb);border-radius:16px;background:rgba(248,250,252,.75)}
.course-tool-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.course-tool-admin-head b{font-size:15px;color:var(--ink,#172033)}
.course-tool-admin .form-grid{margin-bottom:0}
.course-tool-admin label small{display:block;margin-top:5px;color:#8a94a3;line-height:1.5}

/* V3.13.40 · 后台博主主页一键解析 */
.creator-import-panel{margin:0 0 18px;padding:18px;border:1px solid #fed7aa;border-radius:16px;background:linear-gradient(135deg,#fffaf5 0%,#fff 55%,#f8fbff 100%);box-shadow:0 8px 24px rgba(15,23,42,.04)}
.creator-import-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.creator-import-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#ff7a00,#ff5a2a);color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 18px rgba(255,106,0,.22)}.creator-import-head>div{display:grid;gap:4px}.creator-import-head b{font-size:15px;color:#172033}.creator-import-head small{font-size:11px;color:#7b8494;line-height:1.6;font-weight:400}
.creator-import-controls{display:grid;grid-template-columns:minmax(280px,1fr) 150px auto;gap:10px;align-items:center}.creator-import-controls input,.creator-import-controls select{min-height:44px!important;border-radius:10px!important}.creator-import-controls .btn{min-height:44px;white-space:nowrap}.creator-import-tip{margin-top:10px;padding-top:10px;border-top:1px dashed #f3d8c4;color:#8a94a4;font-size:11px;line-height:1.6}.creator-import-tip span{color:#f97316;font-weight:800}
.creator-import-status{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.55}.creator-import-status.is-loading{display:flex;align-items:center;gap:10px;background:#fff7ed;color:#9a4a14}.creator-import-status.is-loading small{display:block;color:#a47558}.creator-import-status.is-error{display:grid;gap:4px;background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.creator-import-status.is-error small{color:#9f1239}.creator-import-status.is-error em{font-style:normal;color:#8b5a63;font-size:11px}.creator-import-status.is-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.creator-import-spinner{width:18px;height:18px;border:2px solid #fed7aa;border-top-color:#f97316;border-radius:50%;animation:creatorImportSpin .8s linear infinite}@keyframes creatorImportSpin{to{transform:rotate(360deg)}}
.creator-import-result{display:grid;gap:10px}.creator-import-result-main{display:flex;align-items:center;gap:10px}.creator-import-result-main img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.08)}.creator-import-result-main div{display:grid;gap:2px}.creator-import-result-main small{color:#548066}.creator-import-filled{display:flex;flex-wrap:wrap;gap:6px}.creator-import-filled span{padding:3px 8px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:10px;font-weight:700}.creator-import-result ul{margin:0;padding-left:18px;color:#7c6f54;font-size:11px}.creator-import-panel.is-loading{opacity:.92}
@media(max-width:900px){.creator-import-controls{grid-template-columns:1fr 130px}.creator-import-controls .btn{grid-column:1/-1}.creator-import-head small{max-width:none}}

/* =========================================================
   V3.13.53 LOGIN PAGE REBUILD
   App-like auth shell · reference-driven layout
   ========================================================= */
.auth-page.auth-v31353{
  --auth-accent:#22c55e;
  --auth-accent-deep:#15934a;
  --auth-ink:#172033;
  --auth-muted:#738092;
  --auth-soft:#f5f7f8;
  --auth-line:#e8edf0;
  margin:0!important;
  min-height:100svh!important;
  background:#eef3f0!important;
  color:var(--auth-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
}
.auth-v31353 .auth-app-shell{
  width:min(100%,520px);
  min-height:100svh;
  margin:0 auto;
  background:#fff;
  overflow:hidden;
  position:relative;
  box-shadow:0 18px 60px rgba(15,23,42,.10);
  animation:authPageEnter .28s cubic-bezier(.4,0,.2,1) both;
}
.auth-v31353 .auth-app-hero{
  position:relative;
  width:100%;
  height:min(var(--auth-hero-height,360px),calc(100vw * .5625));
  min-height:210px;
  max-height:360px;
  overflow:hidden;
  background:linear-gradient(135deg,#ddf8cb,#b8efad);
}
.auth-v31353 .auth-app-hero img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:var(--auth-hero-position,center) center;
  transform:scale(1.001);
}
.auth-v31353 .auth-app-card{
  position:relative;
  z-index:2;
  min-height:calc(100svh - 190px);
  margin-top:-24px;
  padding:24px 22px max(28px,env(safe-area-inset-bottom));
  border-radius:28px 28px 0 0;
  background:#fff;
  box-shadow:0 -10px 30px rgba(15,23,42,.06);
}
.auth-v31353 .auth-page .flash,.auth-v31353 .flash{
  margin:0 0 14px!important;padding:11px 13px!important;border-radius:12px!important;font-size:13px!important;line-height:1.45!important;
}
.auth-v31353 .auth-login-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 22px;border-bottom:1px solid #eef1f3;
}
.auth-v31353 .auth-login-tabs button{
  position:relative;height:52px;border:0;background:transparent;color:#667085;font-size:18px;font-weight:600;cursor:pointer;transition:color .2s ease,transform .15s ease;
}
.auth-v31353 .auth-login-tabs button:active{transform:scale(.98)}
.auth-v31353 .auth-login-tabs button.is-active{color:#111827}
.auth-v31353 .auth-login-tabs button:only-child{grid-column:1/-1}
.auth-v31353 .auth-login-tabs button.is-active:after{
  content:"";position:absolute;left:50%;bottom:-1px;width:48px;height:3px;border-radius:999px;background:var(--auth-accent);transform:translateX(-50%);animation:authUnderline .2s ease-out both;
}
.auth-v31353 .auth-login-panels{position:relative}
.auth-v31353 .auth-app-form{display:grid;gap:14px;animation:authPanelIn .22s cubic-bezier(.4,0,.2,1) both}
.auth-v31353 .auth-app-form[hidden]{display:none!important}
.auth-v31353 .auth-app-field{
  min-width:0;height:58px;display:flex!important;align-items:center;gap:10px;margin:0!important;padding:0 14px;border:1px solid transparent;border-radius:14px;background:#f5f7f8!important;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease;
}
.auth-v31353 .auth-app-field:focus-within{background:#fff!important;border-color:color-mix(in srgb,var(--auth-accent) 72%,#fff)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-accent) 12%,transparent)!important}
.auth-v31353 .auth-field-icon{width:22px;height:22px;flex:0 0 22px;color:#94a0ae;display:grid;place-items:center}
.auth-v31353 .auth-field-icon svg{width:21px;height:21px;display:block}
.auth-v31353 .auth-app-field input{
  min-width:0;flex:1;width:100%!important;height:100%!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;color:#172033!important;font-size:16px!important;font-weight:450!important;
}
.auth-v31353 .auth-app-field input::placeholder{color:#a8b0bb;opacity:1}
.auth-v31353 .auth-password-toggle{
  width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:transparent;color:#8a95a3;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease;
}
.auth-v31353 .auth-password-toggle:hover,.auth-v31353 .auth-password-toggle.is-visible{background:#e9f8ef;color:var(--auth-accent-deep)}
.auth-v31353 .auth-password-toggle:active{transform:scale(.92)}
.auth-v31353 .auth-password-toggle svg{width:21px;height:21px}
.auth-v31353 .auth-app-code-field{padding-right:8px}
.auth-v31353 .auth-code-send{
  flex:0 0 auto;min-width:98px;height:42px;padding:0 12px;border:0;border-radius:11px;background:#e9f8ef;color:var(--auth-accent-deep);font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease,opacity .2s ease;
}
.auth-v31353 .auth-code-send:active{transform:scale(.97)}
.auth-v31353 .auth-code-send:disabled{opacity:.62;cursor:not-allowed}
.auth-v31353 .auth-code-note{margin:-5px 4px 0;color:#99a2ad;font-size:12px;line-height:1.5}
.auth-v31353 .auth-login-meta{min-height:20px;display:flex;justify-content:space-between;align-items:center;margin-top:-4px}
.auth-v31353 .auth-login-meta a{color:#667085;font-size:13px;font-weight:600}
.auth-v31353 .auth-agreement{
  display:flex!important;align-items:flex-start!important;gap:9px!important;margin:3px 0 0!important;color:#697586;font-size:12px;line-height:1.65;cursor:pointer;
}
.auth-v31353 .auth-agreement input{appearance:none;width:18px!important;height:18px!important;flex:0 0 18px!important;margin:1px 0 0!important;border:1.5px solid #c8d0d8!important;border-radius:50%!important;background:#fff!important;display:grid;place-items:center;box-shadow:none!important}
.auth-v31353 .auth-agreement input:checked{border-color:var(--auth-accent)!important;background:var(--auth-accent)!important}
.auth-v31353 .auth-agreement input:checked:after{content:"✓";font-size:12px;line-height:1;color:#fff;font-weight:800}
.auth-v31353 .auth-agreement a{color:var(--auth-accent-deep);font-weight:600}
.auth-v31353 .auth-app-submit{
  width:100%;height:58px;margin-top:4px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--auth-accent),color-mix(in srgb,var(--auth-accent) 78%,#059669));color:#fff;font-size:17px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 12px 26px color-mix(in srgb,var(--auth-accent) 22%,transparent);transition:transform .15s ease,filter .2s ease,opacity .2s ease,box-shadow .2s ease;
}
.auth-v31353 .auth-app-submit:hover{filter:saturate(1.05) brightness(.98)}
.auth-v31353 .auth-app-submit:active{transform:scale(.985);box-shadow:0 7px 16px color-mix(in srgb,var(--auth-accent) 18%,transparent)}
.auth-v31353 .auth-app-submit.is-loading{opacity:.78;pointer-events:none}
.auth-v31353 .auth-app-secondary{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;color:#5f6b7a;font-size:15px}
.auth-v31353 .auth-app-secondary a{color:var(--auth-accent-deep);font-weight:650}
.auth-v31353 .auth-app-secondary>a{color:#657184;font-weight:500}
.auth-v31353 .auth-app-secondary b{font-size:17px;font-weight:500}
.auth-v31353 .auth-app-help{display:flex;justify-content:center;align-items:center;gap:5px;width:max-content;margin:58px auto 0;color:#7e8997;font-size:13px;font-weight:500}
.auth-v31353 .auth-app-help span{font-size:18px;line-height:1}
.auth-v31353 .auth-simple-heading{display:flex;align-items:center;gap:12px;margin:0 0 22px}
.auth-v31353 .auth-simple-back{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f4f6f7;color:#293447;font-size:28px;line-height:1}
.auth-v31353 .auth-simple-heading div{display:grid;gap:3px}.auth-v31353 .auth-simple-heading strong{font-size:22px}.auth-v31353 .auth-simple-heading small{color:#8b95a2;font-size:12px}
.auth-v31353 .auth-simple-form{gap:13px}
.auth-v31353 .auth-simple-form .auth-app-field{padding-left:15px}

@keyframes authPageEnter{from{opacity:.72;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes authPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes authUnderline{from{opacity:0;transform:translateX(-50%) scaleX(.45)}to{opacity:1;transform:translateX(-50%) scaleX(1)}}

@media(min-width:768px){
  .auth-page.auth-v31353{padding:32px 20px}
  .auth-v31353 .auth-app-shell{min-height:calc(100svh - 64px);border-radius:28px}
  .auth-v31353 .auth-app-hero{height:min(var(--auth-hero-height,360px),292px);max-height:292px}
  .auth-v31353 .auth-app-card{min-height:510px;padding:28px 34px 38px}
}
@media(max-width:420px){
  .auth-v31353 .auth-app-hero{height:218px;min-height:218px}
  .auth-v31353 .auth-app-card{margin-top:-20px;padding:22px 16px max(24px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}
  .auth-v31353 .auth-login-tabs{margin-bottom:18px}
  .auth-v31353 .auth-login-tabs button{height:48px;font-size:17px}
  .auth-v31353 .auth-app-field{height:55px;border-radius:13px;padding-inline:12px}
  .auth-v31353 .auth-app-field input{font-size:15px!important}
  .auth-v31353 .auth-app-submit{height:55px;font-size:16px}
  .auth-v31353 .auth-app-secondary{font-size:14px}
  .auth-v31353 .auth-app-help{margin-top:44px}
}
@media(prefers-reduced-motion:reduce){
  .auth-v31353 .auth-app-shell,.auth-v31353 .auth-app-form,.auth-v31353 .auth-login-tabs button.is-active:after{animation:none!important}
  .auth-v31353 *{scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* V3.13.54 — account settings / security center */
.account-settings-page{width:min(100%,560px);margin:28px auto 60px;color:#111827;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif}
.as-page-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;min-height:54px;margin-bottom:16px}
.as-page-head>a{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#1f2937}.as-page-head>a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.as-page-head h1{margin:0;text-align:center;font-size:20px;font-weight:800}
.as-list-card,.as-form-card,.as-security-summary,.as-detail-hero{overflow:hidden;border:1px solid #e8ebf0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045)}
.as-list-card+.as-list-card{margin-top:12px}.as-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:10px;align-items:center;min-height:62px;padding:0 16px;border-bottom:1px solid #edf0f3;color:#182130}.as-row:last-child{border-bottom:0}.as-row>span{font-size:15px}.as-row>b{color:#8a94a6;font-size:14px;font-weight:500}.as-row>i{font-style:normal;color:#a9b2c0;font-size:22px}.as-static{grid-template-columns:minmax(0,1fr) auto}.as-invite-row{grid-template-columns:minmax(0,1fr) auto 30px}.as-invite-row button{display:grid;place-items:center;width:30px;height:30px;border:0;background:transparent;color:#12b76a;padding:0}.as-invite-row button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.as-switch-row{grid-template-columns:minmax(0,1fr) auto}
.as-switch{position:relative;width:52px;height:30px;display:block}.as-switch input{position:absolute;opacity:0;pointer-events:none}.as-switch i{position:absolute;inset:0;border-radius:99px;background:#d9dee7;transition:.2s ease}.as-switch i:after{content:"";position:absolute;width:26px;height:26px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.18);transition:.2s ease}.as-switch input:checked+i{background:#12b76a}.as-switch input:checked+i:after{transform:translateX(22px)}
.as-logout{display:flex!important;align-items:center;justify-content:center;min-height:64px;margin-top:14px;border-radius:16px;background:#fff;color:#98a2b3;font-size:14px;border:1px solid #edf0f3}
.as-row-tall{min-height:72px}.as-row-tall>span{min-width:0}.as-row-tall>span small{display:block;margin-bottom:7px;color:#8b95a4;font-size:11px}.as-row-tall>span b{display:block;color:#172033;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-row-tall>em{font-style:normal;color:#8b95a4;font-size:12px}.as-row-tall>em.as-verified{color:#12b76a}
.as-security-summary{padding:18px;margin-bottom:12px;background:linear-gradient(135deg,#fff,#f7fff9)}.as-security-summary>div{display:flex;justify-content:space-between;align-items:center}.as-security-summary span{font-size:13px;color:#667085}.as-security-summary b{padding:5px 10px;border-radius:99px;background:#e9fbf1;color:#12a85d;font-size:12px}.as-security-summary p{margin:12px 0 0;color:#98a2b3;font-size:12px;line-height:1.6}
.as-detail-hero{padding:24px;text-align:center;margin-bottom:14px}.as-detail-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:18px;background:#ecfdf3;color:#12b76a;font-size:25px}.as-detail-hero>small{color:#98a2b3;font-size:12px}.as-detail-hero h2{margin:8px 0;font-size:19px}.as-detail-status{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid #edf0f3;font-size:12px}.as-detail-status span{color:#8b95a4}.as-detail-status b{color:#12b76a}.as-detail-hero.compact p{margin:8px 0 0;color:#8b95a4;font-size:12px}
.as-form-card{padding:18px}.as-form-card label{display:block;margin-bottom:16px}.as-form-card label>span{display:block;margin-bottom:8px;color:#344054;font-size:13px;font-weight:650}.as-form-card input{width:100%;height:50px;padding:0 14px;border:1px solid #e3e7ed;border-radius:12px;background:#f8fafc;color:#172033;font-size:15px;outline:none;transition:.15s ease}.as-form-card input:focus{border-color:#12b76a;background:#fff;box-shadow:0 0 0 3px rgba(18,183,106,.1)}.as-code-field{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:8px}.as-code-field button{border:0;border-radius:12px;background:#ecfdf3;color:#0ca85c;font-weight:700}.as-form-card label>small{display:block;margin-top:7px;color:#98a2b3;font-size:11px}.as-primary-btn{width:100%;height:50px;border:0;border-radius:13px;background:#12b76a;color:#fff;font-size:15px;font-weight:800;box-shadow:0 8px 18px rgba(18,183,106,.18)}
.as-form-top{margin-top:8px}.as-toast{position:fixed;left:50%;top:46%;z-index:2500;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:13px;background:rgba(17,24,39,.92);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.2)}.as-toast[hidden]{display:none}.as-toast span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#12b76a}.as-toast b{font-size:12px}

/* =========================================================
   V3.14.6 · 会员内容访问控制
   模板 / 课程 / 课时 / 同行对标共用
   ========================================================= */
.membership-content-badge{display:inline-flex;align-items:center;justify-content:center;max-width:170px;height:24px;padding:0 9px;border-radius:999px;background:linear-gradient(135deg,#171d26,#27342d);color:#f3d69a!important;font-size:10px!important;font-style:normal!important;font-weight:850!important;line-height:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 7px 18px rgba(15,23,42,.13)}
.tpl-natural-media>.membership-content-badge{position:absolute;z-index:8;right:9px;top:9px;max-width:56%;pointer-events:none}
.creator-v2-card>.creator-membership-badge{position:absolute;z-index:8;right:12px;top:12px;max-width:46%}
.creator-v2-card.is-featured>.creator-membership-badge{top:42px}
.course-membership-badge{position:absolute!important;z-index:8!important;right:7px!important;bottom:7px!important;max-width:76%!important;height:20px!important;padding:0 7px!important;font-size:8px!important}
.course-membership-list-badge{height:20px!important;padding:0 7px!important;font-size:8px!important;vertical-align:middle}

.membership-content-gate{position:relative;overflow:hidden;width:min(100%,820px);margin:32px auto 48px;padding:52px 42px;border:1px solid #e5ede8;border-radius:30px;background:linear-gradient(145deg,#f8fff9 0%,#fff 58%,#f4faf6 100%);box-shadow:0 24px 70px rgba(15,23,42,.075);text-align:center;color:#16221b}
.membership-content-gate:before,.membership-content-gate:after{content:"";position:absolute;pointer-events:none;border-radius:999px}
.membership-content-gate:before{width:260px;height:260px;right:-120px;top:-130px;background:radial-gradient(circle,rgba(34,197,94,.16),rgba(34,197,94,0) 68%)}
.membership-content-gate:after{width:210px;height:210px;left:-120px;bottom:-120px;background:radial-gradient(circle,rgba(230,188,90,.13),rgba(230,188,90,0) 68%)}
.membership-content-gate>*{position:relative;z-index:1}
.membership-content-gate-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 15px;border-radius:24px;background:linear-gradient(145deg,#17221c,#2c4034);color:#f2d291;font-size:31px;box-shadow:0 18px 38px rgba(18,46,30,.16)}
.membership-content-gate-kicker{display:block;margin-bottom:9px;color:#159451;font-size:11px;font-weight:900;letter-spacing:.18em}
.membership-content-gate h1{margin:0;font-size:30px;line-height:1.2;letter-spacing:-.035em;color:#111827}
.membership-content-gate p{width:min(100%,590px);margin:13px auto 0;color:#697586;font-size:14px;line-height:1.85}
.membership-content-gate-plans{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.membership-content-gate-plans span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid #d8efe0;border-radius:999px;background:#f0fbf4;color:#168b4c;font-size:11px;font-weight:800}
.membership-content-gate-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.membership-content-gate-actions .btn{min-width:128px}
.membership-content-gate>small{display:block;margin-top:18px;color:#9aa3ae;font-size:10px}

.membership-preview-lessons{width:min(100%,820px);margin:-24px auto 48px;padding:22px 24px;border:1px solid #e7ece9;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.055)}
.membership-preview-lessons>div{margin-bottom:12px}.membership-preview-lessons>div small{display:block;color:#16a34a;font-size:10px;font-weight:900;letter-spacing:.16em}.membership-preview-lessons>div h2{margin:5px 0 0;font-size:20px}.membership-preview-lessons>div p{margin:6px 0 0;color:#8b95a3;font-size:12px}
.membership-preview-lessons>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid #edf1ee;color:#17212b}.membership-preview-lessons>a b{font-size:13px}.membership-preview-lessons>a span{color:#16a34a;font-size:11px;font-weight:800;white-space:nowrap}
.membership-lesson-access{display:inline-flex!important;align-items:center!important;height:23px!important;padding:0 9px!important;border-radius:999px!important;font-size:10px!important;font-style:normal!important;font-weight:850!important}
.membership-lesson-access.free{background:#ecfdf3!important;color:#159451!important}.membership-lesson-access.locked{background:#fff7e8!important;color:#aa6b00!important}
.course-directory-card.is-member-locked{border-color:#eadfca!important;background:linear-gradient(180deg,#fffdfa,#fff)!important}
.course-directory-card.is-member-locked .course-directory-thumb{filter:saturate(.68)}
.course-directory-card.is-member-locked .course-study-btn{background:#202a24!important;color:#f4d99e!important}

/* 后台：会员内容管理 */
.admin-body .membership-content-bulk{margin:14px 0 18px;padding:0!important;border:0!important;background:transparent!important}
.admin-body .membership-content-bulk .admin-form-section{margin:0;padding:18px;border:1px solid #e2ece6;border-radius:18px;background:linear-gradient(180deg,#f8fff9,#fff)}
.admin-body .membership-access-editor-row>td{padding:0 12px 14px!important;background:#fbfcfb}
.admin-body .membership-access-inline-form{padding:16px;border:1px solid #e5e9e6;border-radius:16px;background:#fff}
.admin-body .membership-access-editor-row:target .membership-access-inline-form{border-color:#86d4a6;box-shadow:0 0 0 3px rgba(34,197,94,.08)}
.admin-body .membership-content-bulk .tag-checks,.admin-body .membership-access-inline-form .tag-checks{display:flex;gap:7px;flex-wrap:wrap}
.admin-body .membership-content-bulk .tag-checks label,.admin-body .membership-access-inline-form .tag-checks label{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #e4e8e5;border-radius:999px;background:#fff;font-size:12px;font-weight:650}
.admin-body .membership-content-bulk .tag-checks input,.admin-body .membership-access-inline-form .tag-checks input{width:auto;height:auto;margin:0;accent-color:#18a957}

@media(max-width:767.98px){
  .membership-content-gate{margin:12px auto 24px;padding:34px 18px 28px;border-radius:24px}
  .membership-content-gate-icon{width:60px;height:60px;border-radius:20px;font-size:26px}
  .membership-content-gate h1{font-size:22px}.membership-content-gate p{font-size:12px;line-height:1.75}
  .membership-content-gate-actions{display:grid;grid-template-columns:1fr;gap:8px}.membership-content-gate-actions .btn{width:100%;min-width:0}
  .membership-preview-lessons{margin:-8px auto 24px;padding:16px;border-radius:20px}.membership-preview-lessons>a{align-items:flex-start}.membership-preview-lessons>a span{font-size:10px}
}

/* =========================================================
   V3.15.0 · 手机端会员内容页完全按参考原型重做
   只保留：Banner / 三档菜单 / 核心权益 / 对比表 / 解锁按钮
   ========================================================= */
body.membership-prototype-only{background:#effbf4!important}
body.membership-prototype-only .notice-bar,
body.membership-prototype-only .site-header,
body.membership-prototype-only .global-breadcrumb,
body.membership-prototype-only .site-footer-shell,
body.membership-prototype-only .mobile-bottom-nav,
body.membership-prototype-only .bottom-nav,
body.membership-prototype-only .floating-actions{display:none!important}
body.membership-prototype-only .site-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:var(--vp-page,#effbf4)!important}
.vip-prototype-page{display:none}

@media (max-width:767.98px){
  html,body.membership-prototype-only{min-height:100%;background:var(--vp-page,#effbf4)!important}
  body.membership-prototype-only{overflow-x:hidden!important}
  body.membership-prototype-only .site-main{min-height:100dvh!important}
  .vip-prototype-page{display:block!important;width:100%!important;max-width:430px!important;min-height:100dvh!important;margin:0 auto!important;background:var(--vp-page,#effbf4)!important;color:#092641!important;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;transition:background-color .22s ease!important}
  .vip-prototype-page *{box-sizing:border-box!important}

  /* 顶部原型 Banner */
  .vp-banner{position:relative!important;width:100%!important;aspect-ratio:387/164!important;overflow:hidden!important;background:#f5f3dc!important}
  .vp-banner>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:opacity .15s ease!important}
  .vp-nav{position:absolute!important;top:8px!important;z-index:3!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(112,110,96,.43)!important;color:#fff!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;box-shadow:none!important;text-decoration:none!important}
  .vp-nav svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .vp-back{left:10px!important}.vp-share{right:10px!important}
  .vp-share.copied:after{content:"已复制"!important;position:absolute!important;right:0!important;top:41px!important;width:max-content!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(15,23,42,.82)!important;color:#fff!important;font-size:10px!important}

  .vp-body{position:relative!important;margin-top:0!important;background:var(--vp-page,#effbf4)!important;transition:background-color .22s ease!important}

  /* 菜单：完全使用参考图的白色上浮圆角壳 + 彩色轨道 */
  .vp-tabs-shell{position:relative!important;z-index:2!important;height:67px!important;margin-top:0!important;padding:16px 16px 9px!important;border-radius:18px 18px 0 0!important;background:#fff!important}
  .vp-tabs{position:relative!important;display:grid!important;grid-template-columns:repeat(var(--vp-count,3),minmax(0,1fr))!important;width:100%!important;height:42px!important;border-radius:10px!important;background:var(--vp-track,#27d279)!important;overflow:visible!important;transition:background-color .22s ease!important}
  .vp-tab{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:42px!important;margin:0!important;padding:0 7px!important;border:2px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#fff!important;font-size:15px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;transition:background .18s ease,color .18s ease,border-color .18s ease!important}
  .vp-tab.active{z-index:2!important;background:#fff!important;border-color:var(--vp-track,#27d279)!important;color:#082944!important}
  .vp-tab em{display:none!important;position:absolute!important;right:-5px!important;top:-17px!important;height:24px!important;padding:0 8px!important;border-radius:8px 8px 8px 0!important;background:#ff42c0!important;color:#fff!important;font-size:10px!important;font-style:normal!important;font-weight:800!important;line-height:24px!important;white-space:nowrap!important;box-shadow:none!important}
  .vp-tab:last-child em{display:block!important}

  .vp-rights-section{padding:8px 0 28px!important;background:var(--vp-page,#effbf4)!important;transition:background-color .22s ease!important}
  .vp-section-title{display:flex!important;align-items:center!important;height:38px!important;margin:0 0 9px!important;padding:0 16px 0 0!important;gap:9px!important}
  .vp-section-title>i{display:block!important;flex:0 0 auto!important;width:4px!important;height:22px!important;background:var(--vp-accent,#00b86b)!important;border-radius:0 2px 2px 0!important}
  .vp-section-title h2{margin:0!important;padding:0!important;color:var(--vp-accent,#007a5a)!important;font-size:22px!important;font-weight:900!important;line-height:1!important;letter-spacing:-.04em!important}
  .vp-section-title>span{display:flex!important;gap:12px!important;margin-left:auto!important;align-items:center!important}
  .vp-section-title>span b{display:block!important;width:13px!important;height:25px!important;background:rgba(196,207,204,.35)!important}

  /* 对比表：固定 1 + 3 列，和参考图保持比例 */
  .vp-table{display:grid!important;grid-template-columns:108px repeat(var(--vp-count,3),minmax(0,1fr))!important;width:calc(100% - 32px)!important;margin:0 16px!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
  .vp-col{display:flex!important;flex-direction:column!important;min-width:0!important;background:#fff!important}
  .vp-cell{display:flex!important;align-items:center!important;justify-content:center!important;height:59px!important;min-width:0!important;padding:6px 5px!important;border-right:1px solid #edf0f3!important;border-bottom:1px solid #edf0f3!important;background:#fff!important;text-align:center!important}
  .vp-col:last-child .vp-cell{border-right:0!important}.vp-col .vp-cell:last-child{border-bottom:0!important}
  .vp-head{height:61px!important;background:#f7f8fa!important}
  .vp-label-col .vp-head{justify-content:center!important;align-items:flex-start!important;padding-left:12px!important}
  .vp-label-col .vp-cell{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:7px 7px 7px 13px!important;text-align:left!important}
  .vp-label-col strong{display:block!important;color:#092641!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;white-space:normal!important}
  .vp-label-col small{display:block!important;margin-top:5px!important;color:#7182a0!important;font-size:10px!important;font-weight:500!important;line-height:1.2!important;white-space:normal!important}
  .vp-plan-col .vp-head{flex-direction:column!important}
  .vp-plan-col .vp-head strong{display:block!important;max-width:100%!important;color:#0a2943!important;font-size:13px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .vp-plan-col .vp-head small{display:block!important;margin-top:4px!important;color:#7182a0!important;font-size:10px!important;font-weight:500!important;line-height:1!important;white-space:nowrap!important}
  .vp-value span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;font-size:16px!important;font-weight:900!important;line-height:1!important}
  .vp-value.yes span{color:#7084aa!important}.vp-value.no span{color:#e3e7ea!important;font-weight:700!important}

  /* 当前套餐整列高亮，参考图中的圆角描边列 */
  .vp-plan-col.selected{position:relative!important;z-index:2!important;margin:-1px 0!important;border:1px solid var(--vp-border,#96e9bf)!important;border-radius:13px!important;background:var(--vp-selected,#ecfff4)!important;overflow:hidden!important}
  .vp-plan-col.selected:before{content:none!important;display:none!important}
  .vp-plan-col.selected .vp-cell{border-right:0!important;background:var(--vp-selected,#ecfff4)!important}
  .vp-plan-col.selected .vp-head{background-color:var(--vp-selected,#ecfff4)!important;background-image:var(--vp-rights-bg,none)!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important}
  .vp-plan-col.selected .vp-head small{color:var(--vp-accent,#00b86b)!important}
  .vp-plan-col.selected .vp-value.yes span{color:var(--vp-check,#00b86b)!important}

  /* 解锁按钮 */
  .vp-pay-wrap{position:relative!important;padding:25px 25px 0!important}
  .vp-pay{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:52px!important;padding:0 12px!important;border:0!important;border-radius:28px!important;background:linear-gradient(90deg,#082f66 0%,#062a5a 34%,var(--vp-track,#00a567) 100%)!important;color:#fff!important;text-decoration:none!important;font-size:16px!important;font-weight:900!important;line-height:1!important;letter-spacing:.01em!important;box-shadow:none!important}
  .vp-offer{position:absolute!important;right:27px!important;top:20px!important;z-index:3!important;height:22px!important;padding:0 9px!important;border-radius:6px 6px 0 0!important;background:#16dca8!important;color:#07594a!important;font-size:9px!important;font-weight:900!important;line-height:22px!important;white-space:nowrap!important}
  .vp-offer[hidden]{display:none!important}
}

@media (max-width:365px){
  .vp-tabs-shell{padding-left:10px!important;padding-right:10px!important}
  .vp-table{grid-template-columns:102px repeat(var(--vp-count,3),minmax(78px,1fr))!important;width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important;overflow-x:auto!important}
  .vp-pay-wrap{padding-left:22px!important;padding-right:22px!important}
  .vp-tab{font-size:14px!important}
}

@media (min-width:768px){
  body.membership-prototype-only{background:#eef0f2!important}
  body.membership-prototype-only .notice-bar,
  body.membership-prototype-only .site-header,
  body.membership-prototype-only .global-breadcrumb,
  body.membership-prototype-only .site-footer-shell{display:none!important}
  body.membership-prototype-only .site-main{padding:24px 0!important;background:#eef0f2!important}
  .vip-prototype-page{display:block!important;width:387px!important;min-height:789px!important;margin:0 auto!important;background:var(--vp-page,#effbf4)!important;box-shadow:0 24px 70px rgba(15,23,42,.12)!important}
  .vp-banner{position:relative!important;width:387px!important;height:164px!important;overflow:hidden!important}.vp-banner>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.vp-nav{position:absolute!important;top:8px!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:rgba(112,110,96,.43)!important;color:#fff!important}.vp-nav svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.4!important}.vp-back{left:10px!important}.vp-share{right:10px!important}
  .vp-body{background:var(--vp-page)!important}.vp-tabs-shell{height:67px!important;padding:16px 16px 9px!important;border-radius:18px 18px 0 0!important;background:#fff!important}.vp-tabs{position:relative!important;display:grid!important;grid-template-columns:repeat(var(--vp-count,3),1fr)!important;height:42px!important;border-radius:10px!important;background:var(--vp-track)!important}.vp-tab{position:relative!important;border:2px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#fff!important;font-size:15px!important;font-weight:800!important}.vp-tab.active{background:#fff!important;border-color:var(--vp-track)!important;color:#082944!important}.vp-tab em{display:none!important;position:absolute!important;right:-5px!important;top:-17px!important;height:24px!important;padding:0 8px!important;border-radius:8px 8px 8px 0!important;background:#ff42c0!important;color:#fff!important;font-size:10px!important;font-style:normal!important;line-height:24px!important}.vp-tab:last-child em{display:block!important}
  .vp-rights-section{padding:8px 0 28px!important;background:var(--vp-page)!important}.vp-section-title{display:flex!important;align-items:center!important;height:38px!important;margin-bottom:9px!important;padding-right:16px!important;gap:9px!important}.vp-section-title>i{width:4px!important;height:22px!important;background:var(--vp-accent)!important}.vp-section-title h2{font-size:22px!important;color:var(--vp-accent)!important}.vp-section-title>span{display:flex!important;gap:12px!important;margin-left:auto!important}.vp-section-title>span b{width:13px!important;height:25px!important;background:rgba(196,207,204,.35)!important}.vp-table{display:grid!important;grid-template-columns:108px repeat(var(--vp-count,3),1fr)!important;width:355px!important;margin:0 16px!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}.vp-col{display:flex!important;flex-direction:column!important}.vp-cell{display:flex!important;align-items:center!important;justify-content:center!important;height:59px!important;padding:6px 5px!important;border-right:1px solid #edf0f3!important;border-bottom:1px solid #edf0f3!important}.vp-head{height:61px!important;background:#f7f8fa!important}.vp-label-col .vp-cell{flex-direction:column!important;align-items:flex-start!important;padding-left:13px!important}.vp-plan-col.selected{border:1px solid var(--vp-border)!important;border-radius:13px!important;overflow:hidden!important;background:var(--vp-selected)!important}.vp-plan-col.selected .vp-cell{background:var(--vp-selected)!important}.vp-plan-col.selected .vp-head{background-color:var(--vp-selected)!important;background-image:var(--vp-rights-bg,none)!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important}.vp-plan-col.selected .vp-value.yes span{color:var(--vp-check)!important}.vp-pay-wrap{position:relative!important;padding:25px 25px 0!important}.vp-pay{display:flex!important;align-items:center!important;justify-content:center!important;height:52px!important;border-radius:28px!important;background:linear-gradient(90deg,#082f66,#062a5a,var(--vp-track))!important;color:#fff!important;text-decoration:none!important;font-size:16px!important;font-weight:900!important}.vp-offer{position:absolute!important;right:27px!important;top:20px!important;height:22px!important;padding:0 9px!important;border-radius:6px 6px 0 0!important;background:#16dca8!important;color:#07594a!important;font-size:9px!important;line-height:22px!important}
}


/* =========================================================
   V3.15.6 · 手机端会员页纵向空间适配
   - 外层背景统一为 #F6F7F9，减轻割裂感
   - 充分利用手机剩余高度，权益表自动拉伸
   - 解锁按钮保持在页面底部约 10px
   - 短屏仍保留最小行高并允许自然滚动
   ========================================================= */
@media (max-width:767.98px){
  html,
  body.membership-prototype-only{
    min-height:100%!important;
    background:#F6F7F9!important;
  }
  body.membership-prototype-only .site-main{
    min-height:100dvh!important;
    background:#F6F7F9!important;
  }
  .vip-prototype-page{
    min-height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    background:var(--vp-page,#effbf4)!important;
  }
  .vp-banner{
    flex:0 0 auto!important;
  }
  .vp-body{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    background:var(--vp-page,#effbf4)!important;
  }
  .vp-tabs-shell{
    flex:0 0 67px!important;
  }
  .vp-rights-section{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    padding:8px 0 10px!important;
    background:var(--vp-page,#effbf4)!important;
  }
  .vp-section-title{
    flex:0 0 38px!important;
    margin-bottom:9px!important;
  }
  .vp-table{
    flex:1 1 auto!important;
    min-height:414px!important;
    height:auto!important;
  }
  .vp-col{
    height:100%!important;
    min-height:414px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .vp-cell{
    flex:1 1 0!important;
    height:auto!important;
    min-height:59px!important;
  }
  .vp-head{
    flex:0 0 61px!important;
    height:61px!important;
    min-height:61px!important;
  }
  .vp-pay-wrap{
    flex:0 0 auto!important;
    margin-top:18px!important;
    padding:0 25px!important;
  }
  .vp-pay{
    height:52px!important;
  }
  .vp-offer{
    top:-5px!important;
    right:27px!important;
  }
}

/* 高屏手机：将剩余空间优先分配给权益行，避免底部留下大块空白 */
@media (max-width:767.98px) and (min-height:760px){
  .vp-table{
    min-height:0!important;
  }
  .vp-col{
    min-height:0!important;
  }
  .vp-cell{
    min-height:59px!important;
  }
}

/* =========================================================
   V3.15.7 · 会员原型交互细化
   - 推荐角标改为可自定义图片并按比例自适应
   - 返回 / 分享按钮按屏宽自适应，避免挤压变形
   - 核心权益整列可点击 / 键盘切换套餐
   - 当前套餐列顶部比其他列高约 5px
   ========================================================= */
@media (max-width:767.98px){
  .vp-nav{
    top:clamp(6px,2vw,9px)!important;
    width:clamp(28px,8.2vw,32px)!important;
    height:clamp(28px,8.2vw,32px)!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    padding:0!important;
    flex:0 0 auto!important;
    line-height:1!important;
  }
  .vp-nav svg{
    width:clamp(15px,4.6vw,18px)!important;
    height:clamp(15px,4.6vw,18px)!important;
    flex:0 0 auto!important;
  }
  .vp-back{left:clamp(7px,2.5vw,10px)!important}
  .vp-share{right:clamp(7px,2.5vw,10px)!important}

  .vp-tab-badge{
    position:absolute!important;
    z-index:5!important;
    right:clamp(-5px,-1vw,-2px)!important;
    top:clamp(-18px,-4.2vw,-14px)!important;
    display:block!important;
    width:clamp(42px,11.5vw,50px)!important;
    height:auto!important;
    max-height:30px!important;
    object-fit:contain!important;
    object-position:center!important;
    pointer-events:none!important;
    user-select:none!important;
  }

  /* 让高亮列可以向上突出 5px，同时保持表格底部对齐 */
  .vp-table{
    overflow:visible!important;
  }
  .vp-label-col .vp-head{border-top-left-radius:14px!important}
  .vp-label-col .vp-cell:last-child{border-bottom-left-radius:14px!important}
  .vp-plan-col:last-child:not(.selected) .vp-head{border-top-right-radius:14px!important}
  .vp-plan-col:last-child:not(.selected) .vp-cell:last-child{border-bottom-right-radius:14px!important}

  .vp-plan-col{
    position:relative!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    user-select:none!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:transform .16s ease,border-color .16s ease,background-color .16s ease!important;
  }
  .vp-plan-col:focus-visible{
    outline:2px solid var(--vp-border,#96e9bf)!important;
    outline-offset:2px!important;
  }
  .vp-plan-col:active{
    opacity:.94!important;
  }
  .vp-plan-col.selected{
    top:-5px!important;
    z-index:4!important;
    margin:0 0 -5px!important;
    padding-top:5px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }
  .vp-plan-col.selected .vp-head{
    border-radius:0!important;
  }
}
@media (max-width:767.98px){
  .vp-plan-col.selected{
    height:calc(100% + 5px)!important;
    margin:0!important;
  }
}

/* V3.15.8 · 导师选择支付抽屉 */
@media (max-width:767.98px){
  body.vp-sheet-open{overflow:hidden!important}
  .vp-mentor-overlay[hidden]{display:none!important}
  .vp-mentor-overlay{position:fixed;inset:0;z-index:9999;display:block!important}
  .vp-mentor-mask{position:absolute;inset:0;background:rgba(15,23,42,.46);opacity:0;transition:opacity .26s ease}
  .vp-mentor-sheet{position:absolute;left:0;right:0;bottom:0;max-height:min(92dvh,820px);border-radius:22px 22px 0 0;background:#f6f7f9;box-shadow:0 -18px 50px rgba(15,23,42,.18);transform:translateY(102%);transition:transform .3s cubic-bezier(.22,.8,.28,1);overflow:hidden}
  .vp-mentor-overlay.show .vp-mentor-mask{opacity:1}.vp-mentor-overlay.show .vp-mentor-sheet{transform:none}
  .vpm-close{position:absolute;right:14px;top:12px;z-index:4;width:34px;height:34px;border:0;background:transparent;color:#8d97a7;font-size:29px;line-height:1}
  .vpm-scroll{max-height:min(92dvh,820px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 16px calc(17px + env(safe-area-inset-bottom))}
  .vpm-amount-label{text-align:center;font-size:15px;color:#152033}.vpm-amount{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:5px 0 15px}.vpm-amount small{font-size:17px;font-weight:800}.vpm-amount strong{font-size:31px;line-height:1;font-weight:900;letter-spacing:-.04em}
  .vpm-copy{margin-bottom:12px}.vpm-copy b{display:block;font-size:15px;line-height:1.45;color:#182235}.vpm-copy p{margin:4px 0 0;font-size:12px;line-height:1.55;color:#515d70}
  .vpm-form{display:grid;gap:12px}.vpm-mentor-list{display:grid;gap:10px;max-height:232px;overflow-y:auto;padding:1px 1px 4px;scrollbar-width:none}.vpm-mentor-list::-webkit-scrollbar{display:none}
  .vpm-mentor-card{width:100%;padding:13px 12px 12px;border:1px solid transparent;border-radius:14px;background:#fff;text-align:left;color:#172033;box-shadow:none}.vpm-mentor-card.active{border-color:#00c879;background:#fff}.vpm-mentor-card:disabled{opacity:.44}.vpm-mentor-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.vpm-avatar-wrap{position:relative;width:46px;height:46px}.vpm-avatar-wrap>img{width:46px;height:46px;border-radius:50%;object-fit:cover;display:block}.vpm-avatar-wrap>span{position:absolute;left:-2px;bottom:-6px;max-width:58px;padding:2px 6px;border-radius:999px;background:linear-gradient(90deg,var(--mbg1),var(--mbg2));color:#fff;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 10px rgba(0,184,107,.14)}
  .vpm-mentor-main>b{display:block;font-size:15px;font-weight:850}.vpm-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.vpm-tags em{padding:2px 6px;border-radius:999px;background:var(--tag-bg);color:var(--tag-color);font-size:9px;font-style:normal;line-height:1.3}.vpm-mentor-top>i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#09bd6f;color:#fff;font-style:normal;font-size:12px;opacity:0}.vpm-mentor-card.active .vpm-mentor-top>i{opacity:1}
  .vpm-mentor-card>p{margin:9px 0 0;font-size:12px;line-height:1.65;color:#68809a}.vpm-lock-note{padding:10px 12px;border-radius:12px;background:#ecfff5;color:#087b4c;font-size:11px;line-height:1.5}.vpm-empty{padding:16px;border-radius:12px;background:#fff;color:#8792a3;text-align:center;font-size:12px}
  .vpm-section-title{margin:2px 0 0;font-size:14px;color:#111827;font-weight:500}.vpm-info-card{overflow:hidden;border-radius:13px;background:#fff}.vpm-info-card>div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 14px}.vpm-info-card span{font-size:13px;color:#111827}.vpm-info-card b{font-size:13px;color:#172033}.vpm-info-card .price{color:#ff4d00}.vpm-info-card .price i{font-style:normal;font-weight:500;margin-right:2px}.vpm-referral{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:0 14px;border-radius:13px;background:#fff}.vpm-referral>span{font-size:13px;color:#172033}.vpm-referral small{margin-left:2px;color:#7d8797;font-size:11px;font-weight:400}.vpm-referral input{min-width:0;flex:1;border:0!important;background:transparent!important;outline:0!important;text-align:right;font-size:13px;color:#172033;padding:0!important;box-shadow:none!important}.vpm-referral input::placeholder{color:#a7afbd}
  .vpm-pay-methods{display:flex;justify-content:flex-end;gap:20px;margin-top:-2px}.vpm-pay-methods label{display:flex;align-items:center;gap:6px;font-size:13px;color:#5f6878}.vpm-pay-methods input{appearance:none;width:18px;height:18px;border:1px solid #c8cdd4;border-radius:50%;background:#fff;position:relative}.vpm-pay-methods input:checked{border-color:#00bf6e;background:#00bf6e}.vpm-pay-methods input:checked:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900}.vpm-pay-methods small{display:block;font-size:9px;color:#9aa3af;margin-top:2px}
  .vpm-agree{display:flex;align-items:center;gap:6px;font-size:12px;color:#8a94a3}.vpm-agree input{appearance:none;width:15px;height:15px;border-radius:3px;border:1px solid #00bf6e;background:#00bf6e;position:relative}.vpm-agree input:checked:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900}.vpm-agree a{color:#00b86b;text-decoration:none}.vpm-submit{height:46px;border:0;border-radius:4px;background:#00c879;color:#fff;font-size:17px;font-weight:500;box-shadow:none}.vpm-submit:disabled{background:#b8c1cb}
}

/* =========================================================
   V3.15.9 · 购买后导师服务入口
   ========================================================= */
.membership-mentor-service-entry,.mp-mentor-service-entry{display:none}
.mentor-service-page{max-width:920px;margin:0 auto 36px;display:grid;gap:16px}
.mentor-service-topbar{display:none}
.mentor-service-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;border-radius:28px;background:linear-gradient(135deg,#12251e 0%,#173b2c 54%,#0d6942 100%);color:#fff;box-shadow:0 24px 56px rgba(15,23,42,.12)}
.mentor-service-hero:after{content:"";position:absolute;right:-60px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 68%);pointer-events:none}
.mentor-service-avatar{position:relative;width:92px;height:92px;z-index:1}.mentor-service-avatar img{display:block;width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.72)}.mentor-service-avatar span{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);max-width:104px;padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,var(--msb1),var(--msb2));font-size:10px;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px rgba(0,0,0,.15)}
.mentor-service-hero-copy{position:relative;z-index:1}.mentor-service-hero-copy>small{font-size:10px;letter-spacing:.18em;color:#74efad;font-weight:900}.mentor-service-hero-copy h1{margin:5px 0 7px;font-size:28px;color:#fff}.mentor-service-hero-copy p{margin:8px 0 0;max-width:560px;color:rgba(255,255,255,.76);font-size:13px;line-height:1.7}.mentor-service-tags{display:flex;gap:6px;flex-wrap:wrap}.mentor-service-tags em{padding:3px 8px;border-radius:999px;background:var(--mst-bg);color:var(--mst-color);font-size:10px;font-style:normal;font-weight:750}
.mentor-service-status{position:relative;z-index:1;display:grid;justify-items:end;gap:5px}.mentor-service-status b{display:inline-flex;padding:6px 11px;border-radius:999px;background:#22c55e;color:#fff;font-size:12px}.mentor-service-status small{color:rgba(255,255,255,.72)}
.mentor-service-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mentor-service-meta>div{padding:15px 17px;border-radius:18px;background:#fff;border:1px solid #e9eef2;box-shadow:0 10px 24px rgba(15,23,42,.04)}.mentor-service-meta small{display:block;color:#98a2b3;font-size:11px}.mentor-service-meta b{display:block;margin-top:5px;color:#172033;font-size:14px}
.mentor-service-panel{padding:20px;border-radius:24px;background:#fff;border:1px solid #e9eef2;box-shadow:0 14px 32px rgba(15,23,42,.05)}.mentor-service-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px}.mentor-service-section-head small{display:block;color:#12a861;font-size:10px;font-weight:900;letter-spacing:.18em}.mentor-service-section-head h2{margin:4px 0 0;font-size:21px;color:#172033}.mentor-service-section-head>span{font-size:11px;color:#9aa4b2}
.mentor-service-contact-grid,.mentor-service-group-card{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:start}.mentor-service-contact-info{display:grid;gap:10px}.mentor-service-copy-row,.mentor-service-hours{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border-radius:16px;background:#f6faf8;border:1px solid #e7f3eb}.mentor-service-copy-row small,.mentor-service-hours small{display:block;color:#8b96a7;font-size:11px}.mentor-service-copy-row b,.mentor-service-hours b{display:block;margin-top:4px;color:#152033;font-size:16px;word-break:break-all}.mentor-service-copy-row button{flex:0 0 auto;height:32px;padding:0 14px;border:0;border-radius:999px;background:#e8fff3;color:#07884d;font-size:11px;font-weight:800}.mentor-service-hours{display:block}
.mentor-service-qr{margin:0;padding:12px;border-radius:18px;background:#f8faf9;border:1px solid #e6eeea;text-align:center}.mentor-service-qr img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px;background:#fff}.mentor-service-qr figcaption{margin-top:8px;color:#778394;font-size:10px;line-height:1.5}
.mentor-service-group-copy small{color:#8b96a7;font-size:11px}.mentor-service-group-copy h3{margin:5px 0 8px;font-size:19px;color:#152033}.mentor-service-group-copy p{margin:0;color:#617083;font-size:13px;line-height:1.85;white-space:normal}.mentor-service-notice>p{margin:0;padding:14px 16px;border-radius:16px;background:#fff9e9;color:#735319;font-size:13px;line-height:1.9}.mentor-service-security{padding:13px 16px;border-radius:17px;background:#eefaf3;color:#286044}.mentor-service-security b{display:block;font-size:13px}.mentor-service-security p{margin:4px 0 0;font-size:11px;line-height:1.7}.mentor-service-toast{position:fixed;left:50%;bottom:86px;z-index:9999;transform:translateX(-50%);padding:10px 16px;border-radius:999px;background:rgba(17,24,39,.92);color:#fff;font-size:12px;box-shadow:0 18px 40px rgba(15,23,42,.2)}

@media (max-width:767.98px){
  body.page-route-mentor-service .site-header,body.page-route-mentor-service .breadcrumbs{display:none!important}
  body.page-route-mentor-service .site-main,body.page-route-mentor-service main.site-main{padding:0!important;background:#f6f7f9!important}
  .mentor-service-page{width:100%;max-width:none;margin:0;padding:0 12px calc(22px + env(safe-area-inset-bottom));gap:12px;background:#f6f7f9}
  .mentor-service-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;height:54px;background:rgba(246,247,249,.94);backdrop-filter:blur(16px)}.mentor-service-topbar>a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#233044;font-size:24px;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.05)}.mentor-service-topbar>a:last-child{justify-self:end;font-size:14px}.mentor-service-topbar strong{text-align:center;font-size:17px;color:#172033}
  .mentor-service-hero{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:17px;border-radius:22px}.mentor-service-avatar{width:64px;height:64px}.mentor-service-avatar img{width:64px;height:64px;border-width:2px}.mentor-service-avatar span{bottom:-6px;padding:3px 7px;font-size:8px}.mentor-service-hero-copy>small{font-size:8px}.mentor-service-hero-copy h1{font-size:21px;margin:3px 0 5px}.mentor-service-hero-copy p{font-size:11px;line-height:1.55;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mentor-service-tags{gap:4px}.mentor-service-tags em{font-size:8px;padding:2px 6px}.mentor-service-status{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:11px}.mentor-service-status b{padding:5px 10px;font-size:10px}.mentor-service-status small{font-size:10px}
  .mentor-service-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mentor-service-meta>div{padding:12px 8px;border-radius:15px;text-align:center}.mentor-service-meta small{font-size:9px}.mentor-service-meta b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mentor-service-panel{padding:15px;border-radius:20px}.mentor-service-section-head{margin-bottom:11px}.mentor-service-section-head h2{font-size:18px}.mentor-service-section-head>span{font-size:10px}.mentor-service-contact-grid,.mentor-service-group-card{grid-template-columns:minmax(0,1fr) 118px;gap:10px}.mentor-service-copy-row,.mentor-service-hours{padding:12px 11px;border-radius:14px}.mentor-service-copy-row b,.mentor-service-hours b{font-size:14px}.mentor-service-copy-row button{height:30px;padding:0 11px}.mentor-service-qr{padding:7px;border-radius:14px}.mentor-service-qr img{border-radius:10px}.mentor-service-qr figcaption{font-size:9px;margin-top:6px}.mentor-service-group-copy h3{font-size:16px}.mentor-service-group-copy p{font-size:11px;line-height:1.7}.mentor-service-notice>p{padding:12px;font-size:11px;line-height:1.8}.mentor-service-security{font-size:11px}
  .membership-mentor-service-entry{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;margin:0;padding:13px 14px;border-radius:20px;background:linear-gradient(135deg,#effcf4,#fff);border:1px solid #daf1e3;text-decoration:none;box-shadow:0 12px 28px rgba(15,23,42,.04)}.membership-mentor-service-avatar{position:relative;width:48px;height:48px}.membership-mentor-service-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.membership-mentor-service-avatar span{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);padding:2px 5px;border-radius:999px;background:#13b969;color:#fff;font-size:7px;white-space:nowrap}.membership-mentor-service-copy{min-width:0}.membership-mentor-service-copy small{display:block;color:#11a75f;font-size:8px;font-weight:900;letter-spacing:.12em}.membership-mentor-service-copy b{display:block;margin-top:3px;color:#172033;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.membership-mentor-service-copy span{display:block;margin-top:4px;color:#7d8998;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.membership-mentor-service-entry>em{font-size:10px;color:#0e9c58;font-style:normal;font-weight:800;white-space:nowrap}
  .mp-mentor-service-entry{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px;border-radius:19px;background:linear-gradient(135deg,#edfff4,#fff);border:1px solid #ddf3e5;text-decoration:none;box-shadow:0 10px 24px rgba(15,23,42,.04)}.mp-mentor-service-avatar img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover}.mp-mentor-service-entry small{display:block;color:#12a861;font-size:8px;font-weight:900;letter-spacing:.13em}.mp-mentor-service-entry b{display:block;margin-top:3px;color:#172033;font-size:13px}.mp-mentor-service-entry span{display:block;margin-top:4px;color:#7d8998;font-size:9px}.mp-mentor-service-entry em{font-style:normal;color:#0c9b57;font-size:11px;font-weight:800}
}
@media (max-width:389.98px){.mentor-service-contact-grid,.mentor-service-group-card{grid-template-columns:1fr}.mentor-service-qr{max-width:180px;margin:0 auto}.mentor-service-meta{grid-template-columns:1fr 1fr}.mentor-service-meta>div:last-child{grid-column:1/-1}}
@media (max-width:767.98px){body.page-route-mentor-service .mobile-bottom-nav,body.page-route-mentor-service .site-footer{display:none!important}}

/* V5.9 user credit & task access */
.qzp-v59-credit-entry{margin-top:12px;border:1px solid #d8ebe1;background:linear-gradient(135deg,#f8fffb 0,#effaf4 100%);border-radius:18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;overflow:hidden}.qzp-v59-credit-entry:after{content:"";position:absolute;width:130px;height:130px;border-radius:999px;background:rgba(30,184,111,.08);right:-42px;top:-50px}.qzp-v59-credit-entry>div:first-child{display:grid;gap:2px;position:relative;z-index:1}.qzp-v59-credit-entry small{font-size:10px;letter-spacing:.12em;font-weight:800;color:#1b9b64}.qzp-v59-credit-entry b{font-size:16px;color:#153426}.qzp-v59-credit-entry span{font-size:11px;color:#71847a}.qzp-v59-credit-ring{--credit:60%;width:58px;height:58px;border-radius:999px;background:conic-gradient(#15b86e var(--credit),#dfebe5 0);display:grid;place-items:center;position:relative;z-index:1}.qzp-v59-credit-ring:before{content:"";position:absolute;inset:5px;border-radius:999px;background:#fff}.qzp-v59-credit-ring strong,.qzp-v59-credit-ring small{position:relative;z-index:1;line-height:1}.qzp-v59-credit-ring strong{font-size:14px;color:#125d3d}.qzp-v59-credit-ring small{font-size:8px;color:#83958b;letter-spacing:0}.qzp-v59-task-credit-note{display:block;text-align:center;margin-top:8px;color:#788980;font-size:11px;line-height:1.5}
.qzp-v59-credit-entry{text-decoration:none;color:inherit}.qzp-v59-credit-page{width:min(1080px,calc(100% - 32px));margin:16px auto 70px}.qzp-v59-credit-hero{display:flex;gap:16px;align-items:flex-start;padding:12px 2px 18px}.qzp-v59-credit-hero>a{width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid #e1ebe6;display:grid;place-items:center;text-decoration:none;color:#264b3a;font-size:25px}.qzp-v59-credit-hero small{font-size:10px;letter-spacing:.14em;color:#11a86a;font-weight:900}.qzp-v59-credit-hero h1{margin:3px 0 6px;font-size:28px;color:#163326}.qzp-v59-credit-hero p{margin:0;color:#71837a;font-size:13px;line-height:1.6}.qzp-v59-credit-score-card{border-radius:26px;background:linear-gradient(135deg,#113326,#0d5638 55%,#0c8d58);padding:26px;color:#fff;display:grid;grid-template-columns:1fr 190px;gap:24px;box-shadow:0 18px 40px rgba(14,91,57,.16);position:relative;overflow:hidden}.qzp-v59-credit-score-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(139,255,194,.22),transparent 68%);right:-70px;top:-100px}.qzp-v59-credit-score-card .main,.qzp-v59-credit-score-card .quota{position:relative;z-index:1}.qzp-v59-credit-score-card .main>span{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:12px;font-weight:800}.qzp-v59-credit-score-card .main>strong{display:block;font-size:58px;letter-spacing:-3px;margin:8px 0 -3px}.qzp-v59-credit-score-card .main>small{color:#bad6c8}.qzp-v59-credit-score-card .main>i{display:block;height:8px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden;max-width:470px;margin:17px 0 9px}.qzp-v59-credit-score-card .main>i em{display:block;height:100%;background:linear-gradient(90deg,#7ff0ae,#d9ff85);border-radius:inherit}.qzp-v59-credit-score-card .main p{margin:0;color:#c4dacf;font-size:12px}.qzp-v59-credit-score-card .quota{align-self:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px}.qzp-v59-credit-score-card .quota small{display:block;color:#bad5c7}.qzp-v59-credit-score-card .quota strong{display:block;font-size:26px;margin:5px 0}.qzp-v59-credit-score-card .quota span{font-size:11px;color:#c4d9cf}.qzp-v59-credit-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px;margin-top:16px}.qzp-v59-credit-grid>section,.qzp-v59-credit-how{background:#fff;border:1px solid #e0ebe5;border-radius:20px;padding:20px}.qzp-v59-credit-grid h2,.qzp-v59-credit-how h2{font-size:17px;margin:0 0 15px;color:#173426}.qzp-v59-credit-grid .metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.qzp-v59-credit-grid .metrics>div{padding:15px;border-radius:14px;background:#f6faf8;display:grid;gap:2px}.qzp-v59-credit-grid .metrics b{font-size:22px}.qzp-v59-credit-grid .metrics small{font-size:11px;color:#809088}.qzp-v59-credit-levels{display:grid;gap:8px}.qzp-v59-credit-levels>div{display:grid;grid-template-columns:92px 60px 1fr;gap:10px;align-items:center;border:1px solid #e7eeea;border-radius:12px;padding:10px 12px}.qzp-v59-credit-levels>div.active{border-color:#36bb78;background:#f0fbf5;box-shadow:0 0 0 2px rgba(54,187,120,.08)}.qzp-v59-credit-levels span{font-size:12px;font-weight:800}.qzp-v59-credit-levels b{font-size:12px;color:#0b9a5e}.qzp-v59-credit-levels small{font-size:11px;color:#7c8c84}.qzp-v59-credit-how{margin-top:16px}.qzp-v59-credit-how>div{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #edf2ef}.qzp-v59-credit-how>div>span{width:32px;height:32px;border-radius:10px;background:#eaf8f0;color:#0a965a;display:grid;place-items:center;font-size:11px;font-weight:900}.qzp-v59-credit-how p{margin:0;display:grid;gap:2px}.qzp-v59-credit-how p b{font-size:13px}.qzp-v59-credit-how p small{color:#7f8f86;font-size:11px;line-height:1.5}.qzp-v59-credit-how .notice{margin-top:15px;padding:12px 14px;border-radius:12px;background:#fff8e8;color:#896516;font-size:11px;line-height:1.55;display:block}
@media(max-width:720px){.qzp-v59-credit-page{width:calc(100% - 20px);margin-top:8px}.qzp-v59-credit-hero h1{font-size:22px}.qzp-v59-credit-score-card{grid-template-columns:1fr;padding:20px;border-radius:22px}.qzp-v59-credit-score-card .main>strong{font-size:48px}.qzp-v59-credit-score-card .quota{padding:14px}.qzp-v59-credit-grid{grid-template-columns:1fr}.qzp-v59-credit-levels>div{grid-template-columns:86px 52px 1fr}.qzp-v59-credit-grid>section,.qzp-v59-credit-how{padding:16px;border-radius:17px}}


/* V5.9.15.5 · 手机端导师二维码改为弹窗查看 */
.mentor-service-qr-trigger{appearance:none;-webkit-appearance:none;width:100%;min-height:116px;margin:0;padding:13px 12px;border:1px solid #e4eee8;border-radius:18px;background:linear-gradient(145deg,#f6fbf8,#fff);display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;color:#172033;box-shadow:none;cursor:pointer;touch-action:manipulation;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.mentor-service-qr-trigger:active{transform:scale(.975);border-color:#b9e8ce}.mentor-service-qr-trigger-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e7fff2;color:#06a85d;font-size:23px;font-weight:900}.mentor-service-qr-trigger>span:nth-child(2){min-width:0}.mentor-service-qr-trigger b{display:block;color:#172033;font-size:13px;line-height:1.35}.mentor-service-qr-trigger small{display:block;margin-top:5px;color:#8b96a7;font-size:9px;line-height:1.5}.mentor-service-qr-trigger i{justify-self:end;color:#a0abb7;font-size:24px;font-style:normal;font-weight:400}
body.mentor-qr-modal-open{overflow:hidden!important;touch-action:none}.mentor-qr-modal[hidden]{display:none!important}.mentor-qr-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:22px 18px calc(22px + env(safe-area-inset-bottom));opacity:0;transition:opacity .2s ease}.mentor-qr-modal.is-open{opacity:1}.mentor-qr-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.54);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mentor-qr-modal-card{position:relative;z-index:1;width:min(100%,330px);padding:28px 22px 20px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:linear-gradient(180deg,#f6fffb 0,#fff 34%,#fff 100%);box-shadow:0 28px 70px rgba(15,23,42,.28);text-align:center;transform:translateY(26px) scale(.965);opacity:.25;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease;overflow:hidden}.mentor-qr-modal.is-open .mentor-qr-modal-card{transform:translateY(0) scale(1);opacity:1}.mentor-qr-modal-card:before{content:"";position:absolute;left:-15%;right:-15%;top:-82px;height:170px;background:radial-gradient(circle at 50% 80%,rgba(74,222,128,.18),transparent 58%);pointer-events:none}.mentor-qr-modal-close{position:absolute;right:13px;top:13px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:#f0f4f2;color:#657269;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}.mentor-qr-modal-brand{position:relative;display:grid;place-items:center;width:66px;height:66px;margin:0 auto 10px;border-radius:23px;background:linear-gradient(145deg,#05c76e,#00a95e);box-shadow:0 14px 28px rgba(0,184,107,.18)}.mentor-qr-modal-brand span{color:#fff;font-size:30px;font-weight:950}.mentor-qr-modal-brand i{position:absolute;right:-7px;top:-7px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff3c4;color:#f4a900;font-size:12px;font-style:normal;box-shadow:0 6px 16px rgba(15,23,42,.12)}.mentor-qr-modal-eyebrow{color:#08a85d;font-size:8px;font-weight:950;letter-spacing:.18em}.mentor-qr-modal-card h2{margin:6px 0 5px;color:#172033;font-size:22px;line-height:1.3}.mentor-qr-modal-card>p{margin:0 auto 15px;max-width:260px;color:#8793a3;font-size:11px;line-height:1.65}.mentor-qr-modal-image{width:242px;max-width:100%;margin:0 auto;padding:12px;border:1.5px solid #12c66d;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(8,168,93,.08)}.mentor-qr-modal-image img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#fff;-webkit-touch-callout:default;user-select:auto}.mentor-qr-modal-tip{display:grid;gap:3px;margin-top:13px}.mentor-qr-modal-tip b{color:#587064;font-size:11px}.mentor-qr-modal-tip span{color:#9aa5b1;font-size:9px}.mentor-qr-modal-ok{width:100%;height:44px;margin-top:16px;border:0;border-radius:15px;background:linear-gradient(135deg,#0cc86e,#05a95e);color:#fff;font-size:14px;font-weight:850;box-shadow:0 12px 24px rgba(0,184,107,.18);cursor:pointer}.mentor-qr-modal-ok:active{transform:scale(.985)}
@media (max-width:767.98px){.mentor-service-contact-grid,.mentor-service-group-card{grid-template-columns:minmax(0,1fr) 118px}.mentor-service-qr-trigger{min-height:118px;padding:10px 8px;grid-template-columns:1fr;text-align:center;justify-items:center;gap:5px}.mentor-service-qr-trigger-icon{width:44px;height:44px}.mentor-service-qr-trigger b{font-size:11px}.mentor-service-qr-trigger small{font-size:8px;margin-top:3px}.mentor-service-qr-trigger i{display:none}.mentor-qr-modal{align-items:center}.mentor-qr-modal-card{width:min(100%,320px);padding:25px 19px 18px;border-radius:25px}.mentor-qr-modal-image{width:232px}.mentor-qr-modal-card h2{font-size:21px}}
@media (max-width:389.98px){.mentor-service-contact-grid,.mentor-service-group-card{grid-template-columns:1fr}.mentor-service-qr-trigger{grid-template-columns:42px minmax(0,1fr) 18px;min-height:72px;text-align:left;justify-items:stretch}.mentor-service-qr-trigger i{display:block}.mentor-service-qr-trigger-icon{width:42px;height:42px}.mentor-service-qr-trigger b{font-size:12px}.mentor-service-qr-trigger small{font-size:9px}.mentor-qr-modal-card{width:min(100%,306px)}.mentor-qr-modal-image{width:218px}}
@media (prefers-reduced-motion:reduce){.mentor-qr-modal,.mentor-qr-modal-card,.mentor-service-qr-trigger{transition:none!important}}


/* =========================================================
   V5.9.15.6.1 · 导师二维码弹窗自定义视觉
   ========================================================= */
.mentor-qr-modal-card{
  background:#fff!important;
}
.mentor-qr-modal-card:before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:132px!important;
  border-radius:28px 28px 0 0!important;
  background:linear-gradient(135deg,var(--mentor-qr-g1,#e9fff5),var(--mentor-qr-g2,#ffffff))!important;
  pointer-events:none!important;
}
.mentor-qr-modal-brand{
  overflow:hidden;
  background:linear-gradient(145deg,#05c76e,#00a95e);
}
.mentor-qr-modal-brand img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
}
.mentor-qr-modal-image{
  background-color:var(--mentor-qr-bg-color,#fff)!important;
  background-image:var(--mentor-qr-bg-image,none)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.mentor-qr-modal-image img{
  background:#fff!important;
}


/* V5.9.15.7.37.1 · imported long-document front-end visibility safeguard.
   Lesson content must never stay invisible just because a reveal observer
   cannot calculate a useful percentage for a very tall DOCX/PDF body. */
.page-route-course_lesson .course-study-content[data-reveal]{opacity:1!important;transform:none!important}
.page-route-course_lesson .course-article-body figure{max-width:100%;margin:1.15rem auto}
.page-route-course_lesson .course-article-body figure>img{display:block;max-width:100%;width:auto;height:auto!important;margin:0 auto}
.page-route-course_lesson .course-article-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}