:root{--tech-bg: #f4f7fb;--tech-card: rgba(255, 255, 255, .96);--tech-text: #253040;--tech-muted: rgba(37, 48, 64, .68);--tech-shadow: 0 10px 30px rgba(15, 23, 42, .08);--tech-shadow-hover: 0 18px 40px rgba(15, 23, 42, .12);--tech-border: rgba(15, 23, 42, .08);--tech-accent: #2f7cc5;--tech-radius: 24px;--tech-radius-inner: 18px}.techGridWrap{min-height:100vh;padding:18px 0 64px;background:radial-gradient(circle at top right,rgba(47,124,197,.06),transparent 24%),linear-gradient(180deg,#f8fafc 0%,var(--tech-bg) 100%);font-family:Arial,Helvetica,sans-serif;color:var(--tech-text);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.techGridWrap *,.techGridWrap *:before,.techGridWrap *:after{box-sizing:border-box}.techContainer{width:min(1280px,calc(100% - 56px));margin:0 auto}.techHead{margin-bottom:28px}.techTitle{margin:0;font-size:clamp(42px,5vw,66px);line-height:.98;font-weight:800;letter-spacing:-.03em;color:var(--tech-text)}.techSubtitle{margin:12px 0 0;font-size:17px;font-weight:600;color:var(--tech-muted);line-height:1.55}.techGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.techCard{display:flex;flex-direction:column;min-width:0;height:100%;background:var(--tech-card);border:1px solid var(--tech-border);border-radius:var(--tech-radius);box-shadow:var(--tech-shadow);text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.techCard:hover{transform:translateY(-5px);box-shadow:var(--tech-shadow-hover);border-color:#2f7cc529}.techCard:focus-visible{outline:3px solid rgba(47,124,197,.35);outline-offset:3px}.techMedia{position:relative;width:100%;min-height:290px;background:linear-gradient(135deg,#eef3f8,#dde6f0);padding:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.techImg{width:100%;height:auto;max-height:360px;object-fit:contain;object-position:center;display:block;border-radius:var(--tech-radius-inner);background:#f6f8fb;box-shadow:0 8px 24px #0f172a14;transition:transform .2s ease}.techOverlay{position:absolute;inset:18px;display:grid;place-items:center;border-radius:var(--tech-radius-inner);background:linear-gradient(180deg,#0c182600,#0c18263d);opacity:0;transition:opacity .2s ease;pointer-events:none}.techMore{padding:12px 18px;border-radius:999px;font-size:15px;font-weight:800;letter-spacing:.01em;color:#17212b;background:#fffffff0;box-shadow:0 8px 24px #0f172a1f}.techCard:hover .techImg{transform:scale(1.015)}.techCard:hover .techOverlay{opacity:1}.techBody{padding:22px 22px 24px;background:#fff}.techCardTitle{margin:0;font-size:28px;font-weight:800;line-height:1.08;letter-spacing:-.025em;color:var(--tech-text)}.techBreadcrumbs{display:flex;align-items:center;gap:10px;padding:6px 0 16px;font-size:14px;line-height:1.4;color:var(--tech-muted);font-weight:600;flex-wrap:wrap}.techBreadcrumbLink{color:var(--tech-muted);text-decoration:none;transition:color .18s ease}.techBreadcrumbLink:hover{color:var(--tech-accent)}.techBreadcrumbCurrent{color:#253040d1}.techBreadcrumbSep{opacity:.55}.techAuthorLink{color:#244b6a;text-decoration:none;transition:color .18s ease}.techAuthorLink:hover{color:#0b5ea8;text-decoration:none}.techDetail{display:block}.techDetailMedia{margin-bottom:24px;padding:18px;border-radius:var(--tech-radius);background:#fff;border:1px solid var(--tech-border);box-shadow:var(--tech-shadow);overflow:hidden}.techDetailImg{width:100%;height:auto;max-height:760px;object-fit:contain;object-position:center;display:block;border-radius:var(--tech-radius-inner);background:#f6f8fb}.techDetailSection{background:var(--tech-card);border:1px solid var(--tech-border);border-radius:var(--tech-radius);box-shadow:var(--tech-shadow);padding:24px;margin-bottom:20px}.techDetailTitle{margin:0 0 14px;font-size:30px;line-height:1.08;font-weight:800;letter-spacing:-.025em;color:var(--tech-text)}.techDetailHtml{font-size:16px;line-height:1.78;color:#253040eb}.techDetailHtml p{margin:0 0 14px}.techDetailHtml img,.techDetailHtml iframe{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:16px}.techDetailHtml ul,.techDetailHtml ol{margin:0 0 16px 22px}@media(max-width:1100px){.techGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.techGridWrap{padding:12px 0 48px}.techContainer{width:calc(100% - 24px)}.techHead{margin-bottom:24px}.techBreadcrumbs{gap:8px;padding-bottom:12px;font-size:13px}.techGrid{grid-template-columns:1fr;gap:20px}.techMedia{min-height:240px;padding:14px}.techImg{max-height:300px;border-radius:14px}.techOverlay{inset:14px;border-radius:14px}.techBody{padding:18px 18px 20px}.techCardTitle{font-size:23px}.techDetailMedia,.techDetailSection{padding:16px;border-radius:18px}.techDetailImg{border-radius:14px}.techDetailTitle{font-size:24px}}