:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17201f;--muted:#5e6965;--paper:#fffefa;--surface:#f5f7f4;--line:#d9dfd9;--teal:#14766d;--teal-dark:#0c514d;--amber:#b86428;--green:#527a45;--shadow:0 18px 44px #17201f1f;--radius:8px;background:var(--surface);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);min-width:320px;margin:0}button,input,summary{font:inherit}button,summary{cursor:pointer}pre{white-space:pre-wrap;word-break:break-word;margin:0}.site-shell{min-height:100vh}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefaeb;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:0 5vw;display:flex;position:sticky;top:0}.brand,.site-header a{color:var(--ink);text-decoration:none}.brand{white-space:nowrap;align-items:center;gap:10px;font-weight:800;display:inline-flex}.site-header nav{color:var(--muted);gap:18px;font-size:.95rem;display:flex}.site-header nav a{color:var(--muted)}.site-header nav a:hover,.brand:hover{color:var(--teal-dark)}.hero{color:#fffefa;background-position:50%;background-size:cover;align-items:center;min-height:62svh;max-height:690px;display:flex}.hero-inner{width:min(1120px,90vw);margin:0 auto;padding:76px 0 84px}.eyebrow{color:var(--amber);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.hero h1{letter-spacing:0;max-width:720px;margin:0;font-size:4.2rem;line-height:1.05}.hero-copy{color:#fffefadb;max-width:620px;margin:22px 0 0;font-size:1.1rem;line-height:1.8}.hero-metrics{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero-metrics span{color:#fffefae6;background:#0c161657;border:1px solid #fffefa52;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.92rem;display:inline-flex}.tutorial-section,.content-band{width:min(1180px,92vw);margin:0 auto}.tutorial-section{padding:42px 0 24px}.content-band{padding:34px 0 72px}.content-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:38px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section-heading h2,.deploy-panel h2{letter-spacing:0;margin:0;font-size:1.65rem;line-height:1.2}.section-heading.compact{margin-bottom:14px}.result-count{color:var(--muted);white-space:nowrap;font-size:.95rem}.search-bar{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:52px;padding:8px 8px 8px 14px;display:grid;box-shadow:0 10px 24px #17201f0f}.search-bar svg{color:var(--teal-dark)}.search-bar input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.search-bar button,.article-card-footer button,.back-button,.ghost-button,.icon-button,.tutorial-tabs button{border:1px solid var(--teal-dark);background:var(--teal-dark);color:#fffefa;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-weight:700;display:inline-flex}.search-bar button{padding:0 16px}.search-bar .ghost-button,.ghost-button{border-color:var(--line);color:var(--muted);background:0 0}.category-tabs,.tutorial-tabs{flex-wrap:wrap;gap:8px;margin:16px 0 22px;display:flex}.category-tabs button,.tutorial-tabs button{border:1px solid var(--line);background:var(--paper);min-height:34px;color:var(--muted);border-radius:999px;padding:0 12px;font-weight:700}.category-tabs button.active,.category-tabs button:hover,.tutorial-tabs button.active,.tutorial-tabs button:hover{border-color:var(--teal);color:var(--teal-dark);background:#e7f2ef}.tutorial-detail-card,.article-card,.tutorial-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.tutorial-detail-card{box-shadow:var(--shadow);padding:22px}.tutorial-detail-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 180px;align-items:start;gap:24px;padding-bottom:22px;display:grid}.tutorial-detail-header h3{margin:12px 0 10px;font-size:1.45rem;line-height:1.25}.tutorial-detail-header p,.chapter-heading p,.lesson-body p{color:var(--muted);margin:0;line-height:1.78}.tutorial-stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);gap:6px;padding:16px;display:grid}.tutorial-stat strong{color:var(--ink);font-size:1.1rem}.tutorial-summary-grid,.lesson-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.tutorial-summary-grid{padding:22px 0}.tutorial-summary-grid h4,.chapter-heading h4,.lesson-body h5{margin:0 0 10px;font-size:1rem}.tutorial-summary-grid ul,.lesson-body ul,.tutorial-card ul{gap:8px;margin:0;padding-left:0;list-style:none;display:grid}.tutorial-summary-grid li{color:var(--muted);gap:8px;line-height:1.65;display:flex}.tutorial-summary-grid li svg{color:var(--teal);flex:none;margin-top:4px}.chapter-card{border-top:1px solid var(--line);padding:20px 0 0}.chapter-heading span{color:var(--teal);font-weight:800}.chapter-heading h4{margin-top:8px}.lesson-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:12px}.lesson-card summary{color:var(--ink);padding:14px 16px;font-weight:800;line-height:1.55}.lesson-body{gap:18px;padding:0 16px 16px;display:grid}.lesson-body ol{color:var(--ink);gap:8px;margin:0;padding-left:22px;line-height:1.7;display:grid}.lesson-body li{color:var(--ink);line-height:1.7}.code-block{color:#fffefa;background:#17201f;border-radius:7px;padding:14px 16px;line-height:1.65;overflow-x:auto}.article-list{gap:14px;display:grid}.article-card{padding:20px;box-shadow:0 10px 28px #17201f0f}.article-card-header,.article-card-footer,.article-meta,.tag-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.article-card-header{color:var(--muted);justify-content:space-between;font-size:.9rem}.article-card h3{letter-spacing:0;margin:12px 0 10px;font-size:1.28rem;line-height:1.35}.article-card p{color:var(--muted);margin:0;line-height:1.75}.article-card-footer{justify-content:space-between;margin-top:16px}.article-card-footer span,.article-meta span,.tag-row span{color:var(--muted);align-items:center;gap:6px;font-size:.92rem;display:inline-flex}.article-card-footer button{padding:0 13px}.side-column{gap:28px;display:grid}.tutorial-list{gap:12px;display:grid}.tutorial-card{padding:18px}.tutorial-card h3{letter-spacing:0;margin:0 0 8px;font-size:1.08rem}.tutorial-card p,.deploy-panel p{color:var(--muted);margin:0;line-height:1.72}.tutorial-card ul{color:var(--ink);margin:14px 0 0;padding-left:18px;line-height:1.7;list-style:outside}.level{min-height:28px;color:var(--green);background:#eef4e8;border-radius:999px;align-items:center;margin-top:12px;padding:0 10px;font-size:.85rem;font-weight:800;display:inline-flex}.deploy-panel{border-top:2px solid var(--ink);padding-top:6px}.deploy-steps{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.deploy-steps span{border:1px solid var(--line);background:var(--paper);min-height:32px;color:var(--teal-dark);border-radius:999px;align-items:center;padding:0 10px;font-weight:800;display:inline-flex}.reader{max-width:840px;margin:0 auto;padding:34px 0 12px}.back-button{margin-bottom:26px;padding:0 14px}.article-category{color:var(--teal);margin:0 0 10px;font-weight:800}.reader h2{letter-spacing:0;margin:0;font-size:2.35rem;line-height:1.18}.article-meta{margin:18px 0 0}.article-summary{color:var(--muted);margin:20px 0;font-size:1.08rem;line-height:1.85}.tag-row{margin-bottom:34px}.tag-row span{border:1px solid var(--line);background:var(--paper);border-radius:999px;min-height:30px;padding:0 10px}.reader-section{border-top:1px solid var(--line);margin-top:34px;padding-top:24px}.reader-section h3{letter-spacing:0;margin:0 0 14px;font-size:1.35rem}.reader-section p{color:#2f3836;margin:0 0 16px;font-size:1.03rem;line-height:1.9}.reader-section ul{color:var(--ink);margin:10px 0 0;padding-left:22px;line-height:1.85}.status{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);min-height:58px;color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.status-error{color:#8f2f24;background:#fff4f1;border-color:#e8c9c3;justify-content:space-between;margin-bottom:20px}.icon-button{width:38px;padding:0}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:var(--paper);justify-content:space-between;gap:18px;padding:26px 5vw;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.site-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 5vw}.site-header nav{width:100%;padding-bottom:2px;overflow-x:auto}.hero{min-height:58svh}.hero-inner{padding:54px 0 62px}.hero h1{font-size:2.45rem}.content-grid,.tutorial-detail-header,.tutorial-summary-grid,.lesson-columns{grid-template-columns:1fr}.side-column{gap:24px}}@media (width<=640px){.content-band,.tutorial-section{width:min(100% - 28px,1180px)}.content-band{padding-top:24px}.hero{min-height:55svh}.hero h1{font-size:2rem}.hero-copy{font-size:1rem}.search-bar{grid-template-columns:auto minmax(0,1fr)}.search-bar button{width:100%}.reader h2{font-size:1.8rem}.article-card-footer,.section-heading,.site-footer{flex-direction:column;align-items:flex-start}.tutorial-detail-card{padding:16px}}