:root{--bg-dark:#07090e;--card-bg:#121622b8;--card-border:#ffffff14;--card-hover-border:#a855f78c;--card-glow:#a855f733;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent-purple:#a855f7;--gradient-brand:linear-gradient(135deg, #c084fc 0%, #a855f7 50%, #6366f1 100%);--font-display:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg:20px;--radius-md:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}#bg-canvas{pointer-events:auto;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.page-container{z-index:1;pointer-events:none;flex-direction:column;max-width:1280px;min-height:100vh;margin:0 auto;padding:56px 24px 48px;display:flex;position:relative}.page-container>*{pointer-events:auto}.hero-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.brand-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#a855f71f;border:1px solid #a855f759;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;display:inline-flex;box-shadow:0 0 20px #a855f733}.sparkle-icon{font-size:16px;animation:2s ease-in-out infinite alternate pulse-sparkle}@keyframes pulse-sparkle{0%{transform:scale(1)rotate(0)}to{transform:scale(1.25)rotate(15deg)}}.chip-text{font-family:var(--font-mono);letter-spacing:.08em;color:#e9d5ff;font-size:12px;font-weight:600}.hero-title{font-family:var(--font-display);letter-spacing:-.025em;color:#fff;margin-bottom:16px;font-size:clamp(34px,5.5vw,60px);font-weight:800}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-subtitle{color:var(--text-muted);max-width:760px;margin-bottom:12px;font-size:clamp(15px,1.8vw,18px);line-height:1.65}.models-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;width:100%;margin-bottom:56px;display:grid}.model-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);color:inherit;-webkit-backdrop-filter:blur(14px);flex-direction:column;padding:22px 24px;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s,background .25s;display:flex;position:relative}.model-card:hover{border-color:var(--card-hover-border);box-shadow:0 16px 36px #00000073, 0 0 24px var(--card-glow);background:#161b2ad9;transform:translateY(-4px)}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}:is(.model-card:has(.card-title-wrap:hover),.model-card:has(.card-title-wrap:focus-within)){z-index:50}.card-title-wrap{z-index:10;align-items:center;display:inline-flex;position:relative}.card-name{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;cursor:help;text-underline-offset:4px;align-items:center;font-size:19px;font-weight:700;line-height:1.3;-webkit-text-decoration:underline dotted #ffffff52;text-decoration:underline dotted #ffffff52;transition:color .2s,text-decoration-color .2s;display:inline-flex}.card-title-wrap:hover .card-name,.card-title-wrap:focus-within .card-name{color:#93c5fd;text-decoration-color:#60a5fa}.model-tooltip{z-index:60;-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;cursor:default;background:#0d111cf5;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;gap:8px;width:max-content;min-width:280px;max-width:min(390px,100vw - 32px);padding:12px 14px;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;display:flex;position:absolute;top:calc(100% + 9px);left:0;transform:translateY(6px);box-shadow:0 16px 36px #000000a6,0 0 0 1px #ffffff0d}.model-tooltip:before{content:"";background:#0d111cfa;border-top:1px solid #ffffff24;border-left:1px solid #ffffff24;width:10px;height:10px;position:absolute;top:-5px;left:20px;transform:rotate(45deg)}.card-title-wrap:hover .model-tooltip,.card-title-wrap:focus-within .model-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.tooltip-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.tooltip-label{color:#94a3b8;font-size:12px;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;flex-shrink:0;line-height:1}.tooltip-val{color:#f1f5f9;font-size:13px;font-weight:700;font-family:var(--font-mono);text-align:right;line-height:1}.tooltip-val.highlight-tokens{color:#38bdf8}.tooltip-status-row{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;padding-top:8px;display:flex}.tooltip-status-badge{white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.status-indicator{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-text{line-height:1;display:inline-block}.tooltip-status-badge.status-ok{background:#22c55e1a;border:1px solid #22c55e40}.tooltip-status-badge.status-ok .status-indicator{background:#4ade80;box-shadow:0 0 6px #4ade80}.tooltip-status-badge.status-ok .status-text{color:#4ade80}.tooltip-status-badge.status-warning{background:#f59e0b1a;border:1px solid #f59e0b40}.tooltip-status-badge.status-warning .status-indicator{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.tooltip-status-badge.status-warning .status-text{color:#fbbf24}.tooltip-status-badge.status-danger{background:#f43f5e1a;border:1px solid #f43f5e47}.tooltip-status-badge.status-danger .status-indicator{background:#fb7185;box-shadow:0 0 6px #fb7185}.tooltip-status-badge.status-danger .status-text{color:#fb7185}.card-badges{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.tier-badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;padding:1.5px 7px;font-size:10px;font-weight:700}.tier-badge.tier-1{color:#fde047;background:#fbbf241f;border:1px solid #fbbf2459;box-shadow:0 0 10px #fbbf2426}.tier-badge.tier-2{color:#7dd3fc;background:#38bdf81f;border:1px solid #38bdf84d}.tier-badge.tier-3{color:#d8b4fe;background:#a855f71f;border:1px solid #a855f74d}.tier-badge.tier-4{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b838}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.card-desc{color:var(--text-muted);flex-grow:1;margin-bottom:18px;font-size:13.5px;line-height:1.6}.card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.card-tags{flex-wrap:wrap;flex:1;gap:6px;display:flex}.tech-tag{color:#cbd5e1;font-size:11px;font-family:var(--font-mono);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;padding:2.5px 8px}.action-link{color:#c084fc;flex-shrink:0;align-items:center;gap:4px;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex}.action-arrow{transition:transform .2s}.model-card:hover .action-link{color:#e9d5ff}.model-card:hover .action-arrow{transform:translate(2px,-2px)}.hub-footer{text-align:center;color:var(--text-dim);border-top:1px solid #ffffff0f;margin-top:auto;padding:24px 0 0;font-size:13px}.top-nav-action{z-index:10;position:absolute;top:32px;right:24px}.readme-entry-btn{color:#f1f5f9;font-family:var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#161b2cbf;border:1px solid #a855f759;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #0000004d,0 0 12px #a855f726}.readme-entry-btn:hover{color:#fff;background:#1e253ce6;border-color:#c084fcb3;transform:translateY(-2px);box-shadow:0 8px 24px #00000073,0 0 20px #a855f759}.readme-entry-btn:active{transform:translateY(0)}.entry-icon{color:#c084fc;transition:transform .2s}.readme-entry-btn:hover .entry-icon{transform:scale(1.1)}.badge-dot{background:#c084fc;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #c084fc}.readme-modal{z-index:100;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;padding:24px 16px;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.readme-modal.active{opacity:1;visibility:visible;pointer-events:auto}.readme-backdrop{-webkit-backdrop-filter:blur(18px);z-index:1;background:#05070dd1;position:absolute;inset:0}.readme-dialog{z-index:2;background:#0f1320f0;border:1px solid #a855f759;border-radius:20px;flex-direction:column;width:100%;max-width:860px;max-height:88vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:scale(.95)translateY(12px);box-shadow:0 24px 64px -8px #000000d9,0 0 45px #a855f733}.readme-modal.active .readme-dialog{transform:scale(1)translateY(0)}.readme-header{background:#161b2eb3;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.readme-header-left{align-items:center;gap:14px;display:flex}.readme-back-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .2s;display:inline-flex}.readme-back-btn:hover{color:#f8fafc;background:#a855f726;border-color:#a855f766}.readme-badge{font-family:var(--font-mono);color:#c084fc;letter-spacing:.05em;background:#a855f71a;border:1px solid #a855f740;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.readme-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.readme-close-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.readme-body{scrollbar-width:thin;scrollbar-color:#a855f766 transparent;flex-direction:column;gap:28px;padding:28px 32px;display:flex;overflow-y:auto}.readme-body::-webkit-scrollbar{width:6px}.readme-body::-webkit-scrollbar-thumb{background:#a855f766;border-radius:3px}.readme-intro-section{flex-direction:column;gap:14px;display:flex}.readme-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:clamp(24px,3.2vw,32px);font-weight:800}.readme-core-banner{border:1px solid #a855f74d;border-left:4px solid var(--accent-purple);border-radius:var(--radius-md);background:linear-gradient(135deg,#a855f71f 0%,#6366f11a 100%);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.banner-badge{font-family:var(--font-mono);color:#e9d5ff;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700;display:inline-block}.banner-text{color:#e2e8f0;font-size:14.5px;line-height:1.65}.banner-text strong{color:#fff;text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline #c084fc99;text-decoration:underline #c084fc99}.workflow-steps{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0f;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px 20px;display:grid}.step-card{align-items:flex-start;gap:14px;display:flex}.step-number{font-family:var(--font-mono);color:#c084fc;background:#a855f726;border:1px solid #a855f74d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex}.step-info{flex-direction:column;gap:4px;display:flex}.step-title{color:#f8fafc;font-size:14.5px;font-weight:700}.step-desc{color:var(--text-muted);font-size:12.5px;line-height:1.5}.step-arrow-divider{color:var(--text-dim);justify-content:center;align-items:center;display:flex}.prompt-showcase-section{flex-direction:column;gap:20px;display:flex}.section-title-wrap{align-items:baseline;gap:10px;display:flex}.section-title{font-family:var(--font-display);color:#fff;font-size:18px;font-weight:700}.section-sub{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;font-size:11.5px}.prompt-block-card{border-radius:var(--radius-md);background:#090c14cc;border:1px solid #ffffff14;flex-direction:column;gap:14px;padding:18px 20px;transition:border-color .2s;display:flex}.prompt-block-card:hover{border-color:#a855f759}.prompt-block-header{justify-content:space-between;align-items:center;display:flex}.prompt-tag{font-family:var(--font-mono);letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.round-1-tag{color:#e9d5ff;background:#a855f72e;border:1px solid #a855f766}.round-2-tag{color:#7dd3fc;background:#38bdf826;border:1px solid #38bdf859}.copy-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.copy-btn:hover{color:#fff;background:#a855f733;border-color:#a855f780}.copy-btn.copied{color:#4ade80;background:#22c55e33;border-color:#22c55e80}.mini-copy-btn{padding:3px 9px;font-size:11px}.prompt-code-box{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#e2e8f0;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;background:#05070ce6;border:1px solid #ffffff0d;padding:14px 16px;font-size:13.5px;line-height:1.68}.prompt-branch-item{flex-direction:column;gap:8px;display:flex}.branch-condition-banner{background:#ffffff08;border:1px dashed #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.condition-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.red-dot{background:#f87171;box-shadow:0 0 6px #f87171}.green-dot{background:#4ade80;box-shadow:0 0 6px #4ade80}.condition-text{color:var(--text-muted);flex:1;font-size:12.5px;font-weight:500}.branch-code-box{background:#06080ff2;border-left:3px solid #a855f766}.readme-bottom-actions{justify-content:center;padding-top:8px;display:flex}.readme-primary-btn{background:var(--gradient-brand);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:10px 28px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #a855f759}.readme-primary-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 24px #a855f780}.readme-primary-btn:active{transform:translateY(0)}@media (width<=768px){.page-container{padding:24px 16px 40px}.top-nav-action{justify-content:flex-end;width:100%;margin-bottom:16px;display:flex;position:static}.models-grid{grid-template-columns:1fr}.workflow-steps{grid-template-columns:1fr;gap:12px}.step-arrow-divider{transform:rotate(90deg)}.readme-dialog{border-radius:16px;max-height:94vh}.readme-body{gap:20px;padding:20px 16px}.branch-condition-banner{flex-direction:column;align-items:flex-start}}
