/* FDE 数智工坊 · site chrome (header / footer / breadcrumb) for article pages.
   Extracted from assets/index--x7iavsB.css with CSS variables inlined,
   so it never conflicts with each article's own :root definitions. */

body{padding-top:78px}

/* article images fit the content column */
main img,.paper img{max-width:100%;height:auto}

/* scoped link reset (replaces the site-wide a{color:inherit}) */
.site-header a,.site-footer a,.fde-crumbs a{text-decoration:none}

/* ---- header ---- */
.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04111dd6;border-bottom:1px solid #ecd5a629;height:78px;position:fixed;inset:0 0 auto}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.nav-wrap{align-items:center;gap:34px;height:100%;display:flex}
.brand{background:url(/images/fde-workshop-logo-white-text.png) center/contain no-repeat;flex:none;width:164px;height:30px;display:block;position:relative}
.brand>*{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.brand-mark{width:39px;height:39px;color:#ecd5a6;border:1px solid #d8b67ab8;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:23px;display:grid}
.brand b{color:#fff8e9;letter-spacing:.06em;font-family:Georgia,Songti SC,serif;font-weight:600;display:block}
.brand small{color:#8697a6;letter-spacing:.17em;margin-top:2px;font-size:8px;display:block}
.desktop-nav{align-items:center;gap:30px;margin-left:auto;display:flex}
.desktop-nav a{color:#ced5d8;font-size:14px;transition:color .2s}
.desktop-nav a:hover{color:#ecd5a6}
.nav-cta{color:#ecd5a6;border:1px solid #d8b67a73;padding:10px 16px;font-size:13px}
.nav-cta span{margin-left:10px}
.mobile-menu{margin-left:auto;display:none;position:relative}
.mobile-menu summary{cursor:pointer;color:#ecd5a6;border:1px solid #d8b67a66;padding:8px 12px;font-size:13px;list-style:none}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{background:#071827;border:1px solid #d8b67a4d;width:190px;padding:12px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 20px 50px #0000004d}
.mobile-menu nav a{border-bottom:1px solid #ffffff14;padding:12px 10px;color:#ced5d8}

/* ---- breadcrumb ---- */
.fde-crumbs{background:#fbf8f1;border-bottom:1px solid #e7dfcd;padding:13px 0;font-size:13px}
.fde-crumbs .in{width:min(1180px,calc(100% - 48px));margin-inline:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#8a93a0}
.fde-crumbs a{color:#123451}
.fde-crumbs a:hover{text-decoration:underline}
.fde-crumbs .cur{color:#66717c}

/* ---- footer ---- */
.site-footer{background:#030d15;border-top:1px solid #d8b67a29;padding:68px 0 36px}
.site-footer a{color:inherit}
.footer-grid{grid-template-columns:1.4fr .8fr .6fr;align-items:start;gap:60px;display:grid}
.footer-brand{margin-bottom:22px}
.footer-grid p{color:#71818d;max-width:440px;line-height:1.8}
.footer-links{color:#a9b4ba;grid-template-columns:repeat(2,1fr);gap:16px 26px;font-size:13px;display:grid}
.footer-links a:hover{color:#ecd5a6}
.footer-note{color:#596b79;text-align:right;font-size:12px;line-height:2}
.footer-note:after{content:"津ICP备2025036661号-2";color:#71818d;text-align:right;white-space:nowrap;margin-top:6px;display:block}

/* ---- author byline (article pages) ---- */
.fde-byline{text-align:center;font-size:13px;color:#8a8f98;margin:14px 0 24px;letter-spacing:.06em}

/* ---- FAQ section (article pages) ---- */
.fde-faq{max-width:760px;margin:44px auto 10px;padding:26px 26px 12px;background:#ffffff;border:1px solid #e6dfcf;border-radius:8px}
.fde-faq h2{margin:0 0 8px;font-family:inherit;font-size:20px;color:#102031;border:none;padding:0}
.fde-faq details{border-bottom:1px solid #ece5d6;padding:12px 2px}
.fde-faq details:last-child{border-bottom:none}
.fde-faq summary{cursor:pointer;font-weight:700;color:#123451;font-size:15px;line-height:1.6;list-style:none}
.fde-faq summary::before{content:"Q · ";color:#b9975b}
.fde-faq summary::-webkit-details-marker{display:none}
.fde-faq p{color:#4a5560;font-size:14px;line-height:1.85;margin:10px 0 4px}

/* ---- responsive (matches site breakpoints) ---- */
@media (width<=900px){
  .desktop-nav,.nav-cta{display:none}
  .mobile-menu{display:block}
}
@media (width<=620px){
  body{padding-top:68px}
  .container{width:min(100% - 30px,1180px)}
  .site-header{height:68px}
  .brand{width:130px;height:27px;background-size:contain}
  .brand-mark{width:34px;height:34px;font-size:20px}
  .brand b{font-size:14px}
  .brand small{font-size:7px}
  .footer-grid{grid-template-columns:1fr;gap:35px}
  .footer-note{text-align:left}
}