body { background: var(--pt-bg); }
        .gd-hero { background:linear-gradient(135deg,rgba(79,110,247,.42) 0%,rgba(129,140,248,.30) 100%),url('../../banners/banner-guide.png') center/cover no-repeat; color:#fff; padding:48px 0 40px; text-align:center; position:relative; overflow:hidden; text-shadow:0 1px 10px rgba(0,0,0,.35); }
        .gd-hero::before { content:''; position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E"); }
        .gd-hero > * { position:relative; z-index:1; }
        .gd-hero h1 { font-size:30px; font-weight:800; margin-bottom:10px; }
        .gd-hero p { opacity:0.9; }
        /* 区块标题 */
        .gd-sec { max-width:1040px; margin:0 auto; padding:40px 20px 8px; }
        .gd-sec-head { display:flex; align-items:center; gap:8px; margin-bottom:20px; }
        .gd-sec-head .bar { width:4px; height:20px; background:var(--pt-primary); border-radius:2px; display:inline-block; }
        .gd-sec-head h2 { font-size:20px; font-weight:800; color:var(--pt-text); }
        /* 上手步骤 */
        .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
        .step { background:var(--pt-bg-white); border:1px solid var(--pt-border); border-radius:var(--pt-radius); padding:22px 18px; position:relative; display:grid; grid-template-columns:auto 1fr; column-gap:12px; }
        .step .num { width:34px; height:34px; border-radius:50%; background:var(--pt-bg-white); border:1.5px solid var(--pt-primary); color:var(--pt-primary); font-size:15px; font-weight:700; display:flex; align-items:center; justify-content:center; grid-column:1; grid-row:1; align-self:center; }
        .step h3 { font-size:15px; font-weight:700; margin-bottom:6px; grid-column:2; grid-row:1; align-self:center; }
        .step p { font-size:12px; color:var(--pt-text-muted); line-height:1.7; grid-column:2; grid-row:2; }
        /* 教程分类卡 */
        .cat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
        .cat-card { background:var(--pt-bg-white); border:1px solid var(--pt-border); border-radius:var(--pt-radius); padding:22px 20px; transition:all .3s; }
        a.cat-card { display:grid; grid-template-columns:auto 1fr; column-gap:14px; color:inherit; }
        .cat-card:hover { transform:translateY(-4px); box-shadow:var(--pt-shadow-md); }
        .cat-card .icon { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; grid-column:1; grid-row:1; background:var(--pt-bg-white); border:1px solid var(--pt-border); color:var(--pt-text-secondary); }
        .cat-card h3 { font-size:15px; font-weight:600; margin-bottom:6px; grid-column:2; grid-row:1; align-self:center; }
        .cat-card p { font-size:12px; color:var(--pt-text-muted); line-height:1.7; grid-column:2; grid-row:2; }
        .cat-card .go { display:inline-block; margin-top:10px; font-size:12px; font-weight:600; color:var(--pt-primary); grid-column:2; grid-row:3; }
        /* 工具下载卡 */
        .dl-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
        .dl-card { background:var(--pt-bg-white); border:1px solid var(--pt-border); border-radius:var(--pt-radius); padding:22px 20px; display:flex; flex-direction:column; }
        .dl-card .top { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
        .dl-card .icon { width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; background:var(--pt-bg-white); border:1px solid var(--pt-border); color:var(--pt-text-secondary); flex-shrink:0; }
        .dl-card .ti { font-size:15px; font-weight:700; color:var(--pt-text); }
        .dl-card .ver { font-size:11px; color:var(--pt-text-muted); margin-top:2px; }
        .dl-card p { font-size:12px; color:var(--pt-text-secondary); line-height:1.7; flex:1; margin-bottom:14px; }
        .dl-card .meta { display:flex; gap:14px; font-size:11px; color:var(--pt-text-muted); margin-bottom:14px; }
        .dl-card .btn { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; height:38px; border-radius:var(--pt-radius-sm); background:var(--pt-primary); color:#fff; font-size:14px; font-weight:600; }
        .dl-card .btn.soon { background:var(--pt-border); color:var(--pt-text-muted); cursor:not-allowed; }
        .dl-tip { max-width:1040px; margin:0 auto; padding:0 20px; font-size:12px; color:var(--pt-text-muted); }
        @media(max-width:992px){ .steps,.cat-grid,.dl-grid { grid-template-columns:repeat(2,1fr); } }
        @media(max-width:640px){ .steps,.cat-grid,.dl-grid { grid-template-columns:1fr; } }