body{margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}.mall-app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#fff;padding:0 20px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:100}.logo h1{margin:0;font-size:20px;color:#333}.main-nav ul{display:flex;list-style:none;margin:0;padding:0}.main-nav li{margin:0 10px}.nav-link{display:flex;align-items:center;color:#555;text-decoration:none;padding:8px 12px;border-radius:4px;transition:all .3s ease}.nav-link:hover{background-color:#f0f0f0;color:#333}.nav-link svg{margin-right:5px}.user-controls .btn-primary{background-color:#4285f4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.app-content{flex:1;padding:20px;overflow-y:auto}.app-footer{background-color:#fff;padding:15px 20px;text-align:center;font-size:14px;color:#888;border-top:1px solid #eee}.map-editor{display:grid;grid-template-columns:250px 1fr 250px;gap:20px;height:calc(100vh - 160px)}.editor-sidebar{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;overflow-y:auto}.editor-canvas{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;align-items:center;overflow:hidden}.editor-properties{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;overflow-y:auto}.tool-section{margin-bottom:20px}.tool-section h3{font-size:16px;margin-top:0;margin-bottom:10px;display:flex;align-items:center}.tool-section h3 svg{margin-right:5px}.tool-buttons{display:flex;flex-wrap:wrap;gap:8px}.tool-btn{background-color:#f0f0f0;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px}.tool-btn.active{background-color:#4285f4;color:#fff}.btn-upload{display:inline-block;background-color:#4285f4;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-bottom:8px}.hint-text{font-size:12px;color:#888;margin:5px 0}.layer-list{list-style:none;padding:0;margin:0}.layer-item{display:flex;align-items:center;margin-bottom:8px}.layer-item input{margin-right:8px}.shop-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shop-template{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60px;border-radius:4px;cursor:pointer;color:#fff;transition:transform .2s ease}.shop-template:hover{transform:scale(1.05)}.template-icon{font-size:20px;margin-bottom:4px}.template-name{font-size:12px}.shop-properties h4{margin-top:0;margin-bottom:15px;font-size:16px}.property-group{margin-bottom:12px}.property-group label{display:block;font-weight:500;margin-bottom:5px;font-size:14px;display:flex;align-items:center}.property-group label svg{margin-right:5px}.contract-info p{margin:5px 0;font-size:14px}.map-viewer{position:relative;height:calc(100vh - 160px);background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.viewer-controls{position:absolute;top:20px;left:20px;z-index:10;background-color:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0003;padding:15px;width:200px}.viewer-controls.fullscreen{background-color:#ffffffb3}.control-group{margin-bottom:15px}.control-group h4{margin:0 0 8px;font-size:14px}.control-btn{display:flex;align-items:center;background-color:#f0f0f0;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:13px;margin-bottom:5px;width:100%;text-align:left}.control-btn svg{margin-right:5px}.control-btn.active{background-color:#4285f4;color:#fff}.viewer-canvas{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.data-dashboard{position:absolute;bottom:20px;right:20px;background-color:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0003;padding:15px;width:250px}.data-dashboard h3{margin-top:0;margin-bottom:10px;font-size:16px}.dashboard-stats{display:grid;gap:10px}.stat-item h4{margin:0 0 5px;font-size:14px;color:#555}.stat-value{font-size:18px;font-weight:500}.stat-item ul{margin:5px 0;padding-left:20px;font-size:14px}.ar-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0003;padding:20px;text-align:center}.qr-code-placeholder{margin-bottom:15px}.qr-box{width:150px;height:150px;background-color:#f0f0f0;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888}.ar-note{font-size:12px;color:#888;margin:0}.collaboration{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:calc(100vh - 160px);display:flex;flex-direction:column}.collab-tabs{display:flex;border-bottom:1px solid #eee;padding:0 15px}.tab-btn{padding:15px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center}.tab-btn svg{margin-right:5px}.tab-btn.active{border-bottom-color:#4285f4;color:#4285f4}.collab-content{flex:1;padding:20px;overflow-y:auto}.collab-content h3{margin-top:0;margin-bottom:15px;font-size:18px}.version-list,.user-list,.comment-list{display:grid;gap:15px}.version-item,.user-item,.comment-item{background-color:#f9f9f9;border-radius:6px;padding:12px;display:flex;justify-content:space-between;align-items:center}.version-header{display:flex;align-items:center;margin-bottom:5px}.version-id{font-weight:500;margin-right:10px}.version-time{font-size:12px;color:#888}.version-user{font-size:14px;margin-bottom:5px}.version-action{font-size:14px;color:#555}.btn-rollback{background-color:#f0f0f0;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;display:flex;align-items:center}.btn-rollback svg{margin-right:5px}.role-hierarchy{background-color:#f0f0f0;border-radius:6px;padding:15px;margin-bottom:20px}.role-level{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.role-arrow{margin:0 10px;color:#888}.user-info{flex:1}.user-name{font-weight:500;margin-bottom:5px}.user-email{font-size:13px;color:#555;margin-bottom:3px}.user-active{font-size:12px;color:#888}.user-role select{padding:6px 10px;border-radius:4px;border:1px solid #ddd}.comment-header{display:flex;justify-content:space-between;margin-bottom:5px}.comment-user{font-weight:500}.comment-time{font-size:12px;color:#888}.comment-location{font-size:13px;color:#555;margin-bottom:5px}.comment-text{font-size:14px}.comment-form{margin-top:20px;background-color:#f9f9f9;border-radius:6px;padding:15px}.comment-form h4{margin-top:0;margin-bottom:15px;font-size:16px}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:8px 10px;border-radius:4px;border:1px solid #ddd;font-size:14px}.form-group textarea{min-height:80px;resize:vertical}.btn-submit{background-color:#4285f4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center}.btn-submit svg{margin-right:5px}.data-interface{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:calc(100vh - 160px);display:flex;flex-direction:column}.interface-tabs{display:flex;border-bottom:1px solid #eee;padding:0 15px}.interface-content{flex:1;padding:20px;overflow-y:auto}.api-key-section{margin-bottom:30px}.api-key-display{display:flex;align-items:center;margin-bottom:10px}.api-key-display input{flex:1;padding:8px 12px;border-radius:4px;border:1px solid #ddd;font-family:monospace;margin-right:10px}.btn-toggle-visibility,.btn-generate{background-color:#f0f0f0;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:13px;margin-left:5px;display:flex;align-items:center}.btn-generate{background-color:#4285f4;color:#fff}.api-note{font-size:12px;color:#888}.endpoint-list{display:grid;gap:20px;margin-bottom:30px}.endpoint-item{background-color:#f9f9f9;border-radius:6px;padding:15px}.endpoint-header{display:flex;align-items:center;margin-bottom:10px}.method-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-right:10px}.method-badge.get{background-color:#61affe;color:#fff}.method-badge.post{background-color:#49cc90;color:#fff}.endpoint-path{font-family:monospace;font-size:14px}.endpoint-description{font-size:14px;margin-bottom:10px;color:#555}.endpoint-example{background-color:#f0f0f0;border-radius:4px;padding:10px;position:relative}.endpoint-example pre{margin:0;font-family:monospace;font-size:12px;white-space:pre-wrap;word-break:break-all}.btn-copy{position:absolute;top:5px;right:5px;background-color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center}.btn-docs{display:inline-flex;align-items:center;background-color:#4285f4;color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;font-size:14px}.btn-docs svg{margin-right:5px}.bi-connections{display:grid;gap:15px;margin-bottom:30px}.bi-connection-item{background-color:#f9f9f9;border-radius:6px;padding:15px;display:flex;justify-content:space-between;align-items:center}.connection-name{font-weight:500;margin-bottom:5px}.connection-status{font-size:13px;color:#888;margin-bottom:3px}.connection-status.connected{color:#0f9d58}.connection-sync{font-size:12px;color:#888}.btn-connect{background-color:#4285f4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.btn-connect.disconnect{background-color:#f0f0f0;color:#333}.data-mapping-list{padding-left:20px;margin:10px 0}.data-mapping-list li{margin-bottom:5px;font-size:14px}.mapping-note{font-size:12px;color:#888;margin-top:15px}.settings{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:calc(100vh - 160px);display:flex}.settings-tabs{width:200px;border-right:1px solid #eee;padding:20px 0}.settings-content{flex:1;padding:20px;overflow-y:auto}.settings-content h3{margin-top:0;margin-bottom:20px;font-size:18px}.setting-group{margin-bottom:20px}.setting-group label{display:block;font-weight:500;margin-bottom:8px}.setting-group select{padding:8px 12px;border-radius:4px;border:1px solid #ddd;width:100%;max-width:300px}.theme-options{display:flex;gap:15px;margin-top:10px}.theme-option{display:flex;align-items:center;cursor:pointer}.theme-preview{width:20px;height:20px;border-radius:4px;margin:0 8px;border:1px solid #ddd}.theme-preview.light{background-color:#fff}.theme-preview.dark{background-color:#333}.switch{position:relative;display:inline-block;width:40px;height:20px;margin-right:10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4285f4}input:checked+.slider:before{transform:translate(20px)}.setting-hint{display:inline-block;font-size:13px;color:#888}.setting-hint.warning{color:#f44336}.backup-info{display:flex;align-items:center;margin-top:5px}.backup-info span{margin-right:15px;font-size:14px}.btn-backup,.btn-view-logs{background-color:#f0f0f0;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px}.import-export-buttons{display:flex;gap:10px;margin-bottom:10px}.btn-import,.btn-export{background-color:#f0f0f0;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center}.btn-import svg,.btn-export svg{margin-right:5px}.btn-danger{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-bottom:5px}.settings-actions{margin-top:30px;padding-top:20px;border-top:1px solid #eee;display:flex;gap:10px}.btn-save{background-color:#4285f4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.btn-cancel{background-color:#f0f0f0;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}a{color:#4285f4;text-decoration:none}a:hover{text-decoration:underline}