*{box-sizing:border-box;}:root{--bg:#f5f5f2;--surface:#ffffff;--surface-soft:#fafaf8;--text:#202124;--muted:#74777c;--line:#e7e7e2;--blue:#1677ff;--blue-soft:#eef6ff;--green:#2c9c69;--shadow:0 14px 40px rgba(28,31,35,.06);--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;}html,body{height:100%;}body{min-width:1080px;margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.7;display:flex;flex-direction:column;}body > .page{flex:1;}a{color:inherit;text-decoration:none;}button,input{font:inherit;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}h1,h2,p,li,dt,dd,b,small,.breadcrumb span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.site-header{border-bottom:1px solid rgba(32,33,36,.08);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);}.header-inner{width:min(1240px,calc(100% - 48px));height:76px;margin:0 auto;display:flex;align-items:center;gap:20px;}.header-inner > .brand{flex:0 0 auto;}.header-inner > .main-nav{flex:1;display:flex;justify-content:center;gap:30px;}.header-inner > .search{flex:0 0 auto;}.brand{display:flex;align-items:center;gap:0;min-width:150px;}.brand-logo{display:block;width:180px;height:auto;}.main-nav{display:flex;align-items:center;}.main-nav a{padding:6px 0;color:#5f6368;font-size:15px;font-weight:600;white-space:nowrap;}.main-nav a.nav-wrap{width:2.4em;text-align:left;white-space:normal;word-break:break-all;line-height:1.35;padding:6px 2px;}.main-nav a:hover,.main-nav a.active{color:var(--text);}.main-nav a.active::after{content:"";display:block;width:18px;height:2px;margin:6px auto 0;border-radius:99px;background:var(--blue);}.search{width:180px;height:42px;margin-left:auto;padding:4px;display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:#f7f7f5;}.search input{min-width:0;width:100%;padding:0 10px;border:0;outline:0;background:transparent;color:var(--text);}.search button{min-width:54px;height:32px;padding:0 14px;border:0;border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 1px 5px rgba(0,0,0,.07);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:700;}.search button:hover{color:var(--blue);}.page{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:22px 0 60px;}.breadcrumb{display:flex;gap:9px;margin:0 0 18px;color:#96999d;font-size:14px;}.breadcrumb a:hover{color:var(--blue);}.product-card{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);}.product-main{display:grid;grid-template-columns:172px minmax(0,1fr);gap:28px;align-items:center;padding:34px 38px;}.product-copy{min-width:0;overflow:hidden;}.cover{width:172px;height:172px;object-fit:cover;border:1px solid var(--line);border-radius:24px;background:var(--surface-soft);}h1{margin:0 0 8px;font-size:40px;line-height:1.15;letter-spacing:-1.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.recommendation{width:min(100%,520px);max-height:3.6em;margin:0 0 18px;color:#5f6368;font-size:16px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;}.tags{display:flex;flex-wrap:wrap;gap:8px;}.tags a{padding:5px 10px;border-radius:99px;background:#f2f2ef;color:#66696e;font-size:11px;font-weight:600;}.tags a:hover{background:var(--blue-soft);color:var(--blue);}.product-action{padding:34px 30px;display:flex;flex-direction:column;justify-content:center;border-left:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#f7faff 38%,#eef6ff 100%);}.primary-button{height:48px;display:grid;place-items:center;border-radius:14px;background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(22,119,255,.2);font-size:14px;font-weight:750;}.primary-button:hover{background:#0969da;}.facts{grid-column:1 / -1;margin:0;padding:0 38px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);}.facts div{padding:19px 22px 20px 0;}.facts dt{margin-bottom:4px;color:#9a9da1;font-size:13px;}.facts dd{margin:0;color:#45484d;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start;margin-top:22px;}.content-main{display:grid;gap:22px;}.content-card,.side-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);}.resource-content{color:#4e5156;}.resource-content h2{margin:0;padding:29px 34px 0;border-top:1px solid var(--line);color:var(--text);font-size:21px;line-height:1.35;letter-spacing:-.3px;}.resource-content h2:first-child{border-top:0;}.resource-content h2::before{content:"";display:inline-block;width:7px;height:7px;margin:0 10px 3px 0;border-radius:50%;background:var(--blue);}.resource-content p{margin:8px 34px 0;color:var(--muted);}.content-note{margin:17px 34px 28px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);color:#55595e;font-size:15px;line-height:1.8;}.sidebar{display:grid;gap:22px;}.side-card{padding:0;}.panel-heading{padding:24px 24px 14px;}.side-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;}.panel-heading span{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;}.panel-heading h2{margin:5px 0 0;font-size:18px;line-height:1.35;}.tool-list,.simple-links{margin:0;padding:0 24px 24px;list-style:none;}.tool-list li{padding:12px 0;display:block;}.tool-list li:last-child{padding-bottom:0;}.tool-list li.first-item{display:flex;gap:12px;align-items:flex-start;}.tool-list li.first-item .item-main{flex:0 0 46px;}.tool-list li.first-item .item-main img{width:46px;height:46px;object-fit:cover;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);display:block;}.tool-list li.first-item .item-body{min-width:0;flex:1;}.tool-list li.first-item .item-body .item-title{font-size:15px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.tool-list li > i{display:inline-block;width:28px;color:var(--blue);font-size:12px;font-style:normal;font-weight:800;vertical-align:middle;}.tool-list li > .item-title{display:inline-block;vertical-align:middle;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;}.tool-list li + li{border-top:1px solid var(--line);}.tool-list .item-title{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;}.tool-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}.tool-list .item-title:hover b,.tool-list .item-main:hover b{color:var(--blue);}.tool-list li .item-tags{display:flex;flex-wrap:nowrap;gap:4px;margin-top:6px;padding-left:28px;overflow:hidden;white-space:nowrap;}.tool-list li.first-item .item-tags{padding-left:0;margin-top:4px;}.tool-list .item-tags a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:3px 8px;border-radius:99px;background:#f2f2ef;color:#66696e;font-size:11px;font-weight:600;white-space:nowrap;}.tool-list .item-tags a:hover{background:var(--blue-soft);color:var(--blue);}.simple-links li{padding:11px 0;}.simple-links li:last-child{padding-bottom:0;}.simple-links li.first-item{display:flex;gap:12px;align-items:flex-start;}.simple-links li.first-item .item-main{flex:0 0 46px;}.simple-links li.first-item .item-main img{width:46px;height:46px;object-fit:cover;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);display:block;}.simple-links li.first-item .item-body{min-width:0;flex:1;}.simple-links li.first-item .item-body .item-title{font-size:14px;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.simple-links li + li{border-top:1px solid var(--line);}.simple-links .item-title{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.simple-links li > i{display:inline-block;width:28px;color:#6ea8fe;font-size:12px;font-style:normal;vertical-align:middle;}.simple-links .item-title{display:inline;vertical-align:middle;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.simple-links li .item-tags{display:flex;flex-wrap:nowrap;gap:4px;margin-top:4px;padding-left:28px;overflow:hidden;white-space:nowrap;}.simple-links li.first-item .item-tags{padding-left:0;margin-top:4px;}.simple-links .item-tags a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:3px 8px;border-radius:99px;background:#f2f2ef;color:#66696e;font-size:11px;font-weight:600;white-space:nowrap;}.simple-links .item-tags a:hover{background:var(--blue-soft);color:var(--blue);}.compact-card{background:var(--surface);color:var(--text);border-color:var(--line);}.not-found{text-align:center;padding:60px 24px 80px;}.nf-code{margin:0 0 8px;font:700 96px/1 var(--font);color:var(--text);letter-spacing:-3px;}.nf-label{margin:0 0 12px;color:var(--blue);font-size:18px;font-weight:600;}.nf-desc{margin:0 0 32px;color:var(--muted);font-size:15px;}.nf-actions{display:flex;align-items:center;justify-content:center;gap:12px;}.nf-btn{display:inline-grid;place-items:center;height:44px;padding:0 24px;border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:14px;font-weight:600;text-decoration:none;transition:background .12s;}.nf-btn:hover{border-color:var(--blue);color:var(--blue);}.nf-btn-primary{border-color:var(--blue);background:var(--blue);color:#fff;}.nf-btn-primary:hover{background:#0969da;color:#fff;}.more-tags{padding:28px 34px;border:1px solid var(--line);border-radius:22px;background:var(--surface);}.more-tags h2{margin:0 0 18px;font-size:18px;line-height:1.35;letter-spacing:-.3px;}.tags-cloud{display:flex;flex-wrap:wrap;gap:10px;}.tags-cloud a{padding:6px 14px;border-radius:99px;background:#f2f2ef;color:#66696e;font-size:14px;font-weight:600;white-space:nowrap;}.tags-cloud a:hover{background:var(--blue-soft);color:var(--blue);}.site-footer{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:24px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:#92959a;font-size:15px;}.site-footer nav{display:flex;gap:22px;}.site-footer a:hover{color:var(--blue);}.site-footer p{margin:0;}.ct-head{margin-bottom:20px;padding:20px 24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);}.ct-subnav-panel{margin-bottom:20px;padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:var(--surface);}.ct-subnav{display:flex;flex-wrap:wrap;gap:10px;}.ct-subnav a{padding:0 16px;height:32px;line-height:32px;border-radius:99px;background:#f2f2ef;color:#66696e;font-size:13px;font-weight:600;white-space:nowrap;}.ct-subnav a:hover{background:var(--blue-soft);color:var(--blue);}.ct-subnav a.active{background:var(--blue);color:#fff;}.ct-head h1{margin:0 0 8px;font-size:28px;}.ct-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;}.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start;}.ct-list{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);}.ct-list-heading{background:var(--surface);}.ct-row{display:flex;gap:18px;padding:14px 16px;border-bottom:1px solid var(--line);}.ct-row:last-child{border-bottom:0;}.ct-row:hover{background:rgba(22,119,255,.04);}.ct-cover-link{display:block;flex:0 0 96px;}.ct-row img{width:96px;height:96px;display:block;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:var(--surface-soft);}.ct-info{min-width:0;flex:1;align-self:center;}.ct-title{display:block;font-size:16px;font-weight:700;line-height:1.3;color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ct-title:hover{color:var(--blue);}.ct-info p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;}.ct-ts{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px;}.ct-ts a{padding:2px 8px;border-radius:99px;background:#f2f2ef;color:#66696e;font-size:10px;font-weight:600;}.ct-ts a:hover{background:var(--blue-soft);color:var(--blue);}.ct-pg-wrap{padding:20px 24px 24px;background:var(--surface);}.ct-pg{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:0;}.ct-pg a,.pgc,.pgo{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:600;color:var(--text);text-decoration:none;}.ct-pg a:hover{border-color:var(--blue);color:var(--blue);}.pgc{border-color:var(--blue);background:var(--blue);color:#fff;}.pgo{color:#ccc;cursor:default;}@media (max-width:1180px){.header-inner,.page,.site-footer{width:calc(100% - 32px);}.main-nav{gap:20px;}.search{width:180px;}.content-layout{grid-template-columns:minmax(0,1fr) 320px;}.ct-grid{grid-template-columns:minmax(0,1fr) 320px;gap:22px;}}