:root{--primary:#1677ff;--primary-hover:#4096ff;--primary-active:#0958d9;--primary-bg:#1677ff0f;--primary-border:#1677ff4d;--success:#52c41a;--success-bg:#52c41a0f;--warning:#faad14;--warning-bg:#faad140f;--error:#ff4d4f;--error-bg:#ff4d4f0f;--info:#1677ff;--text-primary:#000000e0;--text-secondary:#000000a6;--text-tertiary:#00000073;--text-quaternary:#00000040;--bg-container:#fff;--bg-layout:#f5f5f5;--bg-elevated:#fff;--bg-spotlight:#0000000a;--border-color:#d9d9d9;--border-secondary:#f0f0f0;--shadow-sm:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--shadow-md:0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014, 0 9px 28px 8px #0000000d;--shadow-lg:0 6px 16px -8px #00000014, 0 9px 28px 0 #0000000d, 0 12px 48px 16px #00000008;--shadow-xl:0 8px 32px #0000002e;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-round:9999px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height:1.5715;--space-xs:4px;--space-sm:8px;--space:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease}[data-theme=dark]{--primary:#1668dc;--primary-hover:#3c89e8;--primary-active:#1554ad;--primary-bg:#1668dc26;--primary-border:#1668dc66;--success:#49aa19;--warning:#d89614;--error:#dc4446;--text-primary:#ffffffd9;--text-secondary:#ffffffa6;--text-tertiary:#ffffff73;--text-quaternary:#ffffff40;--bg-container:#141414;--bg-layout:#000;--bg-elevated:#1f1f1f;--bg-spotlight:#ffffff0a;--border-color:#424242;--border-secondary:#303030;--shadow-sm:0 1px 2px 0 #00000029, 0 1px 6px -1px #0000001f, 0 2px 4px 0 #00000017;--shadow-md:0 3px 6px -4px #0000003d, 0 6px 16px 0 #0000002e, 0 9px 28px 8px #00000026;--shadow-lg:0 6px 16px -8px #0000003d, 0 9px 28px 0 #0003, 0 12px 48px 24px #00000026}:root{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{color:inherit;background:#1677ff33}[data-theme=dark] ::selection{background:#1668dc66}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-enter{animation:.35s both fadeInUp}.page-enter-fast{animation:.2s both fadeIn}.modal-enter{animation:.25s both scaleIn}.card-hover{transition:all .25s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.skeleton-shimmer{background:linear-gradient(90deg, var(--bg-spotlight) 25%, var(--bg-layout) 50%, var(--bg-spotlight) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite shimmer}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.brand-gradient{background:linear-gradient(135deg, var(--primary), var(--primary-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease}.ant-card{transition:all .25s cubic-bezier(.4,0,.2,1)}.ant-card:hover{box-shadow:var(--shadow-md)}.ant-table-wrapper .ant-table-thead>tr>th{font-weight:600}.ant-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.ant-btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 2px 8px #1677ff59}.ant-modal-content{border-radius:var(--radius-md);overflow:hidden}.ant-drawer-content-wrapper{box-shadow:var(--shadow-xl)}.ant-pro-table .ant-pro-card{border-radius:var(--radius-md)}.diy-editor-wrapper{background:#f5f5f5;flex-direction:column;height:100vh;display:flex;overflow:hidden}.diy-toolbar{z-index:10;background:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:0 16px;display:flex}.diy-toolbar-left{align-items:center;gap:8px;display:flex}.diy-toolbar-center{position:absolute;left:50%;transform:translate(-50%)}.diy-toolbar-right{align-items:center;gap:6px;display:flex}.diy-page-name-input{width:160px;font-size:14px;font-weight:600}.diy-comp-count{color:#999;margin-right:8px;font-size:12px}.diy-status-tag{font-size:11px}.diy-status-tag.draft{color:#faad14}.diy-status-tag.published{color:#52c41a}.diy-main{flex:1;display:flex;overflow:hidden}.diy-main.preview{justify-content:center}.diy-left-panel{background:#fff;border-right:1px solid #e8e8e8;flex-direction:column;width:180px;min-width:180px;max-width:180px;display:flex;overflow:hidden}.diy-panel-title{color:#999;text-transform:uppercase;letter-spacing:1px;padding:12px 14px 8px;font-size:12px;font-weight:600}.diy-component-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:6px;padding:8px 10px;display:grid;overflow-y:auto}.diy-component-card{text-align:center;cursor:pointer;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:10px 6px;transition:all .15s}.diy-component-card:hover{background:#e6f4ff;border-color:#1677ff;box-shadow:0 2px 8px #1677ff1f}.diy-component-icon{margin-bottom:4px;font-size:24px}.diy-component-label{color:#555;font-size:11px}.diy-center-panel{background-color:#e8ecf1;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex:1;justify-content:center;align-items:flex-start;padding:20px;display:flex;overflow-y:auto}.diy-center-panel.preview{background:#1a1a2e}.diy-phone-frame{background:#f8f8f8;border-radius:20px;width:375px;min-width:375px;position:sticky;top:0;overflow:hidden;box-shadow:0 8px 40px #00000026,0 0 0 2px #333}.diy-phone-notch{background:#fff;justify-content:center;align-items:center;height:28px;display:flex}.diy-phone-notch:after{content:"";background:#333;border-radius:0 0 14px 14px;width:100px;height:20px}.diy-phone-header{color:#333;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;height:36px;font-size:12px;font-weight:600;display:flex}.diy-phone-body{background:#f0f0f0;min-height:500px}.diy-comp-wrapper{cursor:pointer;border:2px solid #0000;transition:border-color .15s,box-shadow .15s;position:relative}.diy-comp-wrapper.selected{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff26}.diy-comp-wrapper:hover:not(.selected){border-color:#bae0ff}.diy-comp-toolbar{z-index:5;background:#1677ff;border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;height:24px;padding:0 4px;display:flex;position:absolute;top:-28px;left:-2px;right:-2px}.diy-comp-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:0 6px;font-size:10px;overflow:hidden}.diy-comp-actions{gap:0;display:flex}.diy-comp-actions .ant-btn{height:20px;padding:0 4px;font-size:12px;line-height:20px;color:#ffffffd9!important}.diy-comp-actions .ant-btn:hover{color:#fff!important}.diy-empty-state{text-align:center;padding:80px 20px}.diy-right-panel{background:#fff;border-left:1px solid #e8e8e8;flex-direction:column;width:300px;min-width:300px;max-width:300px;display:flex;overflow:hidden}.diy-props-scroll{flex:1;padding:0 12px 20px;overflow-y:auto}.diy-props-form{flex-direction:column;gap:0;display:flex}.diy-props-section{border-bottom:1px solid #f5f5f5;padding:10px 0}.diy-props-section:last-child{border-bottom:none}.diy-props-section-title{color:#333;margin-bottom:8px;font-size:12px;font-weight:600}.diy-props-subtitle{color:#888;margin:8px 0 4px;font-size:11px}.diy-props-row{margin-bottom:8px}.diy-props-row label{color:#666;margin-bottom:3px;font-size:11px;display:block}.diy-props-image-item{background:#fafafa;border-radius:6px;align-items:center;gap:4px;margin-bottom:4px;padding:4px;display:flex}.diy-props-image-item img{object-fit:cover;border-radius:4px;flex-shrink:0;width:32px;height:32px}.diy-props-image-item .ant-input{font-size:11px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1200px){.diy-left-panel{width:140px;min-width:140px;max-width:140px}.diy-right-panel{width:260px;min-width:260px;max-width:260px}.diy-component-grid{grid-template-columns:1fr}}