:root{--bg:#f7f8fb;--card:#fff;--text:#111827;--muted:#64748b;--line:#e8edf5;--blue:#2563eb;--purple:#7c3aed;--green:#10b981;--orange:#f59e0b;--shadow:0 10px 28px rgba(15,23,42,.055);--radius:16px;--gap:14px}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.header{height:72px;position:sticky;top:0;z-index:20;background:rgba(247,248,251,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,231,235,.72)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:grid;place-items:center;color:white;font-weight:900}.brand b{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;color:transparent}.links{display:flex;gap:26px;align-items:center;font-size:15px;font-weight:650}.links a.active,.links a:hover{color:var(--blue)}.actions{display:flex;align-items:center;gap:12px;font-weight:650}.pill-login{padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#111827}.auth-only{display:none}body.is-authenticated .auth-only{display:inline-flex}body.is-authenticated .js-login-link{display:none}.profile,.cta,button{padding:10px 16px;border-radius:12px;background:#111827;color:#fff;border:0;font-weight:850;cursor:pointer}
.hero{position:relative;overflow:hidden;padding:60px 0 42px;background:radial-gradient(circle at 18% 0%,rgba(37,99,235,.10),transparent 34%),radial-gradient(circle at 76% 18%,rgba(124,58,237,.10),transparent 32%),linear-gradient(180deg,#fbfcff 0,#f7f8fb 100%)}.kicker{display:inline-flex;background:#fff;border:1px solid #dbeafe;color:#2563eb;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:850}.hero h1{font-size:52px;line-height:1.08;letter-spacing:-1px;margin:18px 0 14px}.hero h1 span{background:linear-gradient(135deg,#111827 0,#2563eb 58%,#7c3aed 100%);-webkit-background-clip:text;color:transparent}.hero p,.lead{max-width:820px;color:#4b5563;font-size:17px;line-height:1.85}.section{padding:36px 0;border-top:1px solid #e9eef6}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.section h2{font-size:27px;margin:0 0 16px}.section-head h2{margin:0}.section-head a{color:var(--blue);font-weight:850}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.card{background:#fff;border:1px solid #e8edf5;border-radius:var(--radius);padding:16px;min-height:150px;box-shadow:0 6px 18px rgba(15,23,42,.025);transition:.18s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dbeafe}.card h3{font-size:17px;line-height:1.45;margin:8px 0}.card p{color:#64748b;font-size:13.5px;line-height:1.65}.card small{color:#64748b;font-weight:750}.card-top{display:flex;align-items:center;gap:12px}.icon{width:40px;height:40px;border-radius:13px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.tag,.meta span{display:inline-flex;border-radius:999px;padding:6px 9px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:850}.tag.muted{background:#f1f5f9;color:#475569}.tag-row,.meta{display:flex;gap:7px;flex-wrap:wrap}.card ul{margin:10px 0 0;padding-left:18px;color:#475569;font-size:13px;line-height:1.8}
.hero-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-18px;margin-bottom:24px;position:relative;z-index:2}.hero-entry{background:rgba(255,255,255,.9);border:1px solid #e6edf6;border-radius:18px;padding:15px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 22px rgba(15,23,42,.035);transition:.18s}.hero-entry:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 14px 30px rgba(15,23,42,.07)}.hero-entry strong{font-size:15.5px;display:block}.hero-entry span{font-size:12.5px;color:#64748b;line-height:1.45;margin-top:4px;display:block}.shortcut-ico{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.s-blue{background:#eff6ff;color:#2563eb}.s-purple{background:#f5f3ff;color:#7c3aed}.s-green{background:#ecfdf5;color:#059669}.s-orange{background:#fff7ed;color:#d97706}
.tool-card{background:#fff;border:1px solid #e8edf5;border-radius:17px;padding:15px;min-height:138px;transition:.18s;box-shadow:0 6px 18px rgba(15,23,42,.025)}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dbeafe}.tool-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tool-card h3{font-size:16px;margin:0 0 5px;letter-spacing:-.2px}.tool-card p{margin:0 0 12px;color:#64748b;font-size:13.2px;line-height:1.55}.tool-card small{display:block;color:#64748b;font-size:12.5px;font-weight:750}
.tutorial-card{min-height:150px}.tutorial-card .cat{margin-bottom:10px}.feature-tutorial{grid-column:span 2;background:linear-gradient(135deg,#eff6ff 0,#fff 58%);border-color:#dbeafe}.feature-tutorial h3{font-size:20px;max-width:460px}.feature-tutorial p{max-width:540px}
.model-head{display:flex;align-items:center;gap:11px;margin-bottom:10px}.model-card h3{margin:0 0 5px}.logo{width:38px;height:38px;border-radius:13px;background:#fff;border:1px solid #e5e7eb;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;font-weight:900}.lobe-icon-img{width:27px;height:27px;object-fit:contain;display:block}.logo.lobe{background:#fff;border:1px solid #e7ebf2}.logo.lobe.claude{background:#f8f2ec}.vendor{color:#64748b;font-size:12.5px;font-weight:750}.model-card .count{margin-top:12px;padding-top:11px;border-top:1px dashed #e2e8f0;color:#64748b;font-size:12.5px;font-weight:750}
.solution-grid{align-items:stretch}.solution{display:block;background:#fff;border:1px solid #e8edf5;border-radius:17px;padding:16px;min-height:176px;box-shadow:0 6px 18px rgba(15,23,42,.025);transition:.18s}.solution:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dbeafe}.solution-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.solution-title{display:flex;align-items:center;gap:10px}.solution-icon{width:34px;height:34px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;color:#475569;box-shadow:0 6px 14px rgba(15,23,42,.06)}.solution h3{font-size:17px;margin:0}.soon{font-size:12px;color:#64748b;background:#fff;border:1px solid #e8edf5;border-radius:999px;padding:5px 8px;font-weight:850;white-space:nowrap}.solution p{font-size:13.5px;color:#64748b;line-height:1.65;margin:0 0 13px}.mini-list{display:grid;gap:8px}.mini-list span{display:flex;align-items:center;gap:7px;color:#475569;font-size:13px;font-weight:750}.dot{width:6px;height:6px;border-radius:50%;background:#2563eb;display:inline-block;flex:0 0 auto}
.two-col,.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.panel,.auth-card,.table-card{background:#fff;border:1px solid #e8edf5;border-radius:var(--radius);padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.035)}.panel+.panel{margin-top:14px}.compact{margin-bottom:12px}label{display:grid;gap:7px;margin-bottom:14px;color:#334155;font-weight:750}input,select,textarea{width:100%;min-height:46px;border:1px solid #dbe3ee;border-radius:12px;padding:12px 13px;font:inherit;background:#fff}textarea{resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;min-height:18px}.result-list{display:grid;gap:10px}.result-list p,.result-list div{padding:12px;border:1px solid #e8edf5;border-radius:12px;background:#f8fafc;color:#334155}.detail-wrap{width:min(900px,calc(100% - 48px));margin:34px auto 0}.article{background:#fff;border:1px solid #e8edf5;border-radius:var(--radius);padding:28px;line-height:1.85}.article h2{margin-top:24px}.article pre{white-space:pre-wrap;background:#0f172a;color:#e5e7eb;border-radius:12px;padding:16px}.article .grid{grid-template-columns:repeat(2,1fr)}.detail-related{padding:36px 0 0;margin-top:0}.detail-related .grid{grid-template-columns:repeat(3,1fr)}.check-list{padding-left:18px;color:#475569;line-height:1.9}
.account{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}.account-main{display:grid;gap:14px}.sidebar{background:#fff;border:1px solid #e8edf5;border-radius:var(--radius);padding:14px;display:grid;align-content:start;gap:8px;position:sticky;top:88px}.sidebar a{padding:11px 12px;border-radius:12px;color:#475569;font-weight:750}.sidebar a:hover,.sidebar a.active{background:#eff6ff;color:#2563eb}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.stat-card,.stat-grid>div{background:#fff;border:1px solid #e8edf5;border-radius:var(--radius);padding:18px}.stat-grid strong{display:block;font-size:30px;line-height:1}.stat-grid span{display:block;color:#64748b;margin-top:8px}.search{display:flex;gap:10px;margin-bottom:18px}.search input{flex:1}
.auth-hero{padding:56px 0;background:linear-gradient(180deg,#fff 0,#f7f8fb 100%)}.auth-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:34px;align-items:center}.auth-copy h1{font-size:42px;line-height:1.15;margin:18px 0 14px}.auth-copy p{color:#475569;line-height:1.8}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.benefits div{background:#fff;border:1px solid #e8edf5;border-radius:var(--radius);padding:14px}.benefits strong,.benefits span{display:block}.benefits span{color:#64748b;font-size:13px;margin-top:6px;line-height:1.5}.auth-card h2{font-size:26px;margin:0 0 8px}.auth-card p{color:#64748b}.switch{margin-top:14px;color:#64748b}.switch a{color:#2563eb;font-weight:850}.inline-field{display:grid;grid-template-columns:1fr 112px;gap:8px}.light-btn{background:#eff6ff;color:#2563eb}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-bottom:14px}.package{display:grid;text-align:left;background:#fff;color:#111827;border:1px solid #e8edf5;border-radius:var(--radius);padding:18px;box-shadow:0 6px 18px rgba(15,23,42,.025)}.package.selected{border-color:#2563eb;box-shadow:0 12px 30px rgba(37,99,235,.12)}.package span{font-weight:850}.package strong{font-size:30px;margin:10px 0 4px}.package small{color:#2563eb;font-weight:850}.package p{color:#64748b;line-height:1.6}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #e8edf5}th{color:#475569;background:#f8fafc}.history-list{display:grid;gap:var(--gap)}.history-item h2{font-size:20px;margin:10px 0 6px}.history-item p{color:#64748b}
.footer{margin-top:46px;background:#f1f5f9;border-top:1px solid #e2e8f0;padding:42px 0 26px}.foot{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.foot p,.foot a,.copy{color:#64748b;line-height:1.7}.foot a{display:block;margin:8px 0}.copy{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:18px}
.tools-hero,.tutorial-hero,.model-hero,.open-hero{padding:56px 0 34px;background:linear-gradient(180deg,#fff 0,#f7f8fb 100%);border-bottom:1px solid #e8edf5}.crumb{color:#64748b;font-size:14px;font-weight:750;margin-bottom:16px}.tools-hero h1,.tutorial-hero h1,.model-hero h1,.open-hero h1,.article-hero h1,.tool-detail-head h1{font-size:44px;line-height:1.12;margin:0 0 14px}.category-note{margin-top:20px;color:#64748b;background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:14px}.card-action{margin-top:12px;color:#2563eb;font-weight:900;font-size:13px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-chip{background:#fff;color:#475569;border:1px solid #e8edf5;border-radius:999px;padding:9px 13px}.page-two-col,.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.side-panel{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:18px;display:grid;gap:10px;align-content:start;position:sticky;top:88px}.side-panel h2{font-size:18px;margin:12px 0 4px}.side-panel h2:first-child{margin-top:0}.side-panel a,.side-panel span{display:block;color:#475569;line-height:1.55;font-weight:750}.hero-stats{display:grid;grid-template-columns:auto auto auto auto auto auto;gap:8px 12px;align-items:baseline;margin:18px 0}.hero-stats strong{font-size:28px}.hero-stats span{color:#64748b;font-weight:750}.block-title{margin-top:28px}.app-page{padding:54px 0 0}.tool-detail-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.runtime-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:20px;align-items:start}.result-card strong{display:block;font-size:15px;line-height:1.65;margin-bottom:10px}.result-card div{display:flex;gap:8px;flex-wrap:wrap}.article-hero{padding:60px 0 26px}.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:#64748b;font-weight:750}.article-layout .article{margin:0}.article section{scroll-margin-top:90px}.article h3{margin-top:10px}.open-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:24px;align-items:center}.code-card{background:#0f172a;color:#e5e7eb;border-radius:16px;padding:20px;white-space:pre-wrap;line-height:1.7;overflow:auto}.model-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.model-strip span{background:#fff;border:1px solid #e8edf5;border-radius:999px;padding:9px 12px;color:#475569;font-weight:850}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:18px}.provider-article{margin-top:18px}.provider-block{border-bottom:1px solid #e8edf5;padding-bottom:18px}.recovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:980px){.grid,.hero-shortcuts{grid-template-columns:repeat(2,1fr)}.feature-tutorial{grid-column:span 1}.links{gap:14px}.two-col,.detail-layout,.account,.auth-grid,.page-two-col,.article-layout,.runtime-shell,.open-grid{grid-template-columns:1fr}.sidebar,.side-panel{position:static}.foot{grid-template-columns:1fr 1fr}.package-grid,.benefits,.feature-grid,.recovery-grid{grid-template-columns:1fr}.detail-related .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wrap{width:min(100% - 28px,1180px)}.detail-wrap{width:min(100% - 28px,900px)}.links,.actions{display:none}.hero{padding:38px 0 28px}.hero h1,.auth-copy h1,.tools-hero h1,.tutorial-hero h1,.model-hero h1,.open-hero h1,.article-hero h1,.tool-detail-head h1{font-size:34px}.grid,.hero-shortcuts,.stat-grid,.foot,.article .grid,.detail-related .grid{grid-template-columns:1fr}.section-head{align-items:flex-start;display:block}.search,.inline-field{display:grid;grid-template-columns:1fr}.hero-stats{grid-template-columns:auto auto}table{font-size:13px}th,td{padding:10px 8px}}