@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";.toast-host[data-v-10e19154]{position:fixed;left:0;right:0;top:40%;z-index:999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast-item[data-v-10e19154]{display:flex;align-items:center;gap:8px;max-width:80%;padding:10px 16px;border-radius:10px;background:#090b12d9;color:#fff;font-size:12px;text-align:center}.toast-item--fail[data-v-10e19154]{background:#b02318eb}.toast-item--success[data-v-10e19154]{background:#127647eb}.toast-spinner[data-v-10e19154]{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:toast-spin-10e19154 .7s linear infinite;flex-shrink:0}@keyframes toast-spin-10e19154{to{transform:rotate(360deg)}}:root{--ink: #101828;--muted: #667085;--line: #e7eaf0;--soft: #f5f7fb;--panel: #ffffff;--night: #090b12;--night-2: #111523;--blue: #2878ff;--violet: #743cff;--cyan: #00c8ff;--green: #12b76a;--orange: #f79009;--red: #f04438;--shadow: 0 10px 30px rgba(16, 24, 40, .08);--radius: 14px;--primary: #6657df;--primary-dark: #5143c3;--primary-light: #f1efff;--primary-bg: #f7f5ff;color:var(--ink);background:var(--soft);font-family:DM Sans,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6fa}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(102,87,223,.18);outline-offset:1px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;display:grid;place-items:center;background:#090b1273}.dialog-box{width:280px;padding:20px 18px 14px;border-radius:14px;background:#fff;text-align:center}.dialog-title{margin:0 0 8px;font-size:15px;color:#101828}.dialog-message{margin:0;font-size:12px;color:#667085;line-height:1.6}.dialog-actions{display:flex;margin-top:18px;border-top:1px solid var(--line)}.dialog-btn{flex:1;padding:12px 0;background:none;border:none;font-size:13px}.dialog-btn--cancel{color:#667085;border-right:1px solid var(--line)}.dialog-btn--confirm{color:#3867ea;font-weight:600}.spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #e7eaf0;border-top-color:#667085;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-app{min-height:100vh;padding-bottom:74px;background:#f4f6fa;color:var(--ink)}.mobile-head,.mobile-page-head{height:64px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#f4f6faeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);color:#101828}.mobile-logo{display:flex;align-items:center;gap:8px;padding:0;background:none}.mobile-logo-img{width:24px;height:24px;border-radius:6px;object-fit:cover}.mobile-page{background:#f4f6fa;min-height:100vh;padding:0 16px 100px}.mobile-page-state{text-align:center;padding:64px;background:#f4f6fa;min-height:100vh}.mobile-page-state--muted{color:#667085}.mobile-loading-state{text-align:center;padding:32px}.mobile-page-head-text{text-align:left}.mobile-page-head-eyebrow{margin:0;color:#98a2b3;font-size:8px}.mobile-page-head-title{margin:2px 0 0;font-size:19px;color:#101828}.icon-btn{width:34px;height:34px;display:grid;place-items:center;background:#fff;color:#667085;border-radius:9px;border:1px solid var(--line)}.icon-btn--danger{background:#fff0ee;color:#f04438;border:1px solid #ffe3e0}.detail-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.detail-card+.detail-card{margin-top:12px}.detail-card-title{font-size:12px;font-weight:700;color:#101828;margin-bottom:12px}.detail-info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.detail-info-row>span:first-child{color:#667085}.detail-info-row>span:last-child{color:#101828}.tag-chip{background:#eef3ff;color:#4164c9;border:none;border-radius:6px}.text-icon-btn{width:34px;height:34px;background:none;color:#667085;font-size:9px}.card-meta{font-size:8px;color:#667085;margin-top:3px}.field-card{padding:14px 16px;background:#fff;border-radius:12px}.field-card-label{margin:0 0 4px;color:#667085;font-size:9px}.field-card-input{width:100%;background:none;border:none;outline:none;color:#101828;font-size:15px}.mobile-logo b{font-size:16px;color:#101828}.mobile-head>div{display:flex;align-items:center;gap:3px}.mobile-head>div>button,.mobile-page-head>button{width:34px;height:34px;position:relative;display:grid;place-items:center;background:#fff;color:#667085;border-radius:10px;border:1px solid var(--line)}.mobile-bell i{width:6px;height:6px;position:absolute;right:5px;top:5px;border:1px solid #fff;border-radius:50%;background:var(--red)}.mobile-hero{margin:-64px 0 0;padding:72px 18px 22px;color:#fff;background:radial-gradient(circle at 88% 14%,rgba(0,200,255,.34),transparent 30%),linear-gradient(145deg,#0a0c13,#20274a 58%,#17233a);border-radius:0 0 26px 26px;position:relative;overflow:hidden}.mobile-hero:after{content:"";position:absolute;width:160px;height:160px;right:-72px;bottom:-92px;border-radius:50%;box-shadow:0 0 0 22px #ffffff0b,0 0 0 44px #ffffff06;pointer-events:none}.mobile-hero-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand img{width:35px;height:35px;border-radius:10px;object-fit:cover}.mobile-brand strong{display:block;font-size:13px;color:#fff}.mobile-brand span{font-size:9px;color:#8794ad}.mobile-bell-btn{width:32px;height:32px;border:0;border-radius:10px;display:grid;place-items:center;color:#fff;background:#ffffff14;position:relative}.mobile-bell-btn:after{content:"";position:absolute;width:6px;height:6px;top:6px;right:6px;border-radius:50%;background:#ff5c57}.mobile-greeting{margin:24px 0 15px;position:relative;z-index:1}.mobile-greeting small{color:#8b98b1;font-size:12px}.mobile-greeting h2{margin:5px 0 0;font-size:20px;color:#fff}.quota-mobile{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:relative;z-index:1}.dark-metric{padding:13px;border-radius:13px;background:#ffffff13;border:1px solid rgba(255,255,255,.07)}.dark-metric span{color:#9ca8bc;font-size:9px}.dark-metric strong{display:block;margin-top:5px;font-size:19px;color:#fff}.mobile-main{padding:19px 16px}.mobile-score{width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:19px;background:linear-gradient(135deg,#6d5cdf,#5848cb);color:#fff;box-shadow:0 8px 22px #5b49cd33}.mobile-score b{font-size:20px;line-height:1}.mobile-score span{margin-top:4px;color:#d9d5f4;font-size:8px}.mobile-progress-card{margin:18px 0 23px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fff}.progress-top{display:flex;align-items:center}.stacked-avatars{display:flex;margin-right:8px}.stacked-avatars span{width:22px;height:22px;margin-left:-5px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#d6c6bc;color:#fff;font-size:7px}.stacked-avatars span:nth-child(2){background:#8293ae}.stacked-avatars span:nth-child(3){background:#9d84b1}.progress-top p{flex:1;margin:0;color:#667085;font-size:9px}.progress-top p b{color:#344054}.progress-top>strong{color:#3867ea;font-size:10px}.mobile-progress{height:4px;margin-top:10px;overflow:hidden;border-radius:5px;background:#edf0f5}.mobile-progress i{display:block;width:72%;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--violet),var(--blue),var(--cyan))}.mobile-section-title{display:flex;align-items:end;justify-content:space-between;margin:0 1px 11px}.mobile-section-title h2{margin:0;font-size:15px;color:var(--ink)}.mobile-section-title p{margin:4px 0 0;color:var(--muted);font-size:9px}.mobile-section-title button{display:flex;align-items:center;padding:0;background:none;color:#5572d8;font-size:9px}.mobile-tabbar{height:66px;position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-around;padding-bottom:max(4px,env(safe-area-inset-bottom));border-top:1px solid #e9ecf2;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-tabbar button{width:33.33%;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;color:#98a2b3;font-size:9px}.mobile-tabbar button.active{color:#3867ea;font-weight:800}.mobile-tabbar button>span{position:relative;height:22px}.mobile-tabbar i{min-width:15px;height:15px;position:absolute;right:-11px;top:-5px;display:grid;place-items:center;padding:0 3px;border:2px solid #fff;border-radius:10px;background:#ef626b;color:#fff;font-size:6px;font-style:normal}.mobile-page-head{height:72px}.mobile-page-head p{margin:0 0 2px;color:#98a2b3;font-size:8px}.mobile-page-head h1{margin:0;font-size:19px;color:#101828}.mobile-page-head>button{border-radius:9px;background:#eef3ff;color:#4164c9;border:1px solid #e3ebff}.request-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.request-card{display:grid;grid-template-columns:106px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 3px 9px #10182809;transition:.2s}.request-card.completed{opacity:.69}.request-thumb{min-height:155px;position:relative}.request-thumb>span{position:absolute;left:7px;top:7px;z-index:13;padding:3px 6px;border-radius:6px;background:var(--red);color:#fff;font-size:7px}.uploaded-video-thumb,.uploaded-image-thumb{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.uploaded-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;place-items:center;background:#20232959;color:#fff}.request-body{min-width:0;padding:12px 11px}.request-title{display:flex;align-items:center;justify-content:space-between}.request-title h3{margin:0;font-size:12px;color:#101828}.request-title button{padding:0;background:none;color:#667085}.request-body>p{margin:5px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#98a2b3;font-size:8px}.request-chips{display:flex;flex-wrap:wrap;gap:5px}.request-chips span{display:flex;align-items:center;gap:3px;padding:4px 5px;border-radius:5px;background:#f2f4f7;color:#667085;font-size:7px}.request-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.request-foot>span{display:flex;align-items:center;gap:4px;color:#667085;font-size:7px}.request-foot label{height:28px;display:flex;align-items:center;gap:4px;padding:0 8px;border-radius:7px;background:linear-gradient(100deg,var(--violet),var(--blue) 60%,var(--cyan));color:#fff;font-size:8px;font-weight:600;cursor:pointer}.request-foot label input{display:none}.request-foot .done-button{background:linear-gradient(135deg,#16b773,#4ddfa5)}.browse-library{width:100%;height:42px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #c7d4f5;border-radius:10px;background:#eef3ff;color:#4164c9;font-size:10px}.mobile-welcome{display:flex;align-items:center;justify-content:space-between}.mobile-welcome p{margin:0 0 6px;color:#98a2b3;font-size:12px}.mobile-welcome h1{margin:0;font-size:20px;letter-spacing:-.04em;color:#101828}.mobile-welcome h1 strong{color:#3867ea}.mobile-library{padding-top:14px}.mobile-search{height:42px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#667085}.mobile-search input{min-width:0;flex:1;border:0;outline:0;font-size:10px;background:transparent;color:#101828}.mobile-search input::placeholder{color:#98a2b3}.mobile-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 18px}.mobile-categories button{height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 8px;border-radius:16px;background:#fff;border:1.5px solid var(--line);transition:border-color .15s,background .15s}.mobile-categories button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.mobile-categories svg{width:17px}.mobile-categories b{font-size:10px;color:#101828}.mobile-categories small{color:#98a2b3;font-size:8px;min-height:10px}.mobile-categories .cat-0 span{color:#7c3aed;background:#7c3aed1f}.mobile-categories .cat-1 span{color:#f59e0b;background:#f59e0b1f}.mobile-categories .cat-2 span{color:#10b981;background:#10b9811f}.mobile-categories .material-cat-btn--active{border-color:#7c3aed;background:#7c3aed0a}.mobile-material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px}.mobile-material-grid article{min-width:0}.mobile-material-grid article>div{height:108px;position:relative;overflow:hidden;border-radius:14px;background:#fff;border:1px solid var(--line)}.mobile-material-grid article>div>svg{width:26px;height:26px;position:absolute;left:50%;top:50%;z-index:13;transform:translate(-50%,-50%);padding:7px;border-radius:50%;background:#090b12a6;color:#fff}.mobile-material-grid article>div>span{position:absolute;right:5px;bottom:5px;z-index:13;padding:2px 5px;border-radius:4px;background:#090b12a6;color:#fff;font-size:7px}.material-thumb-media{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.mobile-material-grid h3{margin:6px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#101828}.mobile-material-grid p{margin:0;color:#98a2b3;font-size:7px}.publish-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.publish-overview>div{padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}.publish-overview span,.publish-overview b,.publish-overview small{display:block}.publish-overview span{color:#667085;font-size:8px}.publish-overview b{margin:6px 0 5px;font-size:19px;color:#101828}.publish-overview small{color:#98a2b3;font-size:7px}.publish-overview .positive{color:var(--green)}.mobile-tabs{height:38px;display:flex;margin-bottom:11px;border-bottom:1px solid var(--line)}.mobile-tabs button{flex:1;position:relative;background:none;color:#667085;font-size:9px}.mobile-tabs button.active{color:#315ac9;font-weight:600}.mobile-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:30%;right:30%;height:2px;background:linear-gradient(90deg,var(--violet),var(--blue));border-radius:2px}.approval-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.approval-card.approved{opacity:.7}.approval-video{height:181px;position:relative;background:linear-gradient(145deg,#15172a,#6f45f5 55%,#20c7f5)}.approval-video>button{width:42px;height:42px;position:absolute;left:50%;top:50%;z-index:15;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffeb;color:#293047}.approval-video>span{position:absolute;right:8px;bottom:8px;z-index:15;padding:4px 6px;border-radius:5px;background:#090b1299;color:#fff;font-size:8px}.approval-copy{padding:13px}.approval-tag{display:inline-block;padding:4px 6px;border-radius:5px;background:linear-gradient(135deg,#7541ff,#2f7fff);color:#fff;font-size:7px}.approval-copy h3{margin:9px 0 5px;font-size:14px;color:#101828}.approval-copy>p{margin:0;color:#98a2b3;font-size:9px;line-height:1.6}.approval-copy>div{display:flex;justify-content:space-between;margin-top:10px;color:#667085;font-size:7px}.approval-actions{display:flex;gap:7px;padding:11px 13px;border-top:1px solid var(--line)}.approval-actions button{height:32px;padding:0 10px;border-radius:7px;background:#f2f4f7;color:#667085;font-size:8px;border:1px solid var(--line)}.approval-actions .reject{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--red);background:#fff0ee;border-color:#ffe3e0}.approval-actions .approve{display:flex;align-items:center;gap:4px;color:#fff;background:linear-gradient(100deg,var(--violet),var(--blue) 60%,var(--cyan));border:none}.publish-calendar{margin-top:24px}.schedule-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.schedule-item>.thumb{width:54px;height:43px;flex:0 0 auto;border-radius:7px;background:linear-gradient(145deg,#15172a,#6f45f5 55%,#20c7f5)}.schedule-item>div{flex:1}.schedule-item b,.schedule-item span{display:block;color:#101828}.schedule-item b{font-size:9px}.schedule-item span{margin-top:5px;color:#98a2b3;font-size:8px}.schedule-item>svg{color:#98a2b3}.profile-card{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 3px 9px #10182809}.profile-card>.avatar{width:54px;height:54px;font-size:17px;background:linear-gradient(135deg,#7440ff,#168fff)}.profile-card>div{flex:1}.profile-card h2{margin:0;font-size:16px;color:#101828}.profile-card p{margin:4px 0 7px;color:#667085;font-size:9px}.profile-card span{display:inline-block;padding:4px 6px;border-radius:5px;background:#eef3ff;color:#3867ea;font-size:7px}.profile-card>svg{color:#98a2b3}.mobile-menu{margin-top:16px;padding:3px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.mobile-menu button{width:100%;height:49px;display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--line);background:none;color:#344054;font-size:10px}.mobile-menu button:last-child{border-bottom:0}.mobile-menu button>span{display:flex;align-items:center;gap:10px}.mobile-menu button>span svg{color:#3867ea}.mobile-menu button>svg{color:#98a2b3}.version{text-align:center;margin-top:25px;color:#98a2b3;font-size:8px}.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,#7440ff,#168fff)}.avatar-small{width:28px;height:28px;font-size:12px}.badge-green{color:#067647;background:#e8f8ef;padding:2px 6px;border-radius:5px;font-size:7px}.badge-orange{color:#b54708;background:#fff1df;padding:2px 6px;border-radius:5px;font-size:7px}.badge-red{color:#b42318;background:#ffebe9;padding:2px 6px;border-radius:5px;font-size:7px}.badge-blue{color:#2d52c7;background:#edf2ff;padding:2px 6px;border-radius:5px;font-size:7px}.task-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.task-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#f0ebff;color:#6b45dd}.task-card h4{margin:10px 0 4px;font-size:13px;color:#101828}.task-card p{margin:0;color:#98a2b3;font-size:9px;line-height:1.5}.task-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #f0f2f5;font-size:9px;color:#667085}.thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#15172a,#6f45f5 55%,#20c7f5);position:relative;overflow:hidden}.thumb.thumb-city{background:linear-gradient(145deg,#0c1822,#126c86 56%,#91f6d4)}.thumb.thumb-bag{background:linear-gradient(145deg,#321918,#e45d2f 50%,#ffc361)}.thumb.thumb-walk{background:linear-gradient(145deg,#121317,#414650 56%,#aeb5c1)}.make-card{width:100%;border:0;padding:17px;border-radius:16px;color:#fff;text-align:left;background:linear-gradient(105deg,#7541ff,#2f7fff 57%,#10c5ed);box-shadow:0 12px 25px #3f60e03b;position:relative;overflow:hidden;font-size:inherit}.make-card:after{content:"";position:absolute;width:105px;height:105px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-35px;top:-25px;box-shadow:0 0 0 17px #ffffff0e}.make-card span{font-size:9px;color:#d6e5ff}.make-card strong{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:16px}.btn-primary{height:28px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;border-radius:7px;background:linear-gradient(100deg,var(--violet),var(--blue) 60%,var(--cyan));color:#fff;font-size:8px;font-weight:600;border:none;cursor:pointer}.btn-primary:disabled,.btn-gradient:disabled{background:#c7d4f5;cursor:not-allowed}.btn-primary.btn-cta{width:100%;height:auto;padding:13px;border-radius:12px;font-size:13px}.btn-gradient{background:linear-gradient(100deg,var(--violet),var(--blue) 60%,var(--cyan));color:#fff;border:none}.video-mini-list{display:grid;gap:9px}.video-mini{display:grid;grid-template-columns:62px 1fr auto;gap:11px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.mini-thumb{height:74px;border-radius:9px;background:linear-gradient(145deg,#15172b,#6f45f5 55%,#20c7f5);position:relative;overflow:hidden}.mini-thumb.orange{background:linear-gradient(145deg,#3c1c18,#ef7540,#ffd074)}.mini-thumb.green{background:linear-gradient(145deg,#08212b,#1c8a88,#8ee8c4)}.video-mini strong{display:block;font-size:11px;color:#101828;margin-bottom:5px}.video-mini small{color:#98a2b3;font-size:8px;display:block;margin-top:3px}.mini-action{border:0;background:#eef3ff;color:#4164c9;border-radius:8px;padding:7px 8px;font-size:8px;font-weight:700;cursor:pointer}.template-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 96px}.mobile-template{overflow:hidden;border:2px solid transparent;background:#fff;border-radius:14px;text-align:left;padding:0;position:relative}.mobile-template.selected{border-color:#5f68eb;box-shadow:0 0 0 3px #5f68eb17}.mobile-template .template-cover{height:188px}.mobile-template .template-body{padding:10px}.mobile-template .template-title strong{font-size:10px}.mobile-template p{margin:5px 0 8px;font-size:8px;color:#98a2b3}.template-check{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;color:#fff;background:#5c65e9;display:grid;place-items:center;box-shadow:0 3px 10px #1e308233}.template-cover{position:relative;overflow:hidden;background:linear-gradient(145deg,#15172a,#753fff 55%,#16b9ff)}.template-cover.tone-1{background:linear-gradient(145deg,#15172a,#753fff 55%,#16b9ff)}.template-cover.tone-2{background:linear-gradient(145deg,#0c1822,#126c86 56%,#91f6d4)}.template-cover.tone-3{background:linear-gradient(145deg,#321918,#e45d2f 50%,#ffc361)}.template-cover.tone-4{background:linear-gradient(145deg,#121317,#414650 56%,#aeb5c1)}.mobile-fixed-action{position:fixed;left:9px;right:9px;bottom:0;padding:12px 14px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,#f4f6fa 72%,transparent);z-index:20}.condition-wrap{padding:0 14px 100px;display:grid;gap:10px}.condition-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.condition-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #f0f2f5}.condition-row:last-child{border:0}.condition-row strong{font-size:10px;display:block;color:#101828}.condition-row small{color:#98a2b3;font-size:8px}.condition-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#eaf8f0;color:#0e9f61}.condition-icon.warn{background:#fff1df;color:#d36c00}.result-wrap{padding:0 14px 25px}.result-preview{width:210px;height:374px;margin:5px auto 14px;border-radius:19px;background:linear-gradient(145deg,#15172a,#7241fb 48%,#0fc1f2);position:relative;overflow:hidden;box-shadow:0 16px 35px #22326440}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-actions .btn:first-child{grid-column:1/-1}.qr-card{padding:14px;text-align:center;border:1px solid var(--line);border-radius:14px;background:#fff}.qr-card h3{font-size:13px;margin:3px 0 4px;color:#101828}.qr-card p{font-size:9px;color:#98a2b3;margin:0}.qr-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 12px;font-size:9px;color:#667085}.success-mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:35px auto 18px;color:#fff;background:linear-gradient(135deg,#16b773,#4ddfa5);box-shadow:0 12px 25px #12b76a40}.success-copy{text-align:center;padding:0 24px}.success-copy h2{margin:0 0 8px;font-size:20px;color:#101828}.success-copy p{margin:0;color:#98a2b3;font-size:10px;line-height:1.6}.my-hero{padding:calc(28px + env(safe-area-inset-top)) 17px 25px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(0,200,255,.32),transparent 32%),linear-gradient(145deg,#0b0d14,#20274a);border-radius:0 0 24px 24px}.my-profile{display:flex;align-items:center;gap:12px}.my-profile .avatar{width:49px;height:49px;border-radius:15px}.my-profile strong{display:block;font-size:14px;color:#fff}.my-profile span{color:#909db4;font-size:9px}.my-list{margin:14px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.my-item{width:100%;border:0;background:#fff;display:flex;align-items:center;padding:12px 14px;text-align:left;border-bottom:1px solid #f0f2f5;color:#344054}.my-item:last-child{border:0}.my-item--plain{grid-template-columns:1fr!important}.my-item .item-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#536ed2;background:#edf2ff}.my-item strong{display:block;font-size:10px;color:#101828}.my-item small{display:block;margin-top:3px;color:#98a2b3;font-size:8px}.item-count{min-width:18px;height:18px;border-radius:9px;background:#f04438;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 14px 14px}.category{border:1px solid #e4e8ef;background:#fff;padding:10px 4px;border-radius:11px;color:#667085;font-size:9px;text-align:center}.category.selected{color:#3f5fc8;border-color:#7d96ed;background:#eef3ff;font-weight:800}.upload-box{margin:0 14px 12px;border:1.5px dashed #cbd3e2;border-radius:14px;background:#fff;min-height:150px;display:grid;place-items:center;text-align:center;padding:20px;color:#98a2b3}.upload-box .upload-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef3ff;color:#4a67ce;margin:0 auto 10px}.upload-box strong{display:block;color:#344054;font-size:11px}.upload-box p{margin:5px 0 0;font-size:8px}.mobile-list{display:grid;gap:10px;padding:0 14px 14px}.mobile-video-card{padding:10px;display:grid;grid-template-columns:76px 1fr;gap:11px;border:1px solid var(--line);border-radius:14px;background:#fff}.mobile-video-card .mini-thumb{height:98px}.mobile-video-card h4{font-size:11px;margin:3px 0 6px;color:#101828}.mobile-video-card p{margin:0 0 4px;font-size:8px;color:#98a2b3}.card-buttons{display:flex;gap:6px;margin-top:9px}.card-buttons button{border:0;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:700;cursor:pointer}.card-buttons .primary-mini{background:#ecf2ff;color:#3d61ca}.card-buttons .ghost-mini{background:#f2f4f7;color:#667085}