:root{--green: #3dcc8e;--green-dark: #2db87c;--green-light: #7ee0b0;--mint: #e8f7f0;--text: #1f2328;--muted: #8a9399;--bg: #eef5f2;--card: #ffffff;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}input,textarea{font-family:inherit;outline:none;border:none;background:transparent}a{color:inherit;text-decoration:none}#app{max-width:480px;margin:0 auto;min-height:100%;position:relative;background:var(--bg)}.page{min-height:100vh;padding-bottom:calc(78px + var(--safe-bottom))}.page.sub{padding-bottom:24px}.page-header{padding:18px 18px 8px}.page-header-row{display:flex;align-items:center;gap:10px}.page-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#dff3ea}.page-header-title{font-size:24px;font-weight:800;color:#1a1d21;letter-spacing:.2px}.page-header-sub{padding:8px 2px 6px;font-size:13px;color:#9aa3a8}.nav-bar{padding:14px 15px 6px;display:flex;align-items:center;gap:8px}.nav-bar-logo{width:28px;height:28px;border-radius:6px}.nav-bar-title{font-size:18px;font-weight:700;color:var(--text)}.header-subtitle{padding:0 15px 12px;font-size:13px;color:var(--muted);line-height:1.5}.sub-nav{display:flex;align-items:center;padding:12px 12px 8px;gap:8px;position:sticky;top:0;z-index:20;background:var(--bg)}.back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.back-btn img,.back-btn svg{width:18px;height:18px}.sub-nav-title{flex:1;text-align:center;font-size:17px;font-weight:600;color:var(--text);margin-right:32px}.sub-nav.tool-nav{padding:16px 16px 10px;gap:10px}.sub-nav.tool-nav .sub-nav-title{text-align:left;font-size:20px;font-weight:800;color:#1a1d21;margin-right:0}.main-content{padding:6px 16px 8px}.notice-bar{display:flex;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--green);margin-bottom:10px;overflow:hidden;background:#fff}.notice-icon{width:20px;height:20px;margin-right:8px;flex-shrink:0}.notice-marquee{flex:1;overflow:hidden;height:22px}.notice-text{display:inline-block;white-space:nowrap;font-weight:600;font-size:13px;color:#333;animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.parse-card,.perk-card-img,.backup-banner-img,.steps-card{width:100%;display:block;margin:0 0 12px}.parse-card{position:relative}.parse-card-img{width:100%;display:block}.parse-card-input{position:absolute;left:4.6%;right:4.6%;top:12%;height:46%;background:#f4fbf8;border-radius:16px;padding:12px 14px;font-size:15px;color:var(--text);resize:none;line-height:1.6}.parse-card-input::placeholder{color:#b7c4bf}.parse-card-hit{position:absolute;bottom:8%;height:30%;background:transparent}.parse-card-hit.clear{left:4.6%;width:22%}.parse-card-hit.paste{left:28%;width:22%}.parse-card-hit.parse{left:51.5%;right:4.6%;width:auto}.input-card{background:#fff;border-radius:22px;box-shadow:0 8px 24px #3dcc8e0f;padding:16px 16px 14px;margin-bottom:14px}.url-input{width:100%;min-height:88px;font-size:16px;color:var(--text);resize:none;line-height:1.6}.url-input::placeholder{color:#c0c7cc}.parse-actions{display:flex;gap:8px;margin-top:8px}.ghost-btn,.parse-btn{height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;font-weight:600}.ghost-btn{flex:1;background:#f4f7f6;color:#6b7478}.ghost-btn svg{width:16px;height:16px}.parse-btn{flex:1.5;background:linear-gradient(180deg,#5ad89c,#3dcc8e);color:#fff;box-shadow:0 8px 16px #3dcc8e47}.parse-btn svg{width:16px;height:16px}.backup-banner-img{cursor:pointer}.steps-card{background:#fff;border-radius:22px;padding:16px 16px 8px;box-shadow:0 8px 24px #3dcc8e0d}.steps-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.steps-title{font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}.steps-title i{width:4px;height:16px;border-radius:2px;background:#3dcc8e;display:inline-block}.steps-link{font-size:13px;color:#9aa3a8}.share-friend{background:#fff;border-radius:12px;padding:12px;display:flex;align-items:center;margin-bottom:12px;box-shadow:0 2px 8px #0000000a}.share-friend img{width:36px;height:36px;margin-right:10px}.share-info{flex:1}.share-title{font-size:14px;color:#333}.share-desc{font-size:12px;color:#999}.share-btn-mini{width:60px;height:30px;line-height:30px;background:var(--green);color:#fff;border-radius:8px;font-size:13px}.batch-item{margin-bottom:10px}.batch-input-box{display:flex;align-items:center;gap:6px;background:#fff;border-radius:12px;padding:8px}.batch-url-input{flex:1;font-size:14px;padding:6px;color:var(--text)}.batch-actions{display:flex;gap:4px}.batch-actions button{width:32px;height:32px;border-radius:8px;background:#eef3f8;color:#333;font-size:16px}.batch-actions .paste{width:48px;font-size:13px}.batch-buttons{margin:12px 0}.batch-submit-btn{width:100%;height:44px;border-radius:12px;background:linear-gradient(145deg,var(--green-light),var(--green));color:#fff;font-size:16px;font-weight:600}.batch-result-nav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.result-chip{padding:6px 12px;border-radius:16px;background:#fff;font-size:13px;color:#666}.result-chip.active{background:var(--green);color:#fff}.save-all-btn{width:100%;height:40px;border-radius:12px;margin-bottom:10px;background:var(--green);color:#fff;font-weight:600}.video-result{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f;margin:10px 0}.tabs{display:flex;border-bottom:1px solid #f0f0f0}.tabs .tab-item{flex:1;text-align:center;height:40px;line-height:40px;font-size:14px;border-radius:0;background:none;color:#666}.tabs .tab-item.active{color:var(--green);font-weight:600;box-shadow:inset 0 -2px 0 var(--green);background:none}.tab-content{padding:12px}.video-player{width:100%;max-height:280px;background:#000;border-radius:8px}.images-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.image-item{position:relative}.grid-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.image-select{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:#0000004d}.image-select.checked{background:var(--green)}.image-actions{display:flex;gap:4px;margin-top:4px}.image-btn{flex:1;height:26px;font-size:12px;border-radius:6px;background:#f3f6f9;color:#333}.cover-image{width:100%;max-height:240px;object-fit:contain;border-radius:8px}.desc-text{font-size:14px;color:#333;line-height:1.6;white-space:pre-wrap}.result-actions{display:flex;gap:8px;padding:12px}.result-btn{flex:1;height:44px;border-radius:22px;font-size:15px;font-weight:500}.result-btn.primary{background:linear-gradient(135deg,var(--green),#30B350);color:#fff}.result-btn.secondary{background:#f8f9fa;color:#666}.select-all-btn{display:flex;align-items:center;gap:4px;padding:0 10px;font-size:13px;background:#f9f9f9;border-radius:20px}.videos-grid{display:flex;flex-wrap:wrap;gap:8px}.video-item{position:relative;width:calc(33.333% - 6px);aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#000}.video-cover-thumb{width:100%;height:100%;object-fit:cover}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px}.video-index{position:absolute;top:4px;left:4px;background:#0009;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px}.guide-step{display:flex;margin-bottom:16px;align-items:flex-start}.step-num{width:24px;height:24px;border-radius:50%;background:#3dcc8e;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0;margin-top:1px}.step-title{font-size:15px;font-weight:700;color:var(--text)}.step-desc{font-size:13px;color:#9aa3a8;margin-top:2px}.footer{text-align:center;padding:8px 16px 12px}.copyright{font-size:11px;color:#a0a0a0;line-height:1.5}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;height:calc(62px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fff;border-top:1px solid #eef2f1;display:flex;z-index:50}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#b4bdc2;font-size:11px;font-weight:600}.tabbar-item.active{color:#3dcc8e}.tabbar-item svg{width:24px;height:24px}.tool-card{background:#fff;border-radius:20px;padding:22px 16px;margin-bottom:14px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #3dcc8e0d}.tool-card-info{flex:1;min-width:0}.tool-card-title{font-size:17px;font-weight:800;color:#1a1d21}.tool-card-desc{font-size:13px;color:#9aa3a8;margin-top:6px;line-height:1.5}.tool-enter{width:88px;height:42px;border-radius:21px;flex-shrink:0;background:linear-gradient(180deg,#5ad89c,#3dcc8e);color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 16px #3dcc8e47}.tool-form-card{background:#fff;border-radius:22px;padding:18px 16px 16px;box-shadow:0 8px 24px #3dcc8e0d}.tool-form-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tool-form-icon{width:46px;height:46px;border-radius:14px;background:#e8f8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-form-icon svg{width:28px;height:28px}.tool-form-title{font-size:16px;font-weight:800;color:#1a1d21}.tool-form-desc{font-size:12px;color:#9aa3a8;margin-top:4px}.tool-form-input{width:100%;min-height:92px;background:#f3fbf7;border-radius:16px;padding:14px;font-size:15px;color:var(--text);resize:none;line-height:1.6;margin-bottom:14px}.tool-form-input::placeholder{color:#b7c4bf}.count-label{font-size:14px;font-weight:800;color:#1a1d21;margin-bottom:10px}.count-label span{font-weight:500;color:#9aa3a8;font-size:12px}.count-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.count-chip{height:42px;border-radius:12px;background:#f3fbf7;color:#5b6560;font-size:16px;font-weight:700}.count-chip.active{background:linear-gradient(180deg,#5ad89c,#3dcc8e);color:#fff;box-shadow:0 6px 14px #3dcc8e47}.ghost-btn.mint{background:#f3fbf7;color:#3dcc8e}.mine-top{position:relative;margin:0 -4px 18px}.mine-top-img{width:100%;display:block;border-radius:18px}.mine-top-hit{position:absolute;top:0;bottom:0;width:50%}.mine-top-hit:first-of-type{left:0}.mine-top-hit:last-of-type{right:0}.section-label{font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px;margin:4px 2px 12px}.section-label i{width:4px;height:16px;border-radius:2px;background:#3dcc8e;display:inline-block}.history-card{background:#fff;border-radius:22px;min-height:240px;padding:12px;box-shadow:0 8px 24px #3dcc8e0d}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px;color:#8a9399}.empty-history svg{width:56px;height:56px;margin-bottom:12px}.empty-title{font-size:16px;font-weight:800;color:#2a2e32}.empty-desc{font-size:13px;color:#9aa3a8;margin-top:6px}.containerhome{padding:12px 12px 24px}.main-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000f}.list-item{display:flex;align-items:center;padding:14px}.list-icon{width:36px;height:36px;border-radius:50%;margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.domain-icon{background:linear-gradient(135deg,#7986cb,#5c6bc0)}.settings-icon{background:linear-gradient(135deg,#81c784,#66bb6a)}.kefu-icon{background:linear-gradient(135deg,#42a5f5,#2196f3)}.help-icon{background:linear-gradient(135deg,#ffb74d,#ff9800)}.gzh-icon{background:linear-gradient(135deg,#ba68c8,#9c27b0)}.list-text{flex:1;font-size:15px;font-weight:500}.list-content{flex:1;display:flex;flex-direction:column;gap:2px}.list-desc{font-size:12px;color:#999}.list-arrow{width:8px;height:8px;border-top:2px solid #c5c5c5;border-right:2px solid #c5c5c5;transform:rotate(45deg)}.list-divider{height:1px;background:#f0f0f0;margin:0 14px}.s2-wrap{padding:12px 15px 24px}.s2-card{background:#fff;border-radius:12px;padding:16px 14px;margin-bottom:12px;box-shadow:0 2px 10px #0000000f}.s2-step{font-size:14px;color:#333;line-height:1.55;font-weight:500;margin-bottom:8px}.s2-notes{border-top:1px solid #f0f0f0;padding-top:8px}.s2-note{font-size:12px;color:#666;line-height:1.5;display:block;margin-bottom:6px}.s2-row-half{display:flex;gap:10px;margin-bottom:10px}.s2-btn-pair{flex:1;height:52px;padding:0 8px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(180deg,#5ad89c,#3dcc8e);border-radius:12px;box-shadow:0 6px 14px #3dcc8e47}.s2-section-title{font-size:15px;font-weight:600;color:var(--text);margin:16px 0 10px}.s2-compare{display:flex;gap:8px}.s2-compare-col{flex:1}.s2-tag{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;border-radius:4px;color:#fff;margin-bottom:6px}.s2-tag-before{background:linear-gradient(145deg,#90a4ae,#78909c)}.s2-tag-after{background:linear-gradient(145deg,var(--green-light),var(--green))}.s2-img-box{width:100%;height:130px;border-radius:8px;overflow:hidden;background:#e8ecf0}.s2-demo-img{width:100%;height:100%;object-fit:cover}.s2-tool-row{display:flex;gap:10px;margin:14px 0}.s2-tool-item{flex:1;background:#fff;border-radius:10px;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 2px 9px #5ba7991f;border:1px solid rgba(91,167,153,.15)}.s2-tool-icon-wrap{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,var(--green-light),var(--green));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.s2-tool-icon-upscale{background:linear-gradient(145deg,#6bb8e8,#4a9fd4)}.s2-tool-label{font-size:13px;font-weight:600;color:var(--text)}.page-smudge{padding:0 0 24px}.canvas-wrap{background:#e8f0ec;display:flex;align-items:center;justify-content:center;min-height:280px}.canvas-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px;color:var(--muted)}.upload-icon-ring{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014}.upload-icon-ring img{width:32px;height:32px}#strokeCanvas{touch-action:none;border-radius:0;display:block;max-width:100%}.action-bar{padding:12px 15px}.mode-hint{font-size:12px;color:var(--muted);margin-bottom:8px}.tool-btns{display:flex;gap:8px;margin-bottom:10px}.tool-btn{flex:1;height:36px;border-radius:8px;background:#fff;font-size:13px;color:var(--text);font-weight:600;box-shadow:0 2px 6px #0000000d}.tool-btn.active{background:var(--green);color:#fff}.brush-ctrl{display:flex;align-items:center;gap:8px;margin-bottom:10px}.brush-label{font-size:13px;color:var(--text)}.brush-ctrl input[type=range]{flex:1;accent-color:var(--green)}.submit-row{display:flex;gap:8px}.btn-repick{flex:1;height:44px;border-radius:10px;background:#fff;color:#333;font-weight:600}.btn-primary-smudge{flex:1.4;height:44px;border-radius:10px;background:linear-gradient(145deg,var(--green-light),var(--green));color:#fff;font-weight:600}.btn-primary-smudge.disabled{opacity:.6}.tips-card{margin:12px 15px;background:#fff;border-radius:12px;padding:16px}.tips-title{font-size:15px;font-weight:600;color:var(--text);display:block;margin-bottom:10px}.tips-line{display:block;font-size:13px;color:#666;line-height:1.7}.btn-choose-start{width:100%;height:44px;margin-top:14px;border-radius:10px;background:linear-gradient(145deg,var(--green-light),var(--green));color:#fff;font-weight:600}.result-wrap{margin:12px 15px;background:#fff;border-radius:12px;padding:14px}.result-title{font-size:15px;font-weight:600;color:var(--text)}.result-img{width:100%;border-radius:8px;margin:10px 0}.result-btns{display:flex;gap:8px}.btn-save{flex:1;height:40px;border-radius:10px;background:var(--green);color:#fff;font-weight:600}.btn-copy-link{flex:1;height:40px;border-radius:10px;background:#f3f6f9}.result-tip{font-size:12px;color:#999;text-align:center;margin-top:8px}.auto-preview{width:100%;max-height:360px;object-fit:contain;background:#000}.course-item{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:12px;box-shadow:0 2px 10px #0000000d}.course-image{width:100%;height:140px;object-fit:cover}.course-info{padding:12px 12px 8px}.course-title{font-size:15px;font-weight:600;color:#333;display:block}.course-desc{font-size:12px;color:#999;margin-top:4px;display:block}.course-count{font-size:12px;color:var(--green)}.course-actions{display:flex;gap:8px;padding:0 12px 12px}.action-btn{flex:1;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:600}.receive-btn{background:var(--green);color:#fff}.share-btn-c{background:#f3f6f9;color:#333}.action-btn img{width:14px;height:14px}.course-content-box{margin:0 12px 12px;padding:10px;background:#f7fafc;border-radius:8px}.course-content-text{font-size:13px;color:#333;word-break:break-all}.course-content-copy{display:block;text-align:right;color:var(--green);font-size:13px;margin-top:6px}.section-header{display:flex;align-items:center;gap:10px;margin:16px 0 12px}.section-line{flex:1;height:1px;background:#d0dce8}.section-title{font-size:15px;font-weight:600;color:var(--text)}.notice-section{background:#fff;border-radius:12px;padding:12px;margin-bottom:12px}.notice-item{padding:8px 0;border-bottom:1px solid #f5f5f5}.notice-item-title{font-size:14px;font-weight:600;display:block}.notice-item-content{font-size:12px;color:#666}.notice-time{font-size:11px;color:#999}.empty{text-align:center;padding:48px 16px;color:#999}.tutorial-list{padding:8px 15px}.tutorial-card{display:flex;align-items:center;background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:0 2px 8px #0000000a}.card-icon-slot{width:40px;height:40px;border-radius:10px;margin-right:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--green-light),var(--green));flex-shrink:0}.card-icon-slot img{width:22px;height:22px;filter:brightness(10)}.card-icon-faq-text{color:#fff;font-size:20px;font-weight:700}.tutorial-info{flex:1}.tutorial-title{font-size:15px;font-weight:600;color:#333;display:block}.tutorial-desc{font-size:12px;color:#999}.arrow-right{width:14px;height:14px;transform:rotate(180deg);opacity:.4}.footer-tip{text-align:center;color:#999;font-size:12px;padding:16px}.question-card{background:#fff;border-radius:12px;padding:14px;margin:10px 15px}.question-title{font-size:15px;font-weight:600;margin-bottom:8px}.content-text,.item-text{font-size:13px;color:#555;line-height:1.7}.content-item{display:flex;gap:8px;margin-bottom:8px}.item-number{width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-card{background:#fff;border-radius:12px;padding:14px;margin:10px 15px}.step-header{display:flex;gap:10px;margin-bottom:10px}.step-number{width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.content-card{background:#fff;border-radius:12px;padding:16px;margin:12px 15px}.content-paragraph{font-size:14px;color:#555;line-height:1.8;display:block;margin-bottom:12px}.highlight-tip{background:#fff7e6;border-radius:8px;padding:10px;margin:10px 0}.highlight-title{font-weight:600;color:#d48806;display:block;margin-bottom:4px}.emphasis-text{color:var(--green);font-weight:600}.contact-button{display:block;margin:16px auto;width:70%;height:44px;border-radius:22px;background:var(--green);color:#fff;font-weight:600}.history-item{display:flex;align-items:center;background:#fff;border-radius:12px;padding:10px;margin:0 0 10px;gap:10px}.item-cover{width:64px;height:64px;border-radius:8px;object-fit:cover;background:#eee}.item-info{flex:1;min-width:0}.item-title{font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{font-size:12px;color:#999}.btn-clear{display:block;margin:16px auto;width:160px;height:40px;border-radius:20px;background:#fff;color:#e54d42;font-weight:600}.settings-section{background:#fff;border-radius:12px;margin:12px;overflow:hidden}.setting-item{display:flex;align-items:center;padding:14px}.setting-info{flex:1}.setting-label{font-size:15px}.setting-desc{font-size:12px;color:#999}.switch{width:44px;height:24px;border-radius:12px;background:#ddd;position:relative}.switch.on{background:#07c160}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}.switch.on:after{left:22px}.reset-btn{display:block;margin:16px auto;width:70%;height:40px;border-radius:20px;background:#fff;color:#666}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.gzh-modal-content{width:300px;background:#fff;border-radius:12px;overflow:hidden}.gzh-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #f0f0f0}.gzh-modal-title{font-size:16px;font-weight:600}.gzh-modal-close{width:24px;height:24px;line-height:22px;text-align:center;font-size:20px;color:#999;background:#f5f5f5;border-radius:50%}.gzh-modal-body{padding:20px;display:flex;flex-direction:column;align-items:center}.gzh-qrcode{width:200px;height:200px;border-radius:8px;object-fit:contain}.gzh-tip{margin-top:12px;font-size:13px;color:#666}.toast{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);background:#000000b8;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;z-index:200;pointer-events:none;max-width:80%;text-align:center}.loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:180}.loading-box{background:#000000bf;color:#fff;padding:20px 24px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:160;display:flex;align-items:center;justify-content:center}.preview-mask img{max-width:100%;max-height:100%;object-fit:contain}.hidden{display:none!important}.pad{padding:0 15px}