:root{--bg: #f2f4f7;--panel: #ffffff;--line: #d8dde6;--text: #223;--muted: #5f6b7a;--primary: #0ea56b;--primary-hover: #0b8f5d;--danger: #c34045;--hljs-bg: #0d1117;--hljs-fg: #c9d1d9}*{box-sizing:border-box}html,body{margin:0;height:100%;color:var(--text);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;background:radial-gradient(circle at 10% 0%,#f8fafc 0%,var(--bg) 45%,#eceff4 100%)}#app{height:100%;display:flex;flex-direction:column;overflow:hidden}.hidden{display:none!important}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;color:#4b5563;text-decoration:none;line-height:1}.icon-btn:hover{color:#111827}.icon-btn svg{width:20px;height:20px;fill:currentColor}.wechat-entry{position:relative;display:inline-flex;align-items:center}.wechat-icon{color:#16a34a;cursor:pointer}.wechat-popover{position:absolute;right:0;top:calc(100% + 10px);width:180px;padding:10px;border:1px solid #d8e3f0;border-radius:10px;background:#fff;box-shadow:0 14px 28px #0f172a33;visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}.wechat-popover img{width:100%;height:auto;display:block;border:1px solid #eef3f9;border-radius:6px}.wechat-popover-title{margin-top:8px;font-size:12px;color:#5f6b7a;text-align:center}.wechat-popover-hint{margin-top:4px;font-size:12px;line-height:1.5;color:#7a8898;text-align:center}.wechat-entry.open .wechat-popover,.wechat-entry:hover .wechat-popover{visibility:visible;opacity:1;transform:translateY(0)}.tool-field{display:inline-flex;align-items:center;gap:6px}.tool-label{color:var(--muted);font-size:13px}.logo{font-size:18px;font-weight:700;color:#173f35;margin-right:8px}button,select,input,textarea{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:8px 12px;font-size:14px}button,select{cursor:pointer}button:hover,select:hover,input:hover,textarea:hover{border-color:#b8bfcc}input:focus,textarea:focus,select:focus{outline:2px solid #ccece1;outline-offset:1px}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover{background:var(--primary-hover)}button.danger{color:var(--danger)}button:disabled{cursor:not-allowed;opacity:.72}.tab-btn.active{background:#e7f8f1;border-color:#9ddcc6;color:#145f47}.workspace,.theme-manager{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px;flex:1;min-height:0;overflow:hidden}.theme-manager{grid-template-columns:320px minmax(520px,1fr) 420px}.theme-manager.theme-preview-hidden{grid-template-columns:320px minmax(520px,1fr)}.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;min-height:0;display:flex;flex-direction:column}.panel-title{padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-title-actions{display:inline-flex;gap:8px}.editor-panel #editor,.preview-panel .preview-scroll,.theme-list,.theme-form,.theme-preview-scroll{flex:1;min-height:0}.preview-scroll{overflow:auto;padding:20px;background:linear-gradient(180deg,#fcfdff,#f6f8fb)}.preview-viewport{transition:width .2s ease;margin:0 auto}.preview-viewport.mobile{width:390px;max-width:100%;padding:14px;border:1px solid #dce4ef;border-radius:24px;background:linear-gradient(180deg,#fdfefe,#f5f8fb)}.preview-viewport.desktop{width:100%}.wx-article{min-height:100%;box-sizing:border-box;word-break:break-word}.wx-article img{max-width:100%;height:auto}.wx-article pre.hljs{background:var(--hljs-bg)!important;color:var(--hljs-fg)!important}.theme-list{overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.theme-item{width:100%;padding:0;border:1px solid #d7e2ef;border-radius:12px;overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:0;background:#fff;min-height:320px}.theme-item.active{border-color:#79c8ae;box-shadow:0 0 0 2px #e0f6ee}.theme-item.promoted{animation:theme-card-promote .7s ease}@keyframes theme-card-promote{0%{box-shadow:0 0 #ffc32700;filter:saturate(1)}35%{box-shadow:0 0 0 3px #ffc32780;filter:saturate(1.08)}to{box-shadow:0 0 #ffc32700;filter:saturate(1)}}.theme-cover{display:block;position:relative;width:100%;min-height:240px;padding:12px;background:var(--cover-bg);color:#1e2f42;overflow:hidden}.theme-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.theme-cover>*:not(.theme-cover-image):not(.theme-favorite-btn){position:relative;z-index:1}.theme-favorite-btn{position:absolute;inset:8px 8px auto auto;display:inline-block;width:auto;height:auto;margin:0;background:transparent;color:#ffffffd1;font-size:22px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 2px 8px rgba(15,23,42,.35);z-index:3}.theme-favorite-btn:hover,.theme-favorite-btn.active{color:#ffd24d}.theme-cover:after{content:"";position:absolute;right:0;bottom:0;width:88px;height:88px;border-radius:50% 0 0;background:#2584b524}.theme-cover-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;background:#ffffffc7;color:#22384d}.theme-cover-title{display:block;margin-top:10px;font-size:14px;font-weight:700;color:#0f2031;text-shadow:0 1px 2px rgba(255,255,255,.55)}.theme-cover-line{display:block;width:86%;height:6px;margin-top:7px;border-radius:4px;background:#2584b561}.theme-cover-line.short{width:58%}.theme-item-meta{display:block;padding:10px 12px 12px;overflow:auto}.theme-item-name{display:block;font-size:13px;color:#1f3041;font-weight:600}.theme-item-desc{display:block;margin-top:4px;font-size:12px;color:#67809b}.theme-form{padding:12px;display:flex;flex-direction:column;gap:8px}.theme-form input,.theme-form .theme-css-editor{width:100%}.theme-css-editor{flex:1;min-height:360px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.theme-css-editor .cm-editor{height:100%}.theme-hints{border:1px dashed #cfd7e3;border-radius:10px;padding:10px;background:#fafcfe;display:flex;flex-direction:column;gap:8px}.theme-hints-title{font-size:12px;color:var(--muted)}.snippet-list{display:flex;flex-wrap:wrap;gap:6px}.chip-btn{border:1px solid #cfd7e3;background:#fff;color:#2a3a4f;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}.chip-btn:hover{border-color:#aab7ca;background:#f5f9ff}.theme-form-actions{display:flex;gap:8px;flex-wrap:wrap}.theme-preview-scroll{overflow:auto;padding:12px;background:linear-gradient(180deg,#f7faff,#f3f7fd)}.theme-preview-article-host{min-height:100%}.modal{position:fixed;inset:0;z-index:40;display:flex;justify-content:center;align-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#0f172a61}.modal-card{position:relative;width:min(1020px,96vw);max-height:min(86vh,900px);border:1px solid #ced8e6;border-radius:12px;background:#fff;box-shadow:0 24px 48px #0f172a38;display:flex;flex-direction:column;overflow:hidden}.image-assets-modal{height:clamp(460px,68vh,720px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #dce5f0}.modal-header h3{margin:0;font-size:15px}.modal-header-title{display:flex;align-items:baseline;gap:8px}.modal-header-hint{font-size:12px;color:#7a8898}.modal-header-actions{display:inline-flex;align-items:center;gap:8px}.modal-close{padding:6px 10px}.modal-body{padding:12px;overflow:auto;flex:1;min-height:0}.image-assets-table-wrap{border:1px solid #dce5f0;border-radius:10px;overflow:auto;height:100%;margin:0 auto}.image-assets-table{width:100%;border-collapse:collapse;min-width:760px;margin:0 auto}.image-assets-table th,.image-assets-table td{border-bottom:1px solid #edf2f8;padding:9px 10px;font-size:13px;text-align:center;vertical-align:middle}.image-assets-table th{position:sticky;top:0;background:#f8fbff;color:#4f6176;z-index:1}.image-address-cell{max-width:340px;color:#6a7789;word-break:break-all}.image-ref-empty{color:#7f8a9a;text-align:center}.image-ref-btn{padding:6px 10px;font-size:12px}.preview-hover{position:relative;display:inline-block}.preview-trigger{display:inline-block;color:#2d5b8a;text-decoration:underline;cursor:default}.preview-popover{position:absolute;left:0;top:calc(100% + 8px);width:220px;height:150px;padding:6px;border:1px solid #d2deec;border-radius:8px;background:#fff;box-shadow:0 12px 24px #0f172a33;visibility:hidden;opacity:0;transition:opacity .14s ease;pointer-events:none}.preview-popover img{width:100%;height:100%;object-fit:contain;background:#f4f7fb}.preview-hover:hover .preview-popover{visibility:visible;opacity:1}.mobile-entry-prompt{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}.mobile-entry-backdrop{position:absolute;inset:0;background:#0f172a9e}.mobile-entry-card{position:relative;width:min(360px,92vw);border-radius:14px;border:1px solid #d8e3f0;background:#fff;box-shadow:0 24px 48px #0f172a59;padding:16px;text-align:center}.mobile-entry-card h3{margin:0 0 8px;font-size:16px;color:#1f3348}.mobile-entry-card p{margin:0;font-size:14px;line-height:1.65;color:#4b6178}.mobile-entry-card p+p{margin-top:8px}.mobile-entry-card img{display:block;width:180px;height:180px;margin:12px auto;border:1px solid #dfe9f4;border-radius:8px;background:#f8fbff}.mobile-entry-card button{width:100%}@media(max-width:1080px){.workspace,.theme-manager{grid-template-columns:1fr}.editor-panel,.preview-panel,.theme-list-panel,.theme-form-panel,.theme-preview-panel{min-height:44vh}}@media(max-width:700px){.logo{display:none}.preview-viewport.mobile{border-radius:16px;padding:10px}.theme-css-editor{min-height:280px}}