:root{--page-bg:#f6f7f8;--surface:#ffffff;--surface-soft:#f8fafc;--text-primary:#111827;--text-muted:#6b7280;--line-color:#e5e7eb;--line-soft:#eef2f7;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:rgba(37,99,235,0.1);--danger-soft:rgba(239,68,68,0.08);--success-soft:rgba(16,185,129,0.12);--warning-soft:rgba(245,158,11,0.12)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top,rgba(255,255,255,0.96),rgba(246,247,248,0.95) 48%),var(--page-bg);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}body,button,input,textarea,select{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}.navbar-clean{background-color:rgba(255,255,255,0.92) !important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,231,235,0.92)}.navbar-clean .navbar-brand,.navbar-clean .nav-link{color:var(--text-primary)}.navbar-clean .nav-link{font-weight:500}.navbar-clean .nav-link.active,.navbar-clean .nav-link:hover{color:var(--accent)}.nav-gap{gap:0.35rem}.bi{line-height:1;vertical-align:-0.125em}.page-main,.page-shell{flex:1 0 auto}.page-shell{margin-top:5rem;padding-bottom:3rem}.card{background:rgba(255,255,255,0.96);border:1px solid rgba(229,231,235,0.88) !important;box-shadow:0 18px 44px rgba(17,24,39,0.06) !important}.card-header{background:transparent !important;border-bottom-color:var(--line-color) !important}.card-header-tools{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-action-group{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.section-box{border:1px solid var(--line-color);border-radius:16px;background:var(--surface);padding:1rem;height:100%}.section-box p,.section-box li,.step-item p,.metric-box p,.helper-note{color:var(--text-muted)}.btn-outline-secondary,.form-select,.form-control,.list-group-item{border-color:#d1d5db}.btn-outline-secondary{color:var(--text-primary);background:#fff}.btn-outline-secondary:hover,.btn-outline-secondary:focus{color:var(--text-primary);background:#f3f4f6;border-color:#c7cdd4}.action-btn,.btn-dark{background-color:var(--accent) !important;border-color:var(--accent) !important;color:#fff !important;box-shadow:0 10px 24px rgba(37,99,235,0.24);transition:background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.action-btn:hover,.action-btn:focus,.btn-dark:hover,.btn-dark:focus{background-color:var(--accent-hover) !important;border-color:var(--accent-hover) !important;color:#fff !important;box-shadow:0 12px 28px rgba(37,99,235,0.28)}.action-btn:active,.btn-dark:active{transform:translateY(1px)}.form-label{font-weight:600;color:var(--text-primary)}.form-control:focus,.form-select:focus{border-color:rgba(37,99,235,0.4);box-shadow:0 0 0 0.2rem rgba(37,99,235,0.12)}.footer-links a,.friend-link a{color:var(--text-primary);text-decoration:none}.footer-links a:hover,.friend-link a:hover{color:var(--accent)}.promo-tip.alert{padding:0.7rem 0.9rem;font-size:0.92rem;border-radius:14px}.metric-box{position:relative;overflow:hidden}.metric-box::after{content:"";position:absolute;top:-18px;right:-18px;width:74px;height:74px;border-radius:50%;background:linear-gradient(180deg,rgba(37,99,235,0.12),rgba(37,99,235,0));pointer-events:none}.metric-label{font-size:0.88rem;color:var(--text-muted);font-weight:600;margin-bottom:0.4rem}.metric-value{font-size:clamp(1.8rem,3vw,2.3rem);line-height:1.05;font-weight:700;letter-spacing:-0.03em;margin-bottom:0.45rem}.metric-inline{font-size:1rem;font-weight:700;margin-bottom:0.55rem}.search-input-wrap{position:relative}.search-input-wrap .bi-search{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input-wrap .form-control{padding-left:2.6rem;border-radius:999px;min-height:46px}.toolbar-actions{display:flex;gap:0.75rem}.category-chip-list{display:flex;flex-wrap:wrap;gap:0.65rem}.category-chip{border:1px solid var(--line-color);border-radius:999px;background:#fff;color:var(--text-primary);padding:0.48rem 0.9rem;font-size:0.88rem;font-weight:600;transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease}.category-chip:hover{background:#f8fafc;border-color:#cbd5e1}.category-chip.is-active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 8px 18px rgba(37,99,235,0.2)}.prompt-grid{display:grid;gap:1rem}.prompt-card{border:1px solid var(--line-color);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,0.04)}.prompt-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1rem 0.85rem;cursor:pointer}.prompt-card-main{min-width:0;flex:1 1 auto}.prompt-title{font-size:1.02rem;font-weight:700;margin:0;line-height:1.4}.prompt-subline{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.55rem}.badge-soft,.badge-meta{display:inline-flex;align-items:center;gap:0.35rem;border-radius:999px;padding:0.28rem 0.68rem;font-size:0.75rem;font-weight:600}.badge-soft{background:var(--accent-soft);color:var(--accent)}.badge-meta{background:#f3f4f6;color:var(--text-muted)}.prompt-preview{margin:0.8rem 0 0;color:var(--text-muted);font-size:0.92rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prompt-card-actions{display:flex;align-items:center;gap:0.55rem;flex-wrap:wrap;flex:0 0 auto}.prompt-card-body{padding:0 1rem 1rem;border-top:1px solid var(--line-soft)}.prompt-content{margin:0;padding:1rem;border-radius:14px;background:linear-gradient(180deg,#f8fafc 0%,#f5f7fb 100%);border:1px solid #e2e8f0;white-space:pre-wrap;word-break:break-word;color:#0f172a;font-size:0.92rem;line-height:1.75;font-family:"SFMono-Regular","Consolas","Liberation Mono",monospace}.prompt-card-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.75rem;margin-top:0.9rem;font-size:0.82rem;color:var(--text-muted)}.prompt-empty,.component-state{text-align:center}.prompt-empty{border:1px dashed #cbd5e1;border-radius:18px;background:rgba(255,255,255,0.7);padding:2.4rem 1.5rem}.prompt-empty h3{font-size:1.05rem;margin-bottom:0.5rem}.prompt-empty p{color:var(--text-muted);margin-bottom:1rem}.component-state .card-body{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.component-state-title{font-size:1.15rem;font-weight:700;margin-bottom:0.55rem}.component-state-text{color:var(--text-muted)}.component-action{margin-top:1rem}.component-action + .component-action{margin-top:0.55rem}.prompt-textarea,.json-textarea{min-height:220px;resize:vertical;line-height:1.7}.variable-fields{display:grid;gap:1rem}.variable-input{min-height:90px;resize:vertical}.page-hero{padding:1.35rem;border-radius:18px;background:linear-gradient(135deg,#edf4ff 0%,#ffffff 100%);border:1px solid #dbeafe}.page-hero h1{font-size:clamp(1.6rem,3vw,2rem);margin-bottom:0.6rem}.page-hero p,.page-copy,.page-copy li{color:var(--text-muted);line-height:1.8}.page-copy ul,.page-copy ol{padding-left:1.1rem;margin-bottom:0}.page-copy li + li{margin-top:0.55rem}.notice-box,.status-box{border:1px solid var(--line-color);border-radius:16px;padding:1rem;background:#fff}.notice-box.is-info{background:#f8fbff;border-color:#dbeafe}.notice-box.is-warning{background:#fffaf0;border-color:#fde68a}.status-box strong{display:inline-block;margin-bottom:0.25rem}.json-actions,.search-meta,.inline-actions{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center}.json-actions .btn,.inline-actions .btn{min-width:132px}.search-meta{justify-content:space-between;color:var(--text-muted);font-size:0.88rem}.list-link-grid{display:grid;gap:0.75rem}.list-link-grid a,.site-map-list a{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line-color);border-radius:14px;background:#fff;padding:0.9rem 1rem;text-decoration:none;color:var(--text-primary);transition:background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.list-link-grid a:hover,.site-map-list a:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 10px 22px rgba(15,23,42,0.05)}.site-map-list{display:grid;gap:0.75rem}.footer-muted{color:var(--text-muted);font-size:0.9rem}.empty-hint{color:var(--text-muted);font-size:0.92rem}@media (max-width:991.98px){.navbar-collapse{padding-top:0.8rem}}@media (max-width:767.98px){.card-header-tools,.prompt-card-header,.search-meta{flex-direction:column;align-items:stretch}.header-action-group,.prompt-card-actions,.toolbar-actions{width:100%}.header-action-group .btn,.prompt-card-actions .btn,.toolbar-actions .btn{width:100%}.prompt-card-foot{flex-direction:column}.json-actions .btn,.inline-actions .btn{width:100%}}