.account-wrap{position:relative}.account-menu{position:absolute;right:0;top:calc(100% + 10px);width:238px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 38px rgba(17,17,17,.15);padding:7px;z-index:30}.account-menu-head{display:flex;align-items:center;gap:9px;padding:10px 10px 12px;border-bottom:1px solid var(--line)}.account-menu-head b{font-size:10px;display:block}.account-menu-head span:not(.account-avatar){display:block;font-size:8px;color:#999;margin-top:3px}.account-menu button{width:100%;min-height:33px;border:0;background:none;display:flex;align-items:center;gap:8px;padding:0 9px;font-size:9px;text-align:left;border-radius:4px}.account-menu button:hover{background:var(--soft)}.account-menu button .icon:last-child{margin-left:auto;color:#aaa}.account-menu .account-logout{border-top:1px solid var(--line);margin-top:5px;padding-top:7px;color:#a54c42}
.member-hero{background:#151515;color:#fff;border-radius:8px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.member-hero>div>span,.member-actions>span{font-size:9px;color:#b9b5ad}.member-hero h2{font-size:25px;margin:8px 0}.member-hero h2 small{font-size:8px;color:var(--gold);font-weight:500;margin-left:5px}.member-hero p{margin:0;font-size:10px;color:#aaa}.member-actions{text-align:right}.member-actions b{display:block;font-size:10px;margin:6px 0}.member-actions small{display:block;color:#cdb37e;font-size:9px}.member-actions button{border:0;background:var(--gold);color:#fff;border-radius:4px;padding:8px 13px;font-size:9px;margin-top:11px}.section-caption{display:flex;justify-content:space-between;align-items:end;margin:24px 0 11px}.section-caption h2{font-size:15px;margin:0}.section-caption span{font-size:9px;color:#999}.quota-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quota-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:15px;display:flex;gap:10px}.quota-icon{width:30px;height:30px;background:var(--gold-soft);color:var(--gold-dark);display:grid;place-items:center;border-radius:5px;flex:none}.quota-card>div{min-width:0;flex:1}.quota-card span:not(.quota-icon){font-size:9px;color:#888;display:block}.quota-card b{font-size:12px;display:block;margin:7px 0}.quota-card b small{font-size:8px;color:#aaa;font-weight:400}.quota-card i{display:block;background:#efede7;height:4px;border-radius:4px;overflow:hidden}.quota-card i em{display:block;height:100%;background:#111}.quota-card>div>small{font-size:8px;color:#999;margin-top:5px;display:block}.member-detail{margin-top:16px}.member-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding-top:5px}.member-benefits span{font-size:9px;display:flex;align-items:center;gap:6px}.member-benefits .icon{color:var(--gold-dark)}
.global-settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px}.global-settings-nav{background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px;height:max-content}.global-settings-nav button{width:100%;border:0;background:none;border-radius:5px;padding:11px 9px;display:flex;align-items:center;gap:8px;text-align:left;font-size:9px}.global-settings-nav button.active{background:#111;color:#fff}.global-settings-nav button .icon:last-child{margin-left:auto}.settings-content{background:#fff;border:1px solid var(--line);border-radius:7px;padding:23px}.settings-head{border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:20px}.settings-head h2{font-size:16px;margin:0 0 7px}.settings-head p{font-size:9px;color:#888;margin:0}.default-style-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px;align-items:center}.default-qr-preview{padding:23px;text-align:center;background:var(--soft);border-radius:7px}.default-qr-preview canvas{width:170px;height:170px;background:#fff;padding:9px}.default-qr-preview b{display:block;font-size:10px;margin-top:9px}.default-qr-preview span{font-size:8px;color:#999}.setting-fields,.watermark-fields,.landing-brand-fields{display:grid;gap:12px}.watermark-preview,.landing-brand-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.watermark-sample{height:250px;border-radius:7px;background:linear-gradient(135deg,#d3cbbd,#f6f4ee);overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;transform:rotate(-1deg)}.watermark-sample span{font-size:12px;color:rgba(78,67,51,.36);transform:rotate(-25deg)}.watermark-fields label,.landing-brand-fields label{font-size:9px;font-weight:600;display:grid;gap:7px}.watermark-fields input,.watermark-fields select,.landing-brand-fields input{border:1px solid #ddd9d1;border-radius:5px;height:35px;padding:0 9px;font-size:9px;background:#fff}.landing-phone{height:340px;border:7px solid #111;border-radius:23px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.landing-brand-bar{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 13px;gap:8px}.landing-brand-bar .logo-mark{width:27px;height:27px;font-size:12px}.landing-brand-bar b{font-size:10px}.landing-page-content{padding:25px 18px;display:grid;gap:8px}.landing-page-content b{font-size:15px}.landing-page-content span{font-size:9px;color:#888}.landing-page-content i{display:block;height:110px;background:#eeeae2;margin-top:10px}.landing-footer{margin-top:auto;padding:13px;text-align:center;font-size:8px;color:#999;border-top:1px solid var(--line)}
.plan-stage{min-height:calc(100vh - 68px);background:var(--ivory);padding:54px 6vw 70px}.plan-stage .summary-head{max-width:760px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.plan-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px;min-height:193px}.plan-card>span{font-size:9px;color:var(--gold-dark)}.plan-card h2{font-size:16px;margin:8px 0}.plan-card p{font-size:9px;color:#777;line-height:1.7;min-height:48px}.plan-card b{font-size:9px;display:block;margin-top:13px}.plan-card small{font-size:8px;color:#999;display:block;line-height:1.6;margin-top:4px}
@media(max-width:1050px){.quota-cards{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.plan-stage{padding:34px 15px 50px}.account-menu{right:0;min-width:220px}.global-settings-layout,.default-style-grid,.watermark-preview,.landing-brand-layout{grid-template-columns:1fr}.global-settings-nav{display:flex;overflow:auto}.global-settings-nav button{min-width:max-content}.plan-grid{grid-template-columns:1fr}.member-hero{align-items:flex-start;flex-direction:column}.member-actions{text-align:left}.member-benefits{grid-template-columns:1fr}.quota-cards{grid-template-columns:1fr}}
.content-builder,.form-builder,.trace-timeline{border:1px solid var(--line);border-radius:7px;background:#fcfcfb;padding:13px}.empty-builder{min-height:82px;display:grid;place-content:center;text-align:center}.empty-builder b{font-size:10px}.empty-builder span{font-size:8px;color:#999;margin-top:5px}.content-block-list{display:grid;gap:7px;margin-bottom:13px}.content-block{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;padding:9px;border-radius:5px}.content-block-icon{width:26px;height:26px;background:var(--gold-soft);color:var(--gold-dark);display:grid;place-items:center;border-radius:4px}.content-block b{font-size:9px;display:block}.content-block small{font-size:8px;color:#999}.content-block-actions{margin-left:auto;display:flex;gap:4px}.content-block-actions button{width:24px;height:24px;border:1px solid var(--line);background:#fff;border-radius:4px;display:grid;place-items:center}.content-block-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.content-block-picker button{min-height:78px;border:1px solid var(--line);background:#fff;border-radius:5px;display:grid;place-items:center;align-content:center;gap:3px;font-size:8px;cursor:pointer}.content-block-picker button:hover{border-color:var(--gold);background:var(--gold-soft)}.content-block-picker .icon{color:var(--gold-dark)}.content-block-picker b{font-size:9px}.content-block-picker span{font-size:7px;color:#999}.trace-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.trace-timeline{margin-top:17px}.trace-timeline h3{font-size:11px;margin:0}.trace-node{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.trace-node:first-of-type{border-top:0}.trace-node>span{width:22px;height:22px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:8px}.trace-node b{font-size:9px;display:block}.trace-node small{font-size:8px;color:#999}.trace-node>.icon{margin-left:auto;color:#aaa}.form-field-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:11px 0}.form-field-row span{width:20px;height:20px;border-radius:4px;background:#eeeae2;display:grid;place-items:center;font-size:8px}.form-field-row b{font-size:9px}.form-field-row small{font-size:8px;color:#999}.form-field-row button{margin-left:auto;border:0;background:none;color:var(--gold-dark);font-size:8px}.form-field-actions{display:flex;gap:8px;padding-top:12px}.form-field-actions button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:8px 10px;font-size:8px;display:flex;align-items:center;gap:5px}
.reference-style-modal{width:min(1020px,100%)}.reference-style-modal .style-body{grid-template-columns:310px 1fr}.style-scheme-note{display:grid;gap:3px;margin:11px 0}.style-scheme-note b{font-size:9px}.style-scheme-note span{font-size:8px;color:#999}.restore-style{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:4px;padding:0 8px;font-size:8px;display:flex;align-items:center;gap:4px}.style-mode button{display:block}.style-mode button b{display:flex;align-items:center;gap:5px}.style-detail{padding:15px 0;display:grid;gap:13px}.style-detail>label{font-size:9px;font-weight:600}.style-tip{background:#edf5ff;border:1px solid #cfe3fb;color:#4374a3;border-radius:5px;padding:10px;font-size:8px;line-height:1.6}.stepper-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stepper-grid label{font-size:9px;font-weight:600;display:block;margin-bottom:7px}.stepper{display:flex}.stepper button,.stepper b{border:1px solid var(--line);background:#fff;width:30px;height:29px;display:grid;place-items:center;font-size:9px}.stepper b{width:52px;font-weight:500}.stepper small{font-size:8px;color:#999;margin:auto 0 auto 6px}.style-color-row{display:flex;align-items:center;gap:8px;font-size:9px}.color-swatch{width:24px;height:24px;border:1px solid #ddd;border-radius:3px}.color-swatch.black{background:#111}.color-swatch.white{background:#fff}.style-color-row label{font-size:8px;color:#777}.logo-upload{display:flex;align-items:center;gap:10px;border:1px dashed #cfcac0;border-radius:6px;padding:14px}.logo-upload .icon{color:var(--gold-dark)}.logo-upload b{font-size:9px;display:block}.logo-upload span{font-size:8px;color:#999;display:block;margin-top:3px}.logo-upload button{margin-left:auto}.stepper-row{display:flex;align-items:center;justify-content:space-between;font-size:9px}.stepper-row>div{display:flex}.stepper-row button,.stepper-row b{width:28px;height:28px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:9px}.stepper-row b{font-weight:500}.text-style-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.text-style-row b{font-size:9px;display:block}.text-style-row span{font-size:8px;color:#999}.text-style-row input{grid-column:1/-1;border:1px solid var(--line);border-radius:4px;height:30px;padding:0 9px;font-size:8px}
@media(max-width:760px){.content-block-picker{grid-template-columns:repeat(2,1fr)}.trace-grid,.stepper-grid{grid-template-columns:1fr}.reference-style-modal .style-body{grid-template-columns:1fr}.reference-style-modal .style-preview{display:none}.preset-row{overflow:auto}.preset{flex:none}.restore-style{display:none}}
.empty-real-data{min-height:180px;border:1px dashed #d7d1c5;border-radius:6px;background:#fcfcfb;display:grid;place-content:center;text-align:center;padding:20px}.empty-real-data b{font-size:12px}.empty-real-data span{font-size:9px;color:#888;max-width:330px;line-height:1.6;margin:7px 0 13px}.empty-real-data button{justify-self:center}.code-actions{display:flex;gap:5px;flex-wrap:wrap}.code-actions button{border:1px solid var(--line);background:#fff;border-radius:4px;padding:5px 7px;font-size:8px;cursor:pointer}.code-actions button:hover{border-color:var(--gold);color:var(--gold-dark)}.state-dot.off{background:#aaa}.login-submit:disabled,.btn-dark:disabled,.mobile-primary:disabled{opacity:.6;cursor:wait}
.local-tool-result{margin-top:17px}.local-qr-preview{display:flex;align-items:center;gap:18px;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:7px}.local-qr-preview img{width:150px;height:150px;background:#fff;padding:8px}.local-qr-preview a{height:max-content;text-decoration:none}.creator-form input[type=file]{padding:9px;background:#fff}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:7px;background:#f1e4cf}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.review-brand .brand-mark{width:34px;height:34px;border-radius:6px}.product-logo .brand-mark{width:36px;height:36px;border-radius:7px}.mobile-header .brand-mark{width:30px;height:30px;margin-right:10px;border-radius:7px}.landing-brand-bar .brand-mark{width:27px;height:27px;border-radius:4px}.wecom-brand{display:flex;align-items:center;gap:11px}.wecom-brand .brand-mark{width:36px;height:36px;border-radius:6px}.wecom-brand h2{margin:0}.wecom-brand p{margin:3px 0 0}.mobile-stage{min-height:calc(100vh - 68px);padding:0;background:#eeeae4;align-items:stretch}.mobile-stage .phone{width:min(100%,430px);height:calc(100vh - 68px);min-height:640px;margin:0 auto;border:0;border-radius:0;box-shadow:0 10px 32px rgba(17,17,17,.10);background:#f6f5f2}.mobile-body{padding-bottom:88px}.mobile-section-head button{border:0;background:none;color:var(--gold-dark);font-size:9px;padding:0}.mobile-code{width:100%;border-left:0;border-right:0;border-top:0;background:#fff;text-align:left;cursor:pointer}.manage-card-main{min-width:0;flex:1;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.manage-card .manage-meta button{margin-top:9px;border:1px solid var(--line);background:#fff;border-radius:4px;padding:4px 6px;font-size:8px}.mobile-upload-note{display:block;margin-top:7px;color:#8b6d36;font-size:8px;line-height:1.5}.mobile-form-card input[type=file]{min-height:44px;padding:9px;background:#fbfaf7}.mobile-tabbar{position:fixed;width:min(100%,430px);left:50%;right:auto;transform:translateX(-50%);z-index:12;box-shadow:0 -5px 14px rgba(17,17,17,.05)}
.mobile-source-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-source-actions label{margin:0!important;min-height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fbfaf7;color:#333;font-size:9px!important;cursor:pointer}.mobile-source-actions input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none}
.legal-footer{padding:16px 24px;background:#111;color:#aaa;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:11px}.legal-footer a{color:#e2d1b0}
@media(max-width:760px){.mobile-stage{min-height:calc(100dvh - 58px);background:#f6f5f2}.mobile-stage .phone{width:100%;height:calc(100dvh - 58px);min-height:0;box-shadow:none}.mobile-tabbar{width:100%;bottom:0}.mobile-body{height:calc(100% - 151px);padding-bottom:88px}.mobile-tools{grid-template-columns:repeat(4,1fr)}.mobile-tool{min-height:76px}.wecom-demo .phone{width:100%;height:calc(100dvh - 58px);min-height:0;border:0;border-radius:0;box-shadow:none}.wecom-phone .mobile-body{height:calc(100% - 87px)}}