:root{--lark-primary: #3370ff;--lark-bg: #f5f6f7;--lark-text: #1f2329;--lark-caption: #646a73;--lark-border: #dee0e3;--lark-white: #ffffff;--lark-hover: #f2f6ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background-color:var(--lark-bg);color:var(--lark-text);line-height:1.6}.app-container{max-width:100%;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--lark-white)}.app-header{padding:16px 24px;border-bottom:1px solid var(--lark-border);display:flex;align-items:center;position:sticky;top:0;background:var(--lark-white);z-index:10}.app-title{font-size:16px;font-weight:600}.announcement-bar{position:relative;min-height:42px;padding:8px 24px;border-bottom:1px solid #d9e5ff;background:linear-gradient(90deg,#f2f6ff 0%,#f8faff 65%,#ffffff 100%);display:flex;align-items:center;gap:12px;color:var(--lark-text);overflow:visible;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}.announcement-bar.show-link-hint{border-color:#a9c2ff;background:linear-gradient(90deg,#eef4ff 0%,#f7f9ff 65%,#ffffff 100%);box-shadow:0 5px 16px #3370ff14}.announcement-bar.has-link:after{position:absolute;top:calc(100% + 7px);left:50%;z-index:20;padding:5px 9px;border:1px solid #c9d8ff;border-radius:7px;color:#245bdb;background:rgba(255,255,255,.98);box-shadow:0 7px 20px #1f23291f;content:attr(data-hover-hint);font-size:11px;font-weight:500;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .18s ease,transform .22s ease;white-space:nowrap}.announcement-bar.show-link-hint:after{opacity:1;transform:translate(-50%)}.announcement-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#3370ff;color:#fff;font-size:12px;font-weight:600;line-height:20px}.announcement-window{min-width:0;flex:1;height:26px;display:flex;align-items:center;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.announcement-track{width:max-content;flex:0 0 auto;display:inline-flex;align-items:center;color:#245bdb;font-size:13px;line-height:1;white-space:nowrap;will-change:transform}.announcement-entry{display:inline-flex;align-items:center}.announcement-separator{margin:0 18px;color:#3370ff61;font-size:8px}.announcement-copy{display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-weight:500}.announcement-link-text,.announcement-link-text:visited{gap:6px;color:#245bdb;border-radius:5px;text-decoration:none;transition:color .22s ease,text-shadow .22s ease,box-shadow .22s ease}.announcement-link-text:hover,.announcement-link-text:focus-visible{color:#143fbd;outline:none;text-shadow:0 0 12px rgba(51,112,255,.2)}.announcement-link-text:focus-visible{box-shadow:0 0 0 3px #3370ff29}.announcement-link-icon{flex:0 0 auto;display:inline-flex;align-items:center;font-size:11px;font-weight:700;opacity:.72;transform:translate(0);transition:opacity .22s ease,transform .22s ease}.announcement-link-text:hover .announcement-link-icon,.announcement-link-text:focus-visible .announcement-link-icon{opacity:1;transform:translate(1px,-1px)}@media (max-width: 720px){.announcement-bar{padding:8px 16px;gap:8px}.announcement-badge span{display:none}.announcement-badge{padding:3px 7px}}@media (prefers-reduced-motion: reduce){.announcement-track{max-width:100%;padding:0 8px;overflow:hidden;text-overflow:ellipsis;transform:translateZ(0)!important}.announcement-copy{min-width:0;padding:0}}.content-wrapper{padding:32px 48px;flex:1;overflow-y:auto}.config-section{margin-bottom:32px}.section-title{font-size:14px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;color:var(--lark-text)}.section-title:before{content:"";width:3px;height:14px;background:var(--lark-primary);margin-right:8px;border-radius:2px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}.select-container{padding:2px}.custom-tree-select .ant-select-selector{height:40px!important;border-radius:6px!important;border-color:var(--lark-border)!important;padding:4px 12px!important}.tree-node-title{display:flex;align-items:center;font-size:14px}.tree-node-title .icon-dir{color:#f7b500;margin-right:8px;font-size:16px}.tree-node-title .icon-file{color:var(--lark-caption);margin-right:8px;font-size:15px}.tree-node-title .name-text{flex:1}.tag-todo{margin-left:8px;font-size:10px;transform:scale(.9);background:#f0f1f2;border:none;color:#8f959e}.selection-hint{margin-top:12px;min-height:24px}.hint-text{font-size:12px;color:var(--lark-caption)}.sync-option-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f9fafb;border-radius:8px;border:1px solid var(--lark-border)}.sync-info{flex:1}.sync-label{font-size:14px;font-weight:500;color:var(--lark-text)}.sync-desc{font-size:12px;color:var(--lark-caption);margin-top:4px}.footer-actions{padding:20px 48px;border-top:1px solid var(--lark-border);display:flex;justify-content:flex-end;background:#fff;position:sticky;bottom:0}.btn-confirm{min-width:140px;height:48px;border-radius:8px;font-weight:600;font-size:16px}.ant-form-item-label>label{font-size:13px!important;color:var(--lark-caption)!important;font-weight:500!important}.ant-input,.ant-input-password{height:36px;border-radius:6px!important}.ant-select-tree-treenode{padding:6px 12px!important}.ant-select-tree-treenode:hover{background-color:var(--lark-hover)!important}.ant-select-tree-node-content-wrapper-selected{background-color:#eef3ff!important;color:var(--lark-primary)!important}.credential-card{flex:1;border-radius:12px!important;border:1px solid #edf2f7!important;transition:all .2s ease-in-out!important;box-shadow:0 2px 8px #0000000a!important;background:#fff;cursor:pointer;overflow:hidden}.credential-card:hover{box-shadow:0 4px 12px #00000014!important;border-color:#cbd5e0!important;transform:translateY(-1px)}.credential-card.selected{border-color:var(--lark-primary)!important;background:#f0f7ff!important;box-shadow:0 4px 12px #3370ff1f!important}.card-content{padding:2px 4px}.card-title{font-size:15px;font-weight:600;color:var(--lark-text);margin-bottom:6px}.card-detail{font-size:12px;color:var(--lark-caption);display:flex;align-items:center;gap:8px;margin-bottom:4px}.card-detail .divider{color:#dee0e3}.card-url{font-size:12px;color:#8f959e;font-family:monospace}.action-item{font-size:12px;color:var(--lark-caption);padding:8px 0;transition:color .2s;display:flex;align-items:center;justify-content:center;gap:4px}.action-item:hover{color:var(--lark-primary)}.action-item.delete:hover{color:#ff4d4f}.ant-card-actions{background:#fafafb!important;border-top:1px solid #edf2f7!important}.credential-card.compact{border-radius:8px!important;padding:0!important}.credential-card.compact .ant-card-body{padding:10px 12px!important}.card-title-compact{font-size:14px;font-weight:600;color:var(--lark-text);margin-bottom:2px}.card-info-compact{font-size:11px;color:var(--lark-caption)}.compact-action{font-size:14px;color:var(--lark-caption);transition:color .2s}.compact-action:hover{color:var(--lark-primary)}.compact-action.delete:hover{color:#ff4d4f}.credential-card.compact .ant-card-actions{padding:4px 0!important;background:#fcfdfe!important}.credential-card.compact .ant-card-actions>li{margin:4px 0!important}.header-add-btn{font-size:13px!important;font-weight:500!important}