/* ========================================================================== 德鲁克思想屋 · 全站样式表（生成产物，勿手改）来源：设计稿 v2（各级页面设计稿-v1.html）重新生成：python3 site/tools/gen-css.py 转换：去预览壳 pv-* / 去 .pg 切换 / @container -> @media #pg-home 作用域保留 —— 首页，首页专用规则不污染全局 ========================================================================== */ :root {--paper:#FAF9F5; --paper-2:#F1EFE8; --paper-3:#FFFFFF; --ink:#1A1A18; --ink-2:#5C5A54; --ink-3:#8A877E; --line:#E8E5DC; --line-2:#D9D5C9; --accent:#B0532F; --accent-deep:#8E4124; --accent-wash:#F7EDE7; --dark:#161614; --dark-2:#1F1E1B; --dark-line:#302E29; --dark-ink:#F2F1EC; --dark-ink-2:#9A968C; --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",Georgia,serif; --sans:"Noto Sans SC","PingFang SC",-apple-system,"Helvetica Neue",sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;} * {box-sizing:border-box;} html, body {margin:0;} html {overflow-x:clip;} body {background:#111110;font-family:var(--sans);-webkit-font-smoothing:antialiased;} .nav {position:sticky;top:0;z-index:30; background:rgba(250,249,245,.97);backdrop-filter:saturate(180%) blur(14px); border-bottom:1px solid var(--line);} .nav-in {max-width:1180px;margin:0 auto;padding:0 40px;height:76px;display:flex;align-items:center;gap:44px;} .brand {display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);} .brand-mark {width:30px;height:30px;border:1px solid var(--ink);border-radius:2px;display:grid;place-items:center; font-family:var(--serif);font-size:15px;font-weight:600;line-height:1;padding-bottom:1px;} .brand-name {font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:.06em;} .nav-links {display:flex;gap:34px;margin-left:auto;} .nav-links a {color:var(--ink-2);text-decoration:none;font-size:14.5px;letter-spacing:.04em;padding:4px 0; border-bottom:1px solid transparent;transition:.18s;} .nav-links a:hover {color:var(--ink);border-bottom-color:var(--ink);} .nav-links a.on {color:var(--ink);border-bottom-color:var(--accent);} .nav-search {width:34px;height:34px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center; color:var(--ink-2);cursor:pointer;transition:.18s;background:none;flex:none;} .nav-search:hover {border-color:var(--ink);color:var(--ink);} .nav-burger {display:none;flex-direction:column;gap:5px;background:none;border:0;padding:8px;cursor:pointer;} .nav-burger span {display:block;width:20px;height:1.5px;background:var(--ink);} .foot {background:var(--dark);border-top:1px solid var(--dark-line);padding:78px 40px 42px;} .foot-in {max-width:1180px;margin:0 auto;} .foot-grid {display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;} .foot-brand {display:flex;align-items:center;gap:11px;margin-bottom:20px;} .foot-brand .brand-mark {border-color:var(--dark-ink);color:var(--dark-ink);} .foot-brand span {font-family:var(--serif);font-size:17px;font-weight:600;color:var(--dark-ink);letter-spacing:.06em;} .foot-desc {font-size:13.5px;line-height:1.9;color:var(--dark-ink-2);margin:0;font-weight:300;max-width:300px;} .foot-col h4 {font-size:11.5px;letter-spacing:.2em;color:var(--dark-ink);margin:0 0 22px;font-weight:500;text-transform:uppercase;} .foot-col ul {list-style:none;margin:0;padding:0;} .foot-col li {margin-bottom:13px;} .foot-col a {font-size:13.5px;color:var(--dark-ink-2);text-decoration:none;transition:.18s;font-weight:300;} .foot-col a:hover {color:var(--dark-ink);} .foot-bot {margin-top:64px;padding-top:26px;border-top:1px solid var(--dark-line);display:flex; justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--dark-ink-2); font-weight:300;letter-spacing:.03em;} .sec {padding:104px 40px;} .sec-in {max-width:1180px;margin:0 auto;} .sec-head {display:flex;align-items:baseline;gap:18px;margin-bottom:14px;} .sec-no {font-family:var(--serif);font-size:13px;letter-spacing:.14em;color:var(--accent);font-weight:500;flex:none;} .sec-head h2 {font-family:var(--serif);font-size:34px;font-weight:500;color:var(--ink);margin:0;letter-spacing:-.005em;line-height:1.3;} .sec-desc {font-size:15px;line-height:1.85;color:var(--ink-2);font-weight:300;max-width:720px;margin:0 0 56px;padding-left:31px;} .sec-alt {background:var(--paper-2);} .btn-primary {display:inline-block;background:var(--ink);color:var(--paper);text-decoration:none;font-size:15px; letter-spacing:.06em;padding:15px 34px;border-radius:3px;transition:.2s;border:1px solid var(--ink);} .btn-primary:hover {background:var(--accent);border-color:var(--accent);} .link-quiet {color:var(--ink-2);text-decoration:none;font-size:14.5px;border-bottom:1px solid var(--line-2); padding-bottom:2px;transition:.18s;} .link-quiet:hover {color:var(--accent);border-bottom-color:var(--accent);} .crumbbar {border-bottom:1px solid var(--line);background:var(--paper);} .crumb-in {max-width:1180px;margin:0 auto;padding:16px 40px;display:flex;flex-wrap:wrap;gap:8px; align-items:center;font-size:12.5px;color:var(--ink-3);letter-spacing:.04em;} .crumb-in a {color:var(--ink-3);text-decoration:none;transition:.15s;} .crumb-in a:hover {color:var(--accent);} .crumb-in em {font-style:normal;color:var(--line-2);margin:0 2px;} .crumb-in .cur {color:var(--ink-2);} .p-head {padding:76px 40px 0;} .p-head-in {max-width:1180px;margin:0 auto;} .p-eyebrow {font-size:12px;letter-spacing:.2em;color:var(--accent);font-weight:500;margin:0 0 22px; font-variant-numeric:tabular-nums;} .p-title {font-family:var(--serif);font-size:52px;font-weight:600;color:var(--ink);line-height:1.24; letter-spacing:-.01em;margin:0 0 14px;} .p-en {font-family:var(--serif);font-style:italic;font-size:16px;color:var(--ink-3);margin:0 0 26px;} .p-lede {font-size:16.5px;line-height:2;color:var(--ink-2);font-weight:300;max-width:760px;margin:0 0 34px;} .p-stats {display:flex;gap:0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line);margin-bottom:0;} .p-stat {padding:24px 40px 24px 0;padding-left:36px;border-left:1px solid var(--line-2);} .p-stat:first-child {padding-left:0;border-left:0;} .p-stat b {display:block;font-family:var(--serif);font-size:34px;font-weight:500;color:var(--ink);line-height:1; font-variant-numeric:tabular-nums;} .p-stat span {display:block;font-size:12px;color:var(--ink-3);letter-spacing:.14em;margin-top:9px;} .chapters {border-top:1px solid var(--line-2);} .chapter {display:grid;grid-template-columns:88px 1fr 150px 96px;gap:32px;align-items:center; padding:30px 0 28px;border-bottom:1px solid var(--line);transition:.2s;text-decoration:none;color:inherit;} .chapter:hover {background:rgba(176,83,47,.028);} .chapter:hover .ch-name {color:var(--accent-deep);} .ch-no {font-family:var(--serif);font-size:15px;color:var(--accent);font-weight:500;letter-spacing:.1em;} .ch-name {font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink);margin:0 0 8px;line-height:1.4;transition:.2s;} .ch-desc {font-size:13.5px;line-height:1.8;color:var(--ink-2);margin:0;font-weight:300;} .ch-cnt {text-align:right;} .ch-cnt b {display:block;font-family:var(--serif);font-size:30px;font-weight:500;color:var(--ink);line-height:1; font-variant-numeric:tabular-nums;} .ch-cnt span {display:block;font-size:10.5px;color:var(--ink-3);letter-spacing:.18em;margin-top:7px;} .ch-go {text-align:right;font-size:13px;color:var(--ink-3);letter-spacing:.08em;transition:.18s;} .chapter:hover .ch-go {color:var(--accent);} .abilities {border-top:1px solid var(--line-2);margin-top:0;} .ability {display:grid;grid-template-columns:64px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--line);} .ab-no {font-family:var(--serif);font-size:14px;color:var(--accent);font-weight:500;letter-spacing:.1em;padding-top:4px;} .ab-t {font-family:var(--serif);font-size:19px;font-weight:500;color:var(--ink);margin:0 0 6px;line-height:1.5;} .ab-d {font-size:14px;line-height:1.85;color:var(--ink-2);margin:0;font-weight:300;} .subgrid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .subcard {background:var(--paper-3);border:1px solid var(--line);border-radius:6px;padding:28px 26px 26px; text-decoration:none;display:block;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;} .subcard:hover {transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 14px 34px -22px rgba(26,26,24,.34);} .subcard .sc-top {display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;} .sc-cnt {font-family:var(--serif);font-size:13px;color:var(--accent);font-weight:500;letter-spacing:.1em;} .sc-tag {font-size:11px;color:var(--ink-3);letter-spacing:.1em;} .subcard h3 {font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink);margin:0 0 8px;line-height:1.45;transition:.18s;} .subcard:hover h3 {color:var(--accent-deep);} .subcard p {font-size:13.5px;line-height:1.85;color:var(--ink-2);font-weight:300;margin:0;} /* S10 观点互联：关联观点卡 + 反向引用 */ .rel-lead {font-size:13.5px;color:var(--ink-3);font-weight:300;margin:0 0 26px;letter-spacing:.02em;} .subcard .sc-reason {font-size:13px;line-height:1.78;color:var(--ink-2);font-weight:300;margin:0; padding-left:11px;border-left:2px solid var(--accent);} .relcard:hover .sc-reason {border-left-color:var(--accent-deep);} .relchips {display:flex;flex-wrap:wrap;gap:10px;margin-top:2px;} .chip-no {font-family:var(--serif);font-size:11px;color:var(--ink-3);letter-spacing:.08em;margin-right:6px;} .relchips .chip em {font-style:normal;margin-left:7px;color:var(--accent);} .relchips .chip:hover em {transform:translateX(2px);} /* 正文 VIII 延伸阅读里的关联引用（已转 [[双链]]） */ a.wikilink {color:var(--accent-deep);border-bottom:1px solid var(--accent);} a.wikilink:hover {border-bottom-color:var(--accent-deep);} .idea-list {border-top:1px solid var(--line-2);} .idea {display:grid;grid-template-columns:76px 1fr 120px;gap:28px;align-items:start; padding:26px 0 24px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:.2s;} .idea:hover {background:rgba(176,83,47,.028);} .idea:hover .id-name {color:var(--accent-deep);} .id-no {font-family:var(--serif);font-size:15px;color:var(--accent);font-weight:500;letter-spacing:.08em;padding-top:3px; font-variant-numeric:tabular-nums;} .id-name {font-family:var(--serif);font-size:21px;font-weight:500;color:var(--ink);margin:0 0 7px;line-height:1.45;transition:.2s;} .id-en {font-family:var(--serif);font-style:italic;font-size:12px;color:var(--ink-3);margin:0 0 10px;} .id-p {font-size:13.5px;line-height:1.8;color:var(--ink-2);font-weight:300;margin:0; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .id-meta {text-align:right;font-size:11.5px;color:var(--ink-3);letter-spacing:.08em;padding-top:4px;} .id-meta .stars {display:block;margin-top:6px;color:var(--accent);letter-spacing:.05em;font-size:11px;} .card-head {padding:64px 40px 0;} .card-head-in {max-width:1180px;margin:0 auto;} .ch-meta {display:flex;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap;} .ch-id {font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--paper);background:var(--ink); padding:6px 12px;border-radius:2px;font-variant-numeric:tabular-nums;} .ch-path {font-size:12.5px;color:var(--ink-3);letter-spacing:.1em;} .ch-stars {font-size:12px;color:var(--accent);letter-spacing:.08em;margin-left:auto;} .card-title {font-family:var(--serif);font-size:46px;font-weight:600;color:var(--ink);line-height:1.26; letter-spacing:-.01em;margin:0 0 12px;} .card-en {font-family:var(--serif);font-style:italic;font-size:16px;color:var(--ink-3);margin:0 0 30px;} .define {font-family:var(--serif);font-size:20px;line-height:2;color:var(--ink);background:var(--accent-wash); border-left:3px solid var(--accent);padding:26px 30px;border-radius:0 4px 4px 0;margin:0 0 8px;font-weight:400;} .card-main {max-width:1180px;margin:0 auto;padding:0 40px 90px;display:grid;grid-template-columns:1fr 210px;gap:60px;align-items:start;} .card-body {min-width:0;} .toc {position:sticky;top:104px;padding-top:6px;} .toc h5 {font-size:11px;letter-spacing:.2em;color:var(--ink-3);margin:0 0 18px;font-weight:500;text-transform:uppercase;} .toc a {display:block;font-size:13px;color:var(--ink-3);text-decoration:none;padding:7px 0 7px 14px; border-left:1px solid var(--line);line-height:1.5;transition:.18s;} .toc a:hover, .toc a.on {color:var(--ink);border-left-color:var(--accent);} .toc a i {font-style:normal;font-family:var(--serif);color:var(--accent);margin-right:8px;font-size:12px;} .blk {margin-top:64px;} /* 分组头：内容被 ### 子标题切走的父章节，只留标题，收紧与后续子块的间距 */ .blk-grp + .blk {margin-top:26px;} .blk-grp .blk-h {margin-bottom:0;} .blk-h {display:flex;align-items:baseline;gap:16px;margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--ink);} .blk-no {font-family:var(--serif);font-size:14px;letter-spacing:.14em;color:var(--accent);font-weight:500;flex:none;} .blk-h h2 {font-family:var(--serif);font-size:26px;font-weight:600;color:var(--ink);margin:0;line-height:1.4;letter-spacing:-.005em;} .blk-b {font-size:15px;line-height:2;color:var(--ink-2);font-weight:300;} .blk-b p {margin:0 0 18px;} .blk-b p:last-child {margin-bottom:0;} .blk-b strong {color:var(--ink);font-weight:500;} .blk-b .blockquote strong, .blk-b .ending strong {color:inherit;} .ktable {width:100%;border-collapse:collapse;margin-top:4px;font-size:13.5px;} .ktable th {font-family:var(--sans);font-weight:600;color:var(--ink);text-align:left;padding:13px 16px; border-bottom:2px solid var(--line);background:var(--paper-2);font-size:13.5px;letter-spacing:.03em;} .ktable td {padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink-2);font-weight:300; line-height:1.85;vertical-align:top;} .ktable td:first-child {font-family:var(--sans);color:var(--ink);font-weight:500;width:150px;} .ktable tr:hover td {background:rgba(176,83,47,.02);} .keypoint {margin:0 0 30px;padding-left:22px;border-left:3px solid var(--accent);} .keypoint h3 {font-family:var(--serif);font-size:19px;font-weight:500;color:var(--ink);margin:0 0 12px;line-height:1.5;} .keypoint ul {list-style:none;margin:0;padding:0;} .keypoint li {font-size:14.5px;line-height:2;color:var(--ink-2);font-weight:300;margin-bottom:4px;} .keypoint li b {color:var(--ink);font-weight:500;margin-right:6px;} .keypoint li.self {border-top:1px dashed var(--line);padding-top:12px;margin-top:10px;color:var(--ink);} .keypoint li.self b {color:var(--accent);} .blockquote {margin:8px 0 0;background:var(--dark);border-radius:6px;padding:52px 56px;text-align:center;} .blockquote .q-mark {font-family:var(--serif);font-size:64px;line-height:1;color:var(--accent);display:block; height:40px;margin-bottom:18px;opacity:.9;} .blockquote p {font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.78;color:var(--dark-ink); margin:0 0 26px;letter-spacing:.005em;} .blockquote cite {font-style:normal;font-size:13px;color:var(--dark-ink-2);letter-spacing:.06em;font-weight:300;} .cases {display:grid;grid-template-columns:1fr 1fr;gap:20px;} .case {border:1px solid var(--line);border-radius:6px;padding:28px 26px;background:var(--paper-3);} .case.pos {border-top:3px solid #4A7C59;} .case.neg {border-top:3px solid var(--accent);} .case .cs-k {font-size:11px;letter-spacing:.2em;margin:0 0 14px;font-weight:500;} .case.pos .cs-k {color:#4A7C59;} .case.neg .cs-k {color:var(--accent);} .case h3 {font-family:var(--serif);font-size:18px;font-weight:500;color:var(--ink);margin:0 0 14px;line-height:1.5;} .case p {font-size:13.5px;line-height:1.9;color:var(--ink-2);font-weight:300;margin:0 0 12px;} .case .cs-out {font-size:13px;color:var(--ink);font-weight:300;border-top:1px solid var(--line);padding-top:12px;margin:0;} .case .cs-out b {font-weight:500;} .case ul, .case ol {margin:0 0 12px;padding-left:20px;font-size:13.5px;line-height:1.9;color:var(--ink-2);} .case li {margin:0 0 8px;font-size:13.5px;line-height:1.9;color:var(--ink-2);font-weight:300;} .case li strong, .case li b {color:var(--ink);font-weight:500;} .case ol ol, .case ul ul, .case ol ul, .case ul ol {margin-top:8px;margin-bottom:0;} .aibox {background:var(--paper-2);border:1px solid var(--line);border-radius:6px;overflow:hidden;} .aibox-h {display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line); background:var(--paper-3);} .aibox-h .dot {width:8px;height:8px;border-radius:50%;background:var(--accent);} .aibox-h span {font-size:12px;letter-spacing:.16em;color:var(--ink-3);} .aibox pre {margin:0;padding:24px 26px;background:var(--dark);color:var(--dark-ink);overflow-x:auto; font-family:var(--mono);font-size:12.5px;line-height:1.9;} .aibox .ai-note {padding:16px 22px;font-size:12.5px;color:var(--ink-3);line-height:1.8;font-weight:300;margin:0; border-top:1px solid var(--line);background:var(--paper-3);} .reads {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} .read {border:1px solid var(--line);border-radius:6px;padding:22px 22px 20px;background:var(--paper-3);} .read .rd-y {font-family:var(--serif);font-size:12px;color:var(--accent);letter-spacing:.1em;margin:0 0 10px;} .read h4 {font-family:var(--serif);font-size:16px;font-weight:500;color:var(--ink);margin:0 0 8px;line-height:1.5;} .read p {font-size:12.5px;line-height:1.8;color:var(--ink-3);margin:0;font-weight:300;} .checks {list-style:none;margin:0;padding:0;border-top:1px solid var(--line);} .checks li {display:grid;grid-template-columns:26px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line); font-size:14.5px;line-height:1.9;color:var(--ink-2);font-weight:300;} .checks li b {font-family:var(--serif);font-weight:500;color:var(--ink);margin-right:8px;} .checks .bx {width:16px;height:16px;border:1px solid var(--line-2);border-radius:3px;margin-top:6px;background:var(--paper-3);} .ending {background:var(--dark);margin-top:70px;padding:78px 40px;text-align:center;} .ending-in {max-width:820px;margin:0 auto;} .ending .e-k {font-size:11px;letter-spacing:.24em;color:var(--dark-ink-2);margin:0 0 22px;text-transform:uppercase;} .ending p {font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.75;color:var(--dark-ink);margin:0; letter-spacing:.005em;} .pager {max-width:1180px;margin:0 auto;padding:70px 40px 90px;display:grid;grid-template-columns:1fr 1fr;gap:16px;} .pager a {display:block;text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:20px 24px; background:var(--paper-3);transition:.18s;} .pager a:hover {border-color:var(--line-2);box-shadow:0 12px 30px -22px rgba(26,26,24,.3);} .pager a.next {text-align:right;} .pager .p-k {font-size:11px;letter-spacing:.16em;color:var(--ink-3);margin-bottom:8px;} .pager .p-t {font-family:var(--serif);font-size:16px;font-weight:500;color:var(--ink);line-height:1.5;} .qlist {border-top:1px solid var(--line-2);} .qitem {padding:38px 0 34px;border-bottom:1px solid var(--line);} .qitem p.q-t {font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.8;color:var(--ink);margin:0 0 16px; letter-spacing:.005em;} .qitem .q-src {font-size:12.5px;color:var(--ink-3);letter-spacing:.06em;font-weight:300;} .qitem .q-src a {color:var(--accent-deep);text-decoration:none;margin-left:12px;border-bottom:1px solid rgba(176,83,47,.3);} .qitem .q-src a:hover {color:var(--accent);} .situations {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;} .situation {border:1px solid var(--line);border-radius:6px;padding:30px 28px;background:var(--paper-3); text-decoration:none;color:inherit;transition:.2s;display:block;} .situation:hover {transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 14px 34px -22px rgba(26,26,24,.34);} .situation .st-ico {font-family:var(--serif);font-size:13px;letter-spacing:.14em;color:var(--accent);margin:0 0 12px;} .situation h3 {font-family:var(--serif);font-size:21px;font-weight:500;color:var(--ink);margin:0 0 10px;line-height:1.45;} .situation p {font-size:13.5px;line-height:1.85;color:var(--ink-2);font-weight:300;margin:0 0 16px;} .situation .st-go {font-size:12.5px;color:var(--accent);letter-spacing:.06em;} .about-grid {display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:start;} .about-qrs {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;} .qr {border:1px solid var(--line);border-radius:6px;padding:18px;background:var(--paper-3);text-align:center;} .qr img {width:100%;border-radius:4px;display:block;margin-bottom:12px;} .qr span {font-size:12.5px;color:var(--ink-2);letter-spacing:.04em;} .ways {border-top:1px solid var(--line-2);} .way {display:grid;grid-template-columns:64px 1fr;gap:26px;padding:26px 0;border-bottom:1px solid var(--line);} .way .wy-no {font-family:var(--serif);font-size:14px;color:var(--accent);font-weight:500;letter-spacing:.1em;padding-top:4px;} .way h3 {font-family:var(--serif);font-size:19px;font-weight:500;color:var(--ink);margin:0 0 8px;line-height:1.5;} .way p {font-size:14px;line-height:1.85;color:var(--ink-2);font-weight:300;margin:0;} @media (max-width:1000px) { .card-main {grid-template-columns:1fr;gap:0;} .toc {display:none;} } @media (max-width:760px) { .nav-in {height:64px;padding:0 20px;gap:16px;} .nav-links {display:none;} .nav-burger {display:flex;margin-left:auto;} .nav-search {display:none;} .sec {padding:60px 22px;} .sec-head {flex-direction:column;gap:8px;margin-bottom:10px;} .sec-head h2 {font-size:24px;} .sec-desc {font-size:13.5px;padding-left:0;margin-bottom:34px;} .p-head {padding:44px 22px 0;} .p-title {font-size:30px;} .p-lede {font-size:14.5px;line-height:1.9;} .p-stats {flex-wrap:wrap;} .p-stat {padding:18px 20px 18px 16px;} .p-stat b {font-size:26px;} .chapter {grid-template-columns:56px 1fr;gap:12px;padding:20px 0 18px;} .ch-name {font-size:18px;} .ch-cnt {display:none;} .ch-go {display:none;} .ability {grid-template-columns:44px 1fr;gap:14px;padding:20px 0;} .ab-t {font-size:16.5px;} .subgrid {grid-template-columns:1fr;gap:14px;} .idea {grid-template-columns:56px 1fr;gap:12px;padding:20px 0 18px;} .id-name {font-size:17.5px;} .id-en {font-size:11px;} .id-meta {display:none;} .card-head {padding:34px 22px 0;} .card-title {font-size:29px;} .card-en {font-size:14px;margin-bottom:22px;} .define {font-size:16.5px;line-height:1.95;padding:20px 20px;} .card-main {padding:0 22px 60px;} .blk {margin-top:44px;} .blk-h h2 {font-size:21px;} .blk-b {font-size:14.5px;line-height:1.95;} .ktable {font-size:12.5px;} .ktable td:first-child {width:auto;} .ktable th, .ktable td {padding:10px 10px;} .keypoint h3 {font-size:17px;} .blockquote {padding:32px 22px;} .blockquote p {font-size:19px;line-height:1.8;} .cases {grid-template-columns:1fr;gap:14px;} .reads {grid-template-columns:1fr;} .ending {padding:52px 22px;} .ending p {font-size:20px;line-height:1.8;} .pager {padding:44px 22px 60px;grid-template-columns:1fr;} .pager a.next {text-align:left;} .qitem p.q-t {font-size:19px;line-height:1.8;} .situations {grid-template-columns:1fr;} .about-grid {grid-template-columns:1fr;gap:34px;} .about-qrs {grid-template-columns:repeat(3,1fr);gap:10px;} .qr {padding:12px;} .qr span {font-size:11px;} .foot {padding:52px 22px 34px;} .foot-grid {grid-template-columns:1fr 1fr;gap:36px 24px;} .foot-brand {grid-column:1/-1;} .foot-bot {flex-direction:column;align-items:flex-start;gap:10px;margin-top:44px;} .crumb-in {padding:12px 22px;} } #pg-home .shop-grid {display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:20px;margin-top:44px;} #pg-home .shop-manual {border:1px solid var(--line-2);border-radius:8px;background:var(--paper-3); padding:34px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:0; box-shadow:0 1px 0 rgba(26,26,24,.03);} #pg-home .shop-tag {font-size:11.5px;letter-spacing:.16em;color:var(--accent);font-weight:500;} #pg-home .shop-manual h3 {font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.5;margin:14px 0 12px;} #pg-home .shop-p {font-size:13.5px;line-height:1.9;color:var(--ink-2);margin:0;} #pg-home .shop-price {font-family:var(--serif);font-size:26px;font-weight:600;color:var(--ink);margin:18px 0 0;} #pg-home .shop-price span {font-family:var(--sans);font-size:12.5px;font-weight:400;color:var(--ink-3);} #pg-home .shop-btn {margin-top:22px;display:inline-block;padding:9px 18px;border:1px solid var(--accent); border-radius:4px;color:var(--accent);text-decoration:none;font-size:13.5px;letter-spacing:.06em;transition:.18s;} #pg-home .shop-btn:hover {background:var(--accent);color:#fff;} #pg-home .shop-card {border:1px solid var(--line);border-radius:8px;background:var(--paper-3); padding:30px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;} #pg-home .shop-card img {width:132px;height:132px;object-fit:contain;margin-bottom:20px;} #pg-home .shop-card h4 {font-family:var(--serif);font-size:16.5px;font-weight:600;margin:0 0 10px;} #pg-home .shop-card p {font-size:12.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:180px;} @media (max-width:900px) { #pg-home .shop-grid {grid-template-columns:1fr 1fr;} #pg-home .shop-manual {grid-column:1 / -1;} } @media (max-width:560px) { #pg-home .shop-grid {grid-template-columns:1fr;} #pg-home .shop-card img {width:110px;height:110px;} } .cat-bar {display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 34px;position:sticky;top:76px;z-index:20; background:var(--paper);padding:12px 0;border-bottom:1px solid var(--line);} .cat-chip {display:inline-flex;align-items:center;gap:7px;font-size:13px;letter-spacing:.04em;color:var(--ink-2); text-decoration:none;padding:7px 15px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper-3);transition:.18s;} .cat-chip span {font-size:11.5px;color:var(--ink-3);} .cat-chip:hover {border-color:var(--accent);color:var(--accent);} .cat-chip:hover span {color:var(--accent);} .cat-wrap {display:flex;flex-direction:column;gap:52px;} .cat-sec {scroll-margin-top:150px;} .cat-h {display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line);} .cat-no {font-family:var(--serif);font-size:13px;letter-spacing:.14em;color:var(--accent);font-weight:500;flex:none;} .cat-h h3 {font-family:var(--serif);font-size:24px;font-weight:600;margin:0;letter-spacing:.02em;} .cat-cnt {margin-left:auto;font-size:12px;color:var(--ink-3);letter-spacing:.1em;} .cat-d {font-size:14px;line-height:1.95;color:var(--ink-2);margin:14px 0 4px;} .cat-sec .idea-list {margin-top:18px;} @media (max-width:760px) { .cat-bar {position:static;gap:6px;} .cat-chip {font-size:12px;padding:6px 12px;} .cat-h h3 {font-size:19px;} .cat-wrap {gap:38px;} } .define {font-size:26px;line-height:1.8;font-weight:500;padding:24px 30px;letter-spacing:.005em;} @media (max-width:760px) { .define {font-size:20px;line-height:1.78;padding:18px 20px;} } .sec {padding:74px 40px;} .p-head {padding:58px 40px 0;} .card-head {padding:48px 40px 0;} .card-main {padding:0 40px 64px;} .blk {margin-top:46px;} .card-title {font-size:40px;margin:0 0 10px;} .cat-wrap {gap:34px;} @media (max-width:760px) { .sec {padding:50px 22px;} .p-head {padding:38px 22px 0;} } .cat-sec .idea-list {display:grid;grid-template-columns:1fr 1fr;column-gap:34px;margin-top:12px;border-top:0;} .cat-sec .idea {grid-template-columns:62px 1fr;gap:16px;padding:17px 0 15px;} .cat-sec .id-name {font-size:18.5px;margin:0 0 3px;} .cat-sec .id-en {display:none;} .cat-sec .id-p {font-size:12.5px;line-height:1.7;-webkit-line-clamp:1;} .cat-sec .id-meta {display:none;} .ov-wrap {display:flex;flex-direction:column;gap:34px;} .ov-lh {display:flex;align-items:baseline;gap:13px;padding-bottom:12px;margin-bottom:16px; border-bottom:1px solid var(--line-2);} .ov-lno {font-family:var(--serif);font-size:13px;letter-spacing:.14em;color:var(--accent);font-weight:500;} .ov-lh h3 {font-family:var(--serif);font-size:21px;font-weight:600;margin:0;letter-spacing:.02em;} .ov-lcnt {margin-left:auto;font-size:11.5px;color:var(--ink-3);letter-spacing:.08em;} .ov-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;} .ov-sub {border:1px solid var(--line);border-radius:6px;background:var(--paper-3);padding:15px 18px 13px;transition:.18s;} .ov-sub:hover {border-color:var(--line-2);box-shadow:0 10px 26px -20px rgba(26,26,24,.4);} .ov-sh {display:flex;align-items:baseline;gap:8px;margin-bottom:8px;} .ov-sh h4 {font-family:var(--serif);font-size:15.5px;font-weight:600;margin:0;color:var(--ink);} .ov-sh span {font-size:11px;color:var(--ink-3);letter-spacing:.06em;} .ov-list {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 14px;} .ov-list a {display:flex;gap:6px;align-items:baseline;font-size:13px;line-height:1.95;color:var(--ink-2); text-decoration:none;transition:.15s;} .ov-list a:hover {color:var(--accent);} .ov-no {font-family:var(--serif);font-size:11px;color:var(--accent);flex:none;font-variant-numeric:tabular-nums;min-width:22px;} @media (max-width:900px) { .ov-grid {grid-template-columns:1fr;} .ov-list {grid-template-columns:1fr 1fr;} } @media (max-width:560px) { .ov-list {grid-template-columns:1fr;} } @media (max-width:820px) { @media (max-width:560px) { #pg-home .page {padding-bottom:0;} #pg-home .hero {padding:132px 40px 108px;text-align:center;position:relative;} #pg-home .hero::after {content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%); width:min(1180px,calc(100% - 80px));height:1px;background:var(--line);} #pg-home .hero-eyebrow {font-size:12.5px;letter-spacing:.26em;color:var(--ink-3); text-transform:uppercase;margin:0 0 30px;font-weight:400;} #pg-home .hero h1 {font-family:var(--serif);font-weight:600;color:var(--ink); font-size:64px;line-height:1.16;letter-spacing:-.01em; margin:0 auto 30px;max-width:900px;} #pg-home .hero h1 em {font-style:normal;color:var(--accent);} #pg-home .hero-sub {font-size:17px;line-height:1.9;color:var(--ink-2);font-weight:300; max-width:660px;margin:0 auto 46px;} #pg-home .hero-sub strong {color:var(--ink);font-weight:500;} #pg-home .hero-actions {display:flex;align-items:center;justify-content:center;gap:34px;} #pg-home .nums {display:grid;grid-template-columns:repeat(3,1fr);gap:0;} #pg-home .num {padding:6px 40px 6px 0;border-left:1px solid var(--line-2);padding-left:36px;} #pg-home .num:first-child {border-left:0;padding-left:0;} #pg-home .num-v {font-family:var(--serif);font-size:78px;font-weight:500;color:var(--ink); line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;} #pg-home .num-k {font-size:15px;color:var(--ink);margin-top:16px;letter-spacing:.04em;} #pg-home .num-d {font-size:13px;color:var(--ink-3);margin-top:7px;line-height:1.6;font-weight:300;} #pg-home .layers {border-top:1px solid var(--line-2);} #pg-home .layer {display:grid;grid-template-columns:1fr 130px;gap:40px;align-items:start; padding:30px 0 28px;border-bottom:1px solid var(--line); transition:.2s;} #pg-home .layer:hover {background:rgba(176,83,47,.028);} #pg-home .layer:hover .layer-name {color:var(--accent-deep);} #pg-home .layer-name {font-family:var(--serif);font-size:23px;font-weight:500;color:var(--ink); margin:0 0 9px;line-height:1.4;transition:.2s;} #pg-home .layer-name i {font-family:var(--sans);font-style:normal;font-size:12px;font-weight:400; color:var(--ink-3);letter-spacing:.14em;margin-right:14px;vertical-align:2px; font-variant-numeric:tabular-nums;} #pg-home .layer-sub {font-size:13.5px;line-height:1.8;color:var(--ink-2);margin:0;font-weight:300;} #pg-home .layer-cnt {text-align:right;} #pg-home .layer-cnt b {display:block;font-family:var(--serif);font-size:40px;font-weight:500; color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;} #pg-home .layer-cnt span {display:block;font-size:11px;color:var(--ink-3);letter-spacing:.18em;margin-top:8px;} #pg-home .layer-note {margin-top:34px;font-size:13.5px;color:var(--ink-2);font-weight:300;letter-spacing:.02em;} #pg-home .layer-note b {font-family:var(--serif);font-weight:500;color:var(--ink);} #pg-home .paths {border-top:1px solid var(--line-2);} #pg-home .path {display:grid;grid-template-columns:74px 1fr;gap:32px; padding:36px 0;border-bottom:1px solid var(--line);} #pg-home .path-no {font-family:var(--serif);font-size:15px;color:var(--accent);font-weight:500; letter-spacing:.1em;padding-top:6px;} #pg-home .path h3 {font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink); margin:0 0 10px;line-height:1.4;} #pg-home .path-meta {font-size:12.5px;color:var(--ink-3);letter-spacing:.1em;margin:0 0 14px; font-variant-numeric:tabular-nums;} #pg-home .path-desc {font-size:14.5px;line-height:1.8;color:var(--ink-2);margin:0 0 18px;font-weight:300;} #pg-home .path-list {font-size:12.5px;color:var(--ink-3);line-height:2;font-weight:300;} #pg-home .path-list a {color:var(--ink-2);text-decoration:none;transition:.15s;} #pg-home .path-list a:hover {color:var(--accent);} #pg-home .path-list em {font-style:normal;color:var(--line-2);margin:0 9px;} #pg-home .cards {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} #pg-home .card {background:var(--paper-3);border:1px solid var(--line);border-radius:6px; padding:30px 28px 28px;text-decoration:none;display:block; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;} #pg-home .card:hover {transform:translateY(-3px);border-color:var(--line-2); box-shadow:0 14px 34px -22px rgba(26,26,24,.34);} #pg-home .card-top {display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;} #pg-home .card-no {font-family:var(--serif);font-size:13px;color:var(--accent);font-weight:500; letter-spacing:.1em;font-variant-numeric:tabular-nums;} #pg-home .card-tag {font-size:11px;color:var(--ink-3);letter-spacing:.1em;} #pg-home .card h3 {font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink); margin:0 0 7px;line-height:1.45;transition:.18s;} #pg-home .card:hover h3 {color:var(--accent-deep);} #pg-home .card-en {font-family:var(--serif);font-style:italic;font-size:12px;color:var(--ink-3); margin:0 0 16px;line-height:1.5;} #pg-home .card-p {font-size:13.5px;line-height:1.85;color:var(--ink-2);font-weight:300;margin:0; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} #pg-home .cards-foot {margin-top:44px;text-align:center;} #pg-home .return {margin-top:96px;background:var(--paper-2);border:1px solid var(--line); border-radius:6px;display:grid;grid-template-columns:1fr 1fr;} #pg-home .return > div {padding:44px 46px;} #pg-home .return > div:first-child {border-right:1px solid var(--line);} #pg-home .r-k {font-size:11.5px;letter-spacing:.22em;color:var(--ink-3);margin:0 0 20px; text-transform:uppercase;} #pg-home .r-q {font-family:var(--serif);font-size:26px;font-weight:500;color:var(--ink); line-height:1.55;margin:0 0 12px;} #pg-home .r-src {font-size:12.5px;color:var(--ink-3);margin:0 0 22px;font-weight:300;} #pg-home .r-h {font-family:var(--serif);font-size:22px;font-weight:500;color:var(--ink); margin:0 0 12px;line-height:1.5;} #pg-home .r-p {font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 24px;font-weight:300;} #pg-home .r-form {display:flex;gap:0;max-width:400px;} #pg-home .r-form input {flex:1;font-family:inherit;font-size:14px;color:var(--ink);background:var(--paper); border:1px solid var(--line-2);border-right:0;border-radius:3px 0 0 3px; padding:13px 16px;outline:none;transition:.18s;} #pg-home .r-form input::placeholder {color:var(--ink-3);} #pg-home .r-form input:focus {border-color:var(--ink);} #pg-home .r-form button {font-family:inherit;font-size:14px;letter-spacing:.08em;color:var(--paper); background:var(--ink);border:1px solid var(--ink);border-radius:0 3px 3px 0; padding:13px 26px;cursor:pointer;transition:.2s;} #pg-home .r-form button:hover {background:var(--accent);border-color:var(--accent);} #pg-home .r-fine {font-size:12px;color:var(--ink-3);margin:14px 0 0;font-weight:300;} #pg-home .quote {background:var(--dark);padding:118px 40px;text-align:center;} #pg-home .quote-in {max-width:880px;margin:0 auto;} #pg-home .quote-mark {font-family:var(--serif);font-size:72px;line-height:1;color:var(--accent); display:block;margin:0 0 20px;height:46px;opacity:.9;} #pg-home .quote p {font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.72; color:var(--dark-ink);margin:0 0 34px;letter-spacing:.005em;} #pg-home .quote cite {font-style:normal;font-size:13.5px;color:var(--dark-ink-2);letter-spacing:.06em; font-weight:300;} @media (max-width:760px) { #pg-home .hero {padding:64px 22px 56px;} #pg-home .hero-eyebrow {font-size:11px;letter-spacing:.2em;margin-bottom:20px;} #pg-home .hero h1 {font-size:33px;line-height:1.28;margin-bottom:20px;} #pg-home .hero-sub {font-size:14.5px;line-height:1.85;margin-bottom:34px;} #pg-home .hero-actions {flex-direction:column;gap:20px;} #pg-home .nums {grid-template-columns:repeat(3,1fr);} #pg-home .num {padding-left:16px;padding-right:8px;} #pg-home .num-v {font-size:38px;} #pg-home .num-k {font-size:12.5px;margin-top:10px;} #pg-home .num-d {font-size:11px;margin-top:5px;} #pg-home .layer {grid-template-columns:1fr 62px;gap:14px;padding:22px 0 20px;} #pg-home .layer-name {font-size:17.5px;} #pg-home .layer-name i {display:block;margin:0 0 5px;} #pg-home .layer-sub {font-size:12.5px;} #pg-home .layer-cnt b {font-size:28px;} #pg-home .layer-cnt span {font-size:10px;letter-spacing:.12em;} #pg-home .path {grid-template-columns:44px 1fr;gap:14px;padding:26px 0;} #pg-home .path h3 {font-size:19px;} #pg-home .path-desc {font-size:13.5px;} #pg-home .path-list {font-size:12px;line-height:1.9;} #pg-home .cards {grid-template-columns:1fr;gap:14px;} #pg-home .card {padding:24px 22px 22px;} #pg-home .return {grid-template-columns:1fr;margin-top:60px;} #pg-home .return > div {padding:30px 24px;} #pg-home .return > div:first-child {border-right:0;border-bottom:1px solid var(--line);} #pg-home .r-q {font-size:21px;} #pg-home .r-h {font-size:19px;} #pg-home .r-form {flex-direction:column;gap:10px;max-width:none;} #pg-home .r-form input {border-right:1px solid var(--line-2);border-radius:3px;} #pg-home .r-form button {border-radius:3px;padding:14px;} #pg-home .quote {padding:70px 24px;} #pg-home .quote p {font-size:21px;line-height:1.75;} #pg-home .quote-mark {font-size:48px;height:32px;margin-bottom:16px;} } } #pg-home .page {padding-bottom:0;} #pg-home .hero {padding:132px 40px 108px;text-align:center;position:relative;} #pg-home .hero::after {content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%); width:min(1180px,calc(100% - 80px));height:1px;background:var(--line);} #pg-home .hero-eyebrow {font-size:12.5px;letter-spacing:.26em;color:var(--ink-3); text-transform:uppercase;margin:0 0 30px;font-weight:400;} #pg-home .hero h1 {font-family:var(--serif);font-weight:600;color:var(--ink); font-size:64px;line-height:1.16;letter-spacing:-.01em; margin:0 auto 30px;max-width:900px;} #pg-home .hero h1 em {font-style:normal;color:var(--accent);} #pg-home .hero-sub {font-size:17px;line-height:1.9;color:var(--ink-2);font-weight:300; max-width:660px;margin:0 auto 46px;} #pg-home .hero-sub strong {color:var(--ink);font-weight:500;} #pg-home .hero-actions {display:flex;align-items:center;justify-content:center;gap:34px;} #pg-home .nums {display:grid;grid-template-columns:repeat(3,1fr);gap:0;} #pg-home .num {padding:6px 40px 6px 0;border-left:1px solid var(--line-2);padding-left:36px;} #pg-home .num:first-child {border-left:0;padding-left:0;} #pg-home .num-v {font-family:var(--serif);font-size:78px;font-weight:500;color:var(--ink); line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;} #pg-home .num-k {font-size:15px;color:var(--ink);margin-top:16px;letter-spacing:.04em;} #pg-home .num-d {font-size:13px;color:var(--ink-3);margin-top:7px;line-height:1.6;font-weight:300;} #pg-home .layers {border-top:1px solid var(--line-2);} #pg-home .layer {display:grid;grid-template-columns:1fr 130px;gap:40px;align-items:start; padding:30px 0 28px;border-bottom:1px solid var(--line); transition:.2s;} #pg-home .layer:hover {background:rgba(176,83,47,.028);} #pg-home .layer:hover .layer-name {color:var(--accent-deep);} #pg-home .layer-name {font-family:var(--serif);font-size:23px;font-weight:500;color:var(--ink); margin:0 0 9px;line-height:1.4;transition:.2s;} #pg-home .layer-name i {font-family:var(--sans);font-style:normal;font-size:12px;font-weight:400; color:var(--ink-3);letter-spacing:.14em;margin-right:14px;vertical-align:2px; font-variant-numeric:tabular-nums;} #pg-home .layer-sub {font-size:13.5px;line-height:1.8;color:var(--ink-2);margin:0;font-weight:300;} #pg-home .layer-cnt {text-align:right;} #pg-home .layer-cnt b {display:block;font-family:var(--serif);font-size:40px;font-weight:500; color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;} #pg-home .layer-cnt span {display:block;font-size:11px;color:var(--ink-3);letter-spacing:.18em;margin-top:8px;} #pg-home .layer-note {margin-top:34px;font-size:13.5px;color:var(--ink-2);font-weight:300;letter-spacing:.02em;} #pg-home .layer-note b {font-family:var(--serif);font-weight:500;color:var(--ink);} #pg-home .paths {border-top:1px solid var(--line-2);} #pg-home .path {display:grid;grid-template-columns:74px 1fr;gap:32px; padding:36px 0;border-bottom:1px solid var(--line);} #pg-home .path-no {font-family:var(--serif);font-size:15px;color:var(--accent);font-weight:500; letter-spacing:.1em;padding-top:6px;} #pg-home .path h3 {font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink); margin:0 0 10px;line-height:1.4;} #pg-home .path-meta {font-size:12.5px;color:var(--ink-3);letter-spacing:.1em;margin:0 0 14px; font-variant-numeric:tabular-nums;} #pg-home .path-desc {font-size:14.5px;line-height:1.8;color:var(--ink-2);margin:0 0 18px;font-weight:300;} #pg-home .path-list {font-size:12.5px;color:var(--ink-3);line-height:2;font-weight:300;} #pg-home .path-list a {color:var(--ink-2);text-decoration:none;transition:.15s;} #pg-home .path-list a:hover {color:var(--accent);} #pg-home .path-list em {font-style:normal;color:var(--line-2);margin:0 9px;} #pg-home .cards {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} #pg-home .card {background:var(--paper-3);border:1px solid var(--line);border-radius:6px; padding:30px 28px 28px;text-decoration:none;display:block; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;} #pg-home .card:hover {transform:translateY(-3px);border-color:var(--line-2); box-shadow:0 14px 34px -22px rgba(26,26,24,.34);} #pg-home .card-top {display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;} #pg-home .card-no {font-family:var(--serif);font-size:13px;color:var(--accent);font-weight:500; letter-spacing:.1em;font-variant-numeric:tabular-nums;} #pg-home .card-tag {font-size:11px;color:var(--ink-3);letter-spacing:.1em;} #pg-home .card h3 {font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink); margin:0 0 7px;line-height:1.45;transition:.18s;} #pg-home .card:hover h3 {color:var(--accent-deep);} #pg-home .card-en {font-family:var(--serif);font-style:italic;font-size:12px;color:var(--ink-3); margin:0 0 16px;line-height:1.5;} #pg-home .card-p {font-size:13.5px;line-height:1.85;color:var(--ink-2);font-weight:300;margin:0; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} #pg-home .cards-foot {margin-top:44px;text-align:center;} #pg-home .return {margin-top:96px;background:var(--paper-2);border:1px solid var(--line); border-radius:6px;display:grid;grid-template-columns:1fr 1fr;} #pg-home .return > div {padding:44px 46px;} #pg-home .return > div:first-child {border-right:1px solid var(--line);} #pg-home .r-k {font-size:11.5px;letter-spacing:.22em;color:var(--ink-3);margin:0 0 20px; text-transform:uppercase;} #pg-home .r-q {font-family:var(--serif);font-size:26px;font-weight:500;color:var(--ink); line-height:1.55;margin:0 0 12px;} #pg-home .r-src {font-size:12.5px;color:var(--ink-3);margin:0 0 22px;font-weight:300;} #pg-home .r-h {font-family:var(--serif);font-size:22px;font-weight:500;color:var(--ink); margin:0 0 12px;line-height:1.5;} #pg-home .r-p {font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 24px;font-weight:300;} #pg-home .r-form {display:flex;gap:0;max-width:400px;} #pg-home .r-form input {flex:1;font-family:inherit;font-size:14px;color:var(--ink);background:var(--paper); border:1px solid var(--line-2);border-right:0;border-radius:3px 0 0 3px; padding:13px 16px;outline:none;transition:.18s;} #pg-home .r-form input::placeholder {color:var(--ink-3);} #pg-home .r-form input:focus {border-color:var(--ink);} #pg-home .r-form button {font-family:inherit;font-size:14px;letter-spacing:.08em;color:var(--paper); background:var(--ink);border:1px solid var(--ink);border-radius:0 3px 3px 0; padding:13px 26px;cursor:pointer;transition:.2s;} #pg-home .r-form button:hover {background:var(--accent);border-color:var(--accent);} #pg-home .r-fine {font-size:12px;color:var(--ink-3);margin:14px 0 0;font-weight:300;} #pg-home .quote {background:var(--dark);padding:118px 40px;text-align:center;} #pg-home .quote-in {max-width:880px;margin:0 auto;} #pg-home .quote-mark {font-family:var(--serif);font-size:72px;line-height:1;color:var(--accent); display:block;margin:0 0 20px;height:46px;opacity:.9;} #pg-home .quote p {font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.72; color:var(--dark-ink);margin:0 0 34px;letter-spacing:.005em;} #pg-home .quote cite {font-style:normal;font-size:13.5px;color:var(--dark-ink-2);letter-spacing:.06em; font-weight:300;} @media (max-width:760px) { #pg-home .hero {padding:64px 22px 56px;} #pg-home .hero-eyebrow {font-size:11px;letter-spacing:.2em;margin-bottom:20px;} #pg-home .hero h1 {font-size:33px;line-height:1.28;margin-bottom:20px;} #pg-home .hero-sub {font-size:14.5px;line-height:1.85;margin-bottom:34px;} #pg-home .hero-actions {flex-direction:column;gap:20px;} #pg-home .nums {grid-template-columns:repeat(3,1fr);} #pg-home .num {padding-left:16px;padding-right:8px;} #pg-home .num-v {font-size:38px;} #pg-home .num-k {font-size:12.5px;margin-top:10px;} #pg-home .num-d {font-size:11px;margin-top:5px;} #pg-home .layer {grid-template-columns:1fr 62px;gap:14px;padding:22px 0 20px;} #pg-home .layer-name {font-size:17.5px;} #pg-home .layer-name i {display:block;margin:0 0 5px;} #pg-home .layer-sub {font-size:12.5px;} #pg-home .layer-cnt b {font-size:28px;} #pg-home .layer-cnt span {font-size:10px;letter-spacing:.12em;} #pg-home .path {grid-template-columns:44px 1fr;gap:14px;padding:26px 0;} #pg-home .path h3 {font-size:19px;} #pg-home .path-desc {font-size:13.5px;} #pg-home .path-list {font-size:12px;line-height:1.9;} #pg-home .cards {grid-template-columns:1fr;gap:14px;} #pg-home .card {padding:24px 22px 22px;} #pg-home .return {grid-template-columns:1fr;margin-top:60px;} #pg-home .return > div {padding:30px 24px;} #pg-home .return > div:first-child {border-right:0;border-bottom:1px solid var(--line);} #pg-home .r-q {font-size:21px;} #pg-home .r-h {font-size:19px;} #pg-home .r-form {flex-direction:column;gap:10px;max-width:none;} #pg-home .r-form input {border-right:1px solid var(--line-2);border-radius:3px;} #pg-home .r-form button {border-radius:3px;padding:14px;} #pg-home .quote {padding:70px 24px;} #pg-home .quote p {font-size:21px;line-height:1.75;} #pg-home .quote-mark {font-size:48px;height:32px;margin-bottom:16px;} } } @media (max-width:560px) { #pg-home .page {padding-bottom:0;} #pg-home .hero {padding:132px 40px 108px;text-align:center;position:relative;} #pg-home .hero::after {content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%); width:min(1180px,calc(100% - 80px));height:1px;background:var(--line);} #pg-home .hero-eyebrow {font-size:12.5px;letter-spacing:.26em;color:var(--ink-3); text-transform:uppercase;margin:0 0 30px;font-weight:400;} #pg-home .hero h1 {font-family:var(--serif);font-weight:600;color:var(--ink); font-size:64px;line-height:1.16;letter-spacing:-.01em; margin:0 auto 30px;max-width:900px;} #pg-home .hero h1 em {font-style:normal;color:var(--accent);} #pg-home .hero-sub {font-size:17px;line-height:1.9;color:var(--ink-2);font-weight:300; max-width:660px;margin:0 auto 46px;} #pg-home .hero-sub strong {color:var(--ink);font-weight:500;} #pg-home .hero-actions {display:flex;align-items:center;justify-content:center;gap:34px;} #pg-home .nums {display:grid;grid-template-columns:repeat(3,1fr);gap:0;} #pg-home .num {padding:6px 40px 6px 0;border-left:1px solid var(--line-2);padding-left:36px;} #pg-home .num:first-child {border-left:0;padding-left:0;} #pg-home .num-v {font-family:var(--serif);font-size:78px;font-weight:500;color:var(--ink); line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;} #pg-home .num-k {font-size:15px;color:var(--ink);margin-top:16px;letter-spacing:.04em;} #pg-home .num-d {font-size:13px;color:var(--ink-3);margin-top:7px;line-height:1.6;font-weight:300;} #pg-home .layers {border-top:1px solid var(--line-2);} #pg-home .layer {display:grid;grid-template-columns:1fr 130px;gap:40px;align-items:start; padding:30px 0 28px;border-bottom:1px solid var(--line); transition:.2s;} #pg-home .layer:hover {background:rgba(176,83,47,.028);} #pg-home .layer:hover .layer-name {color:var(--accent-deep);} #pg-home .layer-name {font-family:var(--serif);font-size:23px;font-weight:500;color:var(--ink); margin:0 0 9px;line-height:1.4;transition:.2s;} #pg-home .layer-name i {font-family:var(--sans);font-style:normal;font-size:12px;font-weight:400; color:var(--ink-3);letter-spacing:.14em;margin-right:14px;vertical-align:2px; font-variant-numeric:tabular-nums;} #pg-home .layer-sub {font-size:13.5px;line-height:1.8;color:var(--ink-2);margin:0;font-weight:300;} #pg-home .layer-cnt {text-align:right;} #pg-home .layer-cnt b {display:block;font-family:var(--serif);font-size:40px;font-weight:500; color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;} #pg-home .layer-cnt span {display:block;font-size:11px;color:var(--ink-3);letter-spacing:.18em;margin-top:8px;} #pg-home .layer-note {margin-top:34px;font-size:13.5px;color:var(--ink-2);font-weight:300;letter-spacing:.02em;} #pg-home .layer-note b {font-family:var(--serif);font-weight:500;color:var(--ink);} #pg-home .paths {border-top:1px solid var(--line-2);} #pg-home .path {display:grid;grid-template-columns:74px 1fr;gap:32px; padding:36px 0;border-bottom:1px solid var(--line);} #pg-home .path-no {font-family:var(--serif);font-size:15px;color:var(--accent);font-weight:500; letter-spacing:.1em;padding-top:6px;} #pg-home .path h3 {font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink); margin:0 0 10px;line-height:1.4;} #pg-home .path-meta {font-size:12.5px;color:var(--ink-3);letter-spacing:.1em;margin:0 0 14px; font-variant-numeric:tabular-nums;} #pg-home .path-desc {font-size:14.5px;line-height:1.8;color:var(--ink-2);margin:0 0 18px;font-weight:300;} #pg-home .path-list {font-size:12.5px;color:var(--ink-3);line-height:2;font-weight:300;} #pg-home .path-list a {color:var(--ink-2);text-decoration:none;transition:.15s;} #pg-home .path-list a:hover {color:var(--accent);} #pg-home .path-list em {font-style:normal;color:var(--line-2);margin:0 9px;} #pg-home .cards {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} #pg-home .card {background:var(--paper-3);border:1px solid var(--line);border-radius:6px; padding:30px 28px 28px;text-decoration:none;display:block; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;} #pg-home .card:hover {transform:translateY(-3px);border-color:var(--line-2); box-shadow:0 14px 34px -22px rgba(26,26,24,.34);} #pg-home .card-top {display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;} #pg-home .card-no {font-family:var(--serif);font-size:13px;color:var(--accent);font-weight:500; letter-spacing:.1em;font-variant-numeric:tabular-nums;} #pg-home .card-tag {font-size:11px;color:var(--ink-3);letter-spacing:.1em;} #pg-home .card h3 {font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink); margin:0 0 7px;line-height:1.45;transition:.18s;} #pg-home .card:hover h3 {color:var(--accent-deep);} #pg-home .card-en {font-family:var(--serif);font-style:italic;font-size:12px;color:var(--ink-3); margin:0 0 16px;line-height:1.5;} #pg-home .card-p {font-size:13.5px;line-height:1.85;color:var(--ink-2);font-weight:300;margin:0; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} #pg-home .cards-foot {margin-top:44px;text-align:center;} #pg-home .return {margin-top:96px;background:var(--paper-2);border:1px solid var(--line); border-radius:6px;display:grid;grid-template-columns:1fr 1fr;} #pg-home .return > div {padding:44px 46px;} #pg-home .return > div:first-child {border-right:1px solid var(--line);} #pg-home .r-k {font-size:11.5px;letter-spacing:.22em;color:var(--ink-3);margin:0 0 20px; text-transform:uppercase;} #pg-home .r-q {font-family:var(--serif);font-size:26px;font-weight:500;color:var(--ink); line-height:1.55;margin:0 0 12px;} #pg-home .r-src {font-size:12.5px;color:var(--ink-3);margin:0 0 22px;font-weight:300;} #pg-home .r-h {font-family:var(--serif);font-size:22px;font-weight:500;color:var(--ink); margin:0 0 12px;line-height:1.5;} #pg-home .r-p {font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 24px;font-weight:300;} #pg-home .r-form {display:flex;gap:0;max-width:400px;} #pg-home .r-form input {flex:1;font-family:inherit;font-size:14px;color:var(--ink);background:var(--paper); border:1px solid var(--line-2);border-right:0;border-radius:3px 0 0 3px; padding:13px 16px;outline:none;transition:.18s;} #pg-home .r-form input::placeholder {color:var(--ink-3);} #pg-home .r-form input:focus {border-color:var(--ink);} #pg-home .r-form button {font-family:inherit;font-size:14px;letter-spacing:.08em;color:var(--paper); background:var(--ink);border:1px solid var(--ink);border-radius:0 3px 3px 0; padding:13px 26px;cursor:pointer;transition:.2s;} #pg-home .r-form button:hover {background:var(--accent);border-color:var(--accent);} #pg-home .r-fine {font-size:12px;color:var(--ink-3);margin:14px 0 0;font-weight:300;} #pg-home .quote {background:var(--dark);padding:118px 40px;text-align:center;} #pg-home .quote-in {max-width:880px;margin:0 auto;} #pg-home .quote-mark {font-family:var(--serif);font-size:72px;line-height:1;color:var(--accent); display:block;margin:0 0 20px;height:46px;opacity:.9;} #pg-home .quote p {font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.72; color:var(--dark-ink);margin:0 0 34px;letter-spacing:.005em;} #pg-home .quote cite {font-style:normal;font-size:13.5px;color:var(--dark-ink-2);letter-spacing:.06em; font-weight:300;} @media (max-width:760px) { #pg-home .hero {padding:64px 22px 56px;} #pg-home .hero-eyebrow {font-size:11px;letter-spacing:.2em;margin-bottom:20px;} #pg-home .hero h1 {font-size:33px;line-height:1.28;margin-bottom:20px;} #pg-home .hero-sub {font-size:14.5px;line-height:1.85;margin-bottom:34px;} #pg-home .hero-actions {flex-direction:column;gap:20px;} #pg-home .nums {grid-template-columns:repeat(3,1fr);} #pg-home .num {padding-left:16px;padding-right:8px;} #pg-home .num-v {font-size:38px;} #pg-home .num-k {font-size:12.5px;margin-top:10px;} #pg-home .num-d {font-size:11px;margin-top:5px;} #pg-home .layer {grid-template-columns:1fr 62px;gap:14px;padding:22px 0 20px;} #pg-home .layer-name {font-size:17.5px;} #pg-home .layer-name i {display:block;margin:0 0 5px;} #pg-home .layer-sub {font-size:12.5px;} #pg-home .layer-cnt b {font-size:28px;} #pg-home .layer-cnt span {font-size:10px;letter-spacing:.12em;} #pg-home .path {grid-template-columns:44px 1fr;gap:14px;padding:26px 0;} #pg-home .path h3 {font-size:19px;} #pg-home .path-desc {font-size:13.5px;} #pg-home .path-list {font-size:12px;line-height:1.9;} #pg-home .cards {grid-template-columns:1fr;gap:14px;} #pg-home .card {padding:24px 22px 22px;} #pg-home .return {grid-template-columns:1fr;margin-top:60px;} #pg-home .return > div {padding:30px 24px;} #pg-home .return > div:first-child {border-right:0;border-bottom:1px solid var(--line);} #pg-home .r-q {font-size:21px;} #pg-home .r-h {font-size:19px;} #pg-home .r-form {flex-direction:column;gap:10px;max-width:none;} #pg-home .r-form input {border-right:1px solid var(--line-2);border-radius:3px;} #pg-home .r-form button {border-radius:3px;padding:14px;} #pg-home .quote {padding:70px 24px;} #pg-home .quote p {font-size:21px;line-height:1.75;} #pg-home .quote-mark {font-size:48px;height:32px;margin-bottom:16px;} } } #pg-home .page {padding-bottom:0;} #pg-home .hero {padding:132px 40px 108px;text-align:center;position:relative;} #pg-home .hero::after {content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%); width:min(1180px,calc(100% - 80px));height:1px;background:var(--line);} #pg-home .hero-eyebrow {font-size:12.5px;letter-spacing:.26em;color:var(--ink-3); text-transform:uppercase;margin:0 0 30px;font-weight:400;} #pg-home .hero h1 {font-family:var(--serif);font-weight:600;color:var(--ink); font-size:64px;line-height:1.16;letter-spacing:-.01em; margin:0 auto 30px;max-width:900px;} #pg-home .hero h1 em {font-style:normal;color:var(--accent);} #pg-home .hero-sub {font-size:17px;line-height:1.9;color:var(--ink-2);font-weight:300; max-width:660px;margin:0 auto 46px;} #pg-home .hero-sub strong {color:var(--ink);font-weight:500;} #pg-home .hero-actions {display:flex;align-items:center;justify-content:center;gap:34px;} #pg-home .nums {display:grid;grid-template-columns:repeat(3,1fr);gap:0;} #pg-home .num {padding:6px 40px 6px 0;border-left:1px solid var(--line-2);padding-left:36px;} #pg-home .num:first-child {border-left:0;padding-left:0;} #pg-home .num-v {font-family:var(--serif);font-size:78px;font-weight:500;color:var(--ink); line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;} #pg-home .num-k {font-size:15px;color:var(--ink);margin-top:16px;letter-spacing:.04em;} #pg-home .num-d {font-size:13px;color:var(--ink-3);margin-top:7px;line-height:1.6;font-weight:300;} #pg-home .layers {border-top:1px solid var(--line-2);} #pg-home .layer {display:grid;grid-template-columns:1fr 130px;gap:40px;align-items:start; padding:30px 0 28px;border-bottom:1px solid var(--line); transition:.2s;} #pg-home .layer:hover {background:rgba(176,83,47,.028);} #pg-home .layer:hover .layer-name {color:var(--accent-deep);} #pg-home .layer-name {font-family:var(--serif);font-size:23px;font-weight:500;color:var(--ink); margin:0 0 9px;line-height:1.4;transition:.2s;} #pg-home .layer-name i {font-family:var(--sans);font-style:normal;font-size:12px;font-weight:400; color:var(--ink-3);letter-spacing:.14em;margin-right:14px;vertical-align:2px; font-variant-numeric:tabular-nums;} #pg-home .layer-sub {font-size:13.5px;line-height:1.8;color:var(--ink-2);margin:0;font-weight:300;} #pg-home .layer-cnt {text-align:right;} #pg-home .layer-cnt b {display:block;font-family:var(--serif);font-size:40px;font-weight:500; color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;} #pg-home .layer-cnt span {display:block;font-size:11px;color:var(--ink-3);letter-spacing:.18em;margin-top:8px;} #pg-home .layer-note {margin-top:34px;font-size:13.5px;color:var(--ink-2);font-weight:300;letter-spacing:.02em;} #pg-home .layer-note b {font-family:var(--serif);font-weight:500;color:var(--ink);} #pg-home .paths {border-top:1px solid var(--line-2);} #pg-home .path {display:grid;grid-template-columns:74px 1fr;gap:32px; padding:36px 0;border-bottom:1px solid var(--line);} #pg-home .path-no {font-family:var(--serif);font-size:15px;color:var(--accent);font-weight:500; letter-spacing:.1em;padding-top:6px;} #pg-home .path h3 {font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink); margin:0 0 10px;line-height:1.4;} #pg-home .path-meta {font-size:12.5px;color:var(--ink-3);letter-spacing:.1em;margin:0 0 14px; font-variant-numeric:tabular-nums;} #pg-home .path-desc {font-size:14.5px;line-height:1.8;color:var(--ink-2);margin:0 0 18px;font-weight:300;} #pg-home .path-list {font-size:12.5px;color:var(--ink-3);line-height:2;font-weight:300;} #pg-home .path-list a {color:var(--ink-2);text-decoration:none;transition:.15s;} #pg-home .path-list a:hover {color:var(--accent);} #pg-home .path-list em {font-style:normal;color:var(--line-2);margin:0 9px;} #pg-home .cards {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} #pg-home .card {background:var(--paper-3);border:1px solid var(--line);border-radius:6px; padding:30px 28px 28px;text-decoration:none;display:block; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;} #pg-home .card:hover {transform:translateY(-3px);border-color:var(--line-2); box-shadow:0 14px 34px -22px rgba(26,26,24,.34);} #pg-home .card-top {display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;} #pg-home .card-no {font-family:var(--serif);font-size:13px;color:var(--accent);font-weight:500; letter-spacing:.1em;font-variant-numeric:tabular-nums;} #pg-home .card-tag {font-size:11px;color:var(--ink-3);letter-spacing:.1em;} #pg-home .card h3 {font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink); margin:0 0 7px;line-height:1.45;transition:.18s;} #pg-home .card:hover h3 {color:var(--accent-deep);} #pg-home .card-en {font-family:var(--serif);font-style:italic;font-size:12px;color:var(--ink-3); margin:0 0 16px;line-height:1.5;} #pg-home .card-p {font-size:13.5px;line-height:1.85;color:var(--ink-2);font-weight:300;margin:0; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} #pg-home .cards-foot {margin-top:44px;text-align:center;} #pg-home .return {margin-top:96px;background:var(--paper-2);border:1px solid var(--line); border-radius:6px;display:grid;grid-template-columns:1fr 1fr;} #pg-home .return > div {padding:44px 46px;} #pg-home .return > div:first-child {border-right:1px solid var(--line);} #pg-home .r-k {font-size:11.5px;letter-spacing:.22em;color:var(--ink-3);margin:0 0 20px; text-transform:uppercase;} #pg-home .r-q {font-family:var(--serif);font-size:26px;font-weight:500;color:var(--ink); line-height:1.55;margin:0 0 12px;} #pg-home .r-src {font-size:12.5px;color:var(--ink-3);margin:0 0 22px;font-weight:300;} #pg-home .r-h {font-family:var(--serif);font-size:22px;font-weight:500;color:var(--ink); margin:0 0 12px;line-height:1.5;} #pg-home .r-p {font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 24px;font-weight:300;} #pg-home .r-form {display:flex;gap:0;max-width:400px;} #pg-home .r-form input {flex:1;font-family:inherit;font-size:14px;color:var(--ink);background:var(--paper); border:1px solid var(--line-2);border-right:0;border-radius:3px 0 0 3px; padding:13px 16px;outline:none;transition:.18s;} #pg-home .r-form input::placeholder {color:var(--ink-3);} #pg-home .r-form input:focus {border-color:var(--ink);} #pg-home .r-form button {font-family:inherit;font-size:14px;letter-spacing:.08em;color:var(--paper); background:var(--ink);border:1px solid var(--ink);border-radius:0 3px 3px 0; padding:13px 26px;cursor:pointer;transition:.2s;} #pg-home .r-form button:hover {background:var(--accent);border-color:var(--accent);} #pg-home .r-fine {font-size:12px;color:var(--ink-3);margin:14px 0 0;font-weight:300;} #pg-home .quote {background:var(--dark);padding:118px 40px;text-align:center;} #pg-home .quote-in {max-width:880px;margin:0 auto;} #pg-home .quote-mark {font-family:var(--serif);font-size:72px;line-height:1;color:var(--accent); display:block;margin:0 0 20px;height:46px;opacity:.9;} #pg-home .quote p {font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.72; color:var(--dark-ink);margin:0 0 34px;letter-spacing:.005em;} #pg-home .quote cite {font-style:normal;font-size:13.5px;color:var(--dark-ink-2);letter-spacing:.06em; font-weight:300;} @media (max-width:760px) { #pg-home .hero {padding:64px 22px 56px;} #pg-home .hero-eyebrow {font-size:11px;letter-spacing:.2em;margin-bottom:20px;} #pg-home .hero h1 {font-size:33px;line-height:1.28;margin-bottom:20px;} #pg-home .hero-sub {font-size:14.5px;line-height:1.85;margin-bottom:34px;} #pg-home .hero-actions {flex-direction:column;gap:20px;} #pg-home .nums {grid-template-columns:repeat(3,1fr);} #pg-home .num {padding-left:16px;padding-right:8px;} #pg-home .num-v {font-size:38px;} #pg-home .num-k {font-size:12.5px;margin-top:10px;} #pg-home .num-d {font-size:11px;margin-top:5px;} #pg-home .layer {grid-template-columns:1fr 62px;gap:14px;padding:22px 0 20px;} #pg-home .layer-name {font-size:17.5px;} #pg-home .layer-name i {display:block;margin:0 0 5px;} #pg-home .layer-sub {font-size:12.5px;} #pg-home .layer-cnt b {font-size:28px;} #pg-home .layer-cnt span {font-size:10px;letter-spacing:.12em;} #pg-home .path {grid-template-columns:44px 1fr;gap:14px;padding:26px 0;} #pg-home .path h3 {font-size:19px;} #pg-home .path-desc {font-size:13.5px;} #pg-home .path-list {font-size:12px;line-height:1.9;} #pg-home .cards {grid-template-columns:1fr;gap:14px;} #pg-home .card {padding:24px 22px 22px;} #pg-home .return {grid-template-columns:1fr;margin-top:60px;} #pg-home .return > div {padding:30px 24px;} #pg-home .return > div:first-child {border-right:0;border-bottom:1px solid var(--line);} #pg-home .r-q {font-size:21px;} #pg-home .r-h {font-size:19px;} #pg-home .r-form {flex-direction:column;gap:10px;max-width:none;} #pg-home .r-form input {border-right:1px solid var(--line-2);border-radius:3px;} #pg-home .r-form button {border-radius:3px;padding:14px;} #pg-home .quote {padding:70px 24px;} #pg-home .quote p {font-size:21px;line-height:1.75;} #pg-home .quote-mark {font-size:48px;height:32px;margin-bottom:16px;} } #pg-home .hero {padding:92px 40px 74px;} #pg-home .sec {padding:70px 40px;} #pg-home .nums {padding:6px 0;} #pg-home .layer {padding:24px 0 22px;} #pg-home .path {padding:26px 0 24px;} #pg-home .card {padding:26px 24px 24px;} #pg-home .cards {gap:16px;} #pg-home .return {margin-top:64px;} #pg-home .quote {padding:84px 40px;} #pg-home .shop-grid {gap:16px;margin-top:32px;} #pg-home .shop-manual {padding:28px 26px;} #pg-home .shop-card {padding:24px 20px;} #pg-home .shop-card img {width:112px;height:112px;margin-bottom:14px;} .ch-no, .ov-lno, .layer-no {font-family:var(--serif);font-size:14px;font-weight:600;color:var(--ink);letter-spacing:.06em; width:34px;height:28px;flex:none;display:inline-grid;place-items:center; border:1px solid var(--line-2);border-radius:3px;background:var(--paper-3);transition:.18s;} .chapter:hover .ch-no {border-color:var(--accent);color:var(--accent);} #pg-home .layer-name i {font-style:normal;font-family:var(--serif);font-size:13px;font-weight:600;color:var(--ink); letter-spacing:.06em;display:inline-grid;place-items:center;min-width:34px;height:26px; border:1px solid var(--line-2);border-radius:3px;background:var(--paper-3);margin-right:12px; vertical-align:2px;transition:.18s;} #pg-home .layer:hover .layer-name i {border-color:var(--accent);color:var(--accent);} .cat-no {font-family:var(--sans);font-size:11.5px;font-weight:400;color:var(--ink-3);letter-spacing:.08em; background:var(--paper-2);border:1px solid var(--line);border-radius:3px;padding:3px 8px;flex:none;} .ov-grid {counter-reset:sub;} .ov-sub {counter-increment:sub;} .ov-sh::before {content:counter(sub,decimal-leading-zero); font-family:var(--sans);font-size:11px;color:var(--ink-3);letter-spacing:.06em; background:var(--paper-2);border:1px solid var(--line);border-radius:3px;padding:2px 6px;margin-right:9px;flex:none;} .ov-sh {display:flex;align-items:center;} .id-no {font-family:var(--serif);font-size:14px;color:var(--accent);font-weight:600;letter-spacing:.04em; padding-top:4px;font-variant-numeric:tabular-nums;white-space:nowrap;} .ov-no {font-family:var(--serif);font-size:11px;color:var(--accent);font-weight:500; font-variant-numeric:tabular-nums;white-space:nowrap;min-width:32px;} .sec-no {font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--accent);font-weight:600;flex:none; display:inline-flex;align-items:center;gap:10px;} .sec-no::before {content:"";width:22px;height:1px;background:var(--accent);display:block;} .blk-no {font-family:var(--serif);font-size:15px;letter-spacing:.2em;color:var(--ink);font-weight:600;flex:none; padding-right:2px;} .ab-no {font-family:var(--serif);font-size:13px;color:var(--ink-3);font-weight:400;letter-spacing:.1em;padding-top:4px;} .wy-no {font-family:var(--serif);font-size:13px;color:var(--ink-3);font-weight:400;letter-spacing:.1em;padding-top:3px;} #pg-home .path-no {font-family:var(--serif);font-size:13px;color:var(--ink-3);font-weight:400;letter-spacing:.1em;padding-top:2px;} /* ---- 字体栈兜底（置于末尾以覆盖 :root 原值）---- */ :root{ --serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", Georgia, serif; --sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; } /* ---- 站点级修正（真站无预览壳，页面即全部）---- */ body{background:var(--paper);}