:root { --red:#b8332a; --ink:#26211e; --muted:#827c75; --line:#e9e2d8; --paper:#f8f5ee; }
        * { box-sizing:border-box; margin:0; padding:0; }
        body { min-width:320px; color:#4e4944; background:#fcfbf8; font-family:"Microsoft YaHei","PingFang SC",sans-serif; }
        a { color:inherit; text-decoration:none; }
        .topbar { height:36px; background:var(--red); color:rgba(255,255,255,.87); font-size:13px; }
        .topbar-inner,.header-inner,.culture-wrap,.footer-main,.footer-bottom-inner { max-width:1200px; margin:0 auto; padding-left:24px; padding-right:24px; }
        .topbar-inner { height:100%; display:flex; align-items:center; justify-content:space-between; }
        .slogan { letter-spacing:2px; }.topbar-right { display:flex; gap:20px; align-items:center; }.topbar-right b { color:#fff; margin-left:4px; }.lang span{margin:0 8px;opacity:.45}
        .header { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.97); border-bottom:1px solid #eee; backdrop-filter:blur(10px); }
        .header-inner { min-height:76px; display:flex; align-items:center; gap:40px; }.brand { display:flex; align-items:center; gap:14px; flex-shrink:0; }.logo { height:46px; }.logo img { display:block; width:auto; height:100%; }.brand-name,.footer-name { color:var(--red); font-family:Georgia,"Songti SC",SimSun,serif; font-weight:700; letter-spacing:2px; }.brand-name { font-size:20px; }.brand-en,.footer-en { margin-top:3px; color:#bbb; font-size:10px; letter-spacing:1px; }
        .nav { display:flex; align-items:center; gap:30px; margin-left:auto; }.nav a { position:relative; padding:7px 0; color:#444; font-size:15px; letter-spacing:1px; white-space:nowrap; }.nav a:hover,.nav a.active { color:var(--red); }.nav a.active { font-weight:600; }.nav a.active:after { content:""; position:absolute; left:50%; bottom:-7px; width:24px; height:2px; background:var(--red); transform:translateX(-50%); }.donate { width:148px; height:56px; overflow:hidden; border-radius:30px; flex-shrink:0; }.donate img { display:block; width:100%;height:100%;object-fit:cover; }
        .hero { height:480px; overflow:hidden; background:linear-gradient(90deg,rgba(251,246,236,.95) 0%,rgba(251,246,236,.67) 47%,rgba(251,246,236,.20) 100%),url("../images/2.png") 67% 42%/cover no-repeat; }.hero-inner { max-width:1200px; height:100%; margin:0 auto; padding:44px 24px; }.hero h1 { color:var(--red); font-family:Georgia,"Songti SC",SimSun,serif; font-size:44px; line-height:1.2; letter-spacing:10px; }.hero p { margin-top:12px; color:#24201d; font-family:Georgia,"Songti SC",SimSun,serif; font-size:19px; letter-spacing:5px; }
        .culture-section { padding:14px 0 34px; background:linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.86)),url("../images/1.png") center/cover fixed; }.culture-wrap { max-width:1200px; }.overview { position:relative; min-height:250px; overflow:hidden; padding:35px 410px 30px 56px; border:1px solid #eee7da; background:linear-gradient(90deg,rgba(255,253,248,.98),rgba(255,253,248,.79) 61%,rgba(255,253,248,.25)),url("../images/1.png") right 67%/auto 130% no-repeat; }.overview:before { content:""; position:absolute; left:-4px; top:18px; bottom:18px; width:160px; background:url("../images/4.png") left bottom/auto 100% no-repeat; opacity:.2; }.overview > * { position:relative; }.section-title { color:var(--red); font-family:Georgia,"Songti SC",SimSun,serif; font-size:29px; letter-spacing:4px; }.section-title:after { content:""; display:block; width:28px; height:2px; margin-top:12px; background:var(--red); }.overview p { margin-top:16px; color:#5c5650; font-size:14px; line-height:1.95; }.button { display:inline-flex; align-items:center; gap:20px; margin-top:16px; padding:8px 20px; border:1px solid var(--red); color:var(--red); font-size:13px; transition:.2s; }.button:hover { background:var(--red); color:#fff; }.seal { position:absolute; right:25px; top:34px; color:#24201d; font-family:"KaiTi",STKaiti,serif; font-size:22px; line-height:1.35; letter-spacing:4px; writing-mode:vertical-rl; }
        .culture-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:14px; }.culture-card { display:grid; grid-template-columns:42% 58%; min-height:165px; overflow:hidden; border:1px solid #eee7de; background:#fffdfa; }.culture-card img { width:100%; height:100%; object-fit:cover; }.card-text { padding:18px 18px 13px; }.card-title { display:flex; align-items:center; gap:10px; color:#2d2824; font-family:Georgia,"Songti SC",SimSun,serif; font-size:21px; letter-spacing:3px; }.card-icon { color:#c0782c; font-family:Georgia,serif; font-size:27px; line-height:1; }.card-text p { display:-webkit-box; overflow:hidden; margin-top:10px; color:#6d6760; font-size:12px; line-height:1.8; -webkit-line-clamp:3; -webkit-box-orient:vertical; }.card-link { display:block; margin-top:8px; color:var(--red); text-align:right; font-size:11px; font-weight:600; }.culture-card:hover { border-color:#dfb9af; box-shadow:0 8px 20px rgba(100,70,40,.08); }.culture-card:hover .card-link { letter-spacing:1px; }
        .footer { border-top:3px solid var(--red); background:#fff; }.footer-flinks-inner { position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:18px 24px; display:flex; align-items:center; flex-wrap:wrap; gap:8px 26px; border-bottom:1px solid #f0f0f0; color:#aaa; font-size:12px; letter-spacing:1px; }.footer-flinks-inner a { color:#999; text-decoration:none; transition:color .2s; }.footer-flinks-inner a:hover { color:var(--red); }.footer-main { padding-top:56px; padding-bottom:48px; display:flex; gap:64px; }.footer-brand { flex-shrink:0; }.footer-logo { height:56px; }.footer-logo img { height:100%; width:auto; }.footer-name { margin-top:16px; color:#1a1a1a; font-size:18px; letter-spacing:3px; }.footer-slogan { margin-top:18px; color:#999; font-size:12px; letter-spacing:2px; }.footer-cols { flex:1; display:grid; grid-template-columns:repeat(7,1fr); gap:28px 16px; }.fcol h5 { position:relative; margin-bottom:6px; padding-bottom:10px; color:#1a1a1a; font-size:14px; font-weight:600; letter-spacing:2px; }.fcol h5::after { content:""; position:absolute; left:0; bottom:0; width:18px; height:2px; background:var(--red); opacity:.55; }.fcol a { display:block; padding:5px 0; color:#999; font-size:12.5px; letter-spacing:1px; }.fcol a:hover{color:var(--red)}.footer-contact { position:relative; z-index:1; border-top:1px solid #f0f0f0; }.footer-contact-inner { max-width:1200px; margin:0 auto; padding:20px 24px; display:flex; align-items:center; justify-content:space-between; gap:14px; color:#777; font-size:13px; letter-spacing:1px; }.footer-contact-inner .sep { opacity:.5; color:#ddd; }.footer-qr { display:flex; gap:18px; }.fqr { text-align:center; }.fqr .box { width:64px; height:64px; background:#f5f4f0; border:1px solid #e8e6e1; overflow:hidden; }.fqr .box img { display:block; width:100%; height:100%; object-fit:cover; }.fqr span { display:block; margin-top:7px; color:#aaa; font-size:11px; letter-spacing:2px; }.footer-right { margin-left:auto; display:flex; flex-direction:column; align-items:center; gap:16px; }.footer-social-icons { display:flex; gap:14px; }.footer-social-icons a { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid rgba(184,51,42,.4); border-radius:50%; transition:background .2s,border-color .2s; }.footer-social-icons a svg { width:18px; height:18px; fill:var(--red); transition:fill .2s; }.footer-social-icons a:hover { background:var(--red); border-color:var(--red); }.footer-social-icons a:hover svg { fill:#fff; }.footer-bottom { border-top:1px solid #f0f0f0; background:#fafaf8; }.footer-bottom-inner { padding-top:15px; padding-bottom:15px; color:#bbb; text-align:center; font-size:12px; letter-spacing:1px; }
        @media(max-width:1050px){.nav{gap:16px}.nav a{font-size:13px}.culture-grid{grid-template-columns:repeat(2,1fr)}.footer-cols{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.hero{height:380px}}@media(max-width:768px){.slogan{display:none}.topbar-inner{justify-content:center}.header-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px 18px}.nav{order:3;width:100%;margin-left:0;overflow-x:auto}.donate{width:112px;height:42px}.hero{height:260px}.hero-inner{padding:38px 20px}.hero h1{font-size:34px}.hero p{font-size:15px;letter-spacing:3px}.culture-wrap{padding-left:16px;padding-right:16px}.overview{padding:28px 28px 150px;background-position:right bottom;background-size:auto 75%}.overview:before{display:none}.seal{right:12px;top:20px;font-size:18px}.culture-grid{grid-template-columns:1fr}.footer-main{flex-direction:column;gap:36px}.footer-cols{grid-template-columns:repeat(3,1fr)}.footer-contact-inner{flex-direction:column;gap:16px}.footer-right{margin:0 auto}}
        @media(max-width:440px){.brand-name{font-size:16px}.brand-en{font-size:8px}.logo{height:38px}.culture-card{grid-template-columns:38% 62%}.card-text{padding:13px}.card-title{font-size:18px}.card-text p{font-size:11px}.hero h1{letter-spacing:6px}}


        /* 黄帝文化二级分类 */
        .culture-subnav { border-bottom:1px solid #ebe5dc; background:#fffdfa; }
        .culture-subnav-inner { max-width:1200px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:center; gap:0; overflow-x:auto; }
        .culture-subnav a { position:relative; flex:0 0 auto; padding:14px 22px 13px; color:#716b64; font-size:13px; letter-spacing:1px; transition:.2s; }
        .culture-subnav a + a::before { content:""; position:absolute; left:0; top:16px; width:1px; height:14px; background:#e5dfd7; }
        .culture-subnav a:hover,.culture-subnav a.active { color:var(--red); font-weight:600; }
        .culture-subnav a.active::after { content:""; position:absolute; right:22px; bottom:0; left:22px; height:2px; background:var(--red); }
        @media(max-width:768px){.culture-subnav-inner{justify-content:flex-start;padding:0 12px}.culture-subnav a{padding:12px 15px;font-size:12px}.culture-subnav a.active::after{right:15px;left:15px}}


        /* 黄帝文化下拉二级导航 */
        .nav-dropdown { position:relative; display:flex; align-items:center; }
        .nav-dropdown > a::after { content:"⌄"; display:inline-block; margin-left:5px; font-size:11px; transform:translateY(-1px); transition:transform .2s; }
        .nav-dropdown:hover > a::after, .nav-dropdown:focus-within > a::after { transform:translateY(1px) rotate(180deg); }
        .nav-dropdown-menu { position:absolute; top:calc(100% + 18px); left:50%; z-index:120; width:150px; padding:8px 0; border:1px solid #eee7df; background:rgba(255,255,255,.98); box-shadow:0 10px 26px rgba(65,45,29,.12); opacity:0; visibility:hidden; transform:translate(-50%,-7px); transition:opacity .2s,transform .2s,visibility .2s; }
        .nav-dropdown-menu::before { content:""; position:absolute; top:-8px; right:0; left:0; height:8px; }
        .nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu { opacity:1; visibility:visible; transform:translate(-50%,0); }
        .nav .nav-dropdown-menu a { display:block; padding:8px 16px; color:#706a64; font-size:12px; font-weight:400; line-height:1.35; letter-spacing:.5px; white-space:normal; }
        .nav .nav-dropdown-menu a::after { display:none; }
        .nav .nav-dropdown-menu a:hover { color:#b8332a; background:#faf6f1; }
        @media(max-width:768px){.nav-dropdown-menu{top:calc(100% + 10px);left:0;transform:translate(0,-7px)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{transform:translate(0,0)}}

        /* 黄帝文化六大内涵：环形图文路径 */
        .culture-section { padding:54px 0 70px; background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.96),rgba(255,251,243,.86) 56%,rgba(248,239,225,.78)),url("../images/1.png") center/cover fixed; }
        .culture-intro { max-width:760px; margin:0 auto; text-align:center; }
        .culture-kicker { color:#9e7650; font-family:"KaiTi",STKaiti,serif; font-size:16px; letter-spacing:5px; }
        .culture-intro h2 { position:relative; display:inline-block; margin-top:10px; color:#9e1711; font-family:Georgia,"Songti SC",SimSun,serif; font-size:42px; line-height:1.25; letter-spacing:8px; }
        .culture-intro h2::before,.culture-intro h2::after { content:"☁"; position:absolute; top:50%; color:#c79a62; font-family:"KaiTi",STKaiti,serif; font-size:33px; font-weight:400; transform:translateY(-50%); }
        .culture-intro h2::before { right:calc(100% + 34px); }
        .culture-intro h2::after { left:calc(100% + 34px); transform:translateY(-50%) scaleX(-1); }
        .culture-subtitle { margin-top:13px; color:#4e433c; font-family:Georgia,"Songti SC",SimSun,serif; font-size:17px; letter-spacing:5px; }
        .culture-summary { max-width:680px; margin:18px auto 0; color:#83776d; font-size:13px; line-height:1.9; }
        .culture-path { position:relative; height:920px; margin:18px auto 0; overflow:hidden; }
        .culture-route { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
        .culture-route path { fill:none; stroke:#b66e30; stroke-width:1.7; stroke-dasharray:4 6; stroke-linecap:round; opacity:.9; }
        .culture-node { position:absolute; display:flex; align-items:center; gap:22px; width:370px; z-index:1; }
        .node-image { position:relative; display:grid; width:200px; height:200px; place-items:center; flex:0 0 auto; border:2px solid rgba(190,139,78,.55); border-radius:50%; background:rgba(255,253,248,.5); transition:transform .25s,box-shadow .25s; }
        .node-image::before { content:""; position:absolute; inset:10px; border:1px solid rgba(190,139,78,.55); border-radius:50%; background:repeating-conic-gradient(from 0deg,transparent 0 26deg,rgba(190,139,78,.35) 27deg 28deg,transparent 29deg 45deg); opacity:.9; }
        .node-image::after { content:""; position:absolute; inset:24px; border:1px solid rgba(190,139,78,.45); border-radius:50%; }
        .node-image img { position:relative; z-index:1; width:82%; height:82%; object-fit:contain; filter:drop-shadow(0 7px 7px rgba(93,54,21,.18)); transition:transform .25s; }
        .node-image:hover { transform:translateY(-5px); box-shadow:0 11px 24px rgba(132,86,43,.16); }
        .node-image:hover img { transform:scale(1.05); }
        .node-copy { position:relative; min-width:150px; }
        .node-copy::before { content:""; position:absolute; top:17px; width:14px; height:14px; border-radius:50%; background:#ad6228; box-shadow:0 0 0 4px rgba(255,250,242,.9); }
        .node-copy h3 { color:#7f1c13; font-family:Georgia,"Songti SC",SimSun,serif; font-size:27px; letter-spacing:4px; line-height:1.2; }
        .node-copy p { margin-top:9px; color:#625851; font-family:"KaiTi",STKaiti,serif; font-size:15px; line-height:1.85; letter-spacing:1px; white-space:nowrap; }
        .node-copy a { display:inline-block; margin-top:7px; color:#aa622b; font-size:12px; transition:color .2s; }
        .node-copy a:hover { color:var(--red); }
        .agriculture { top:42px; left:8%; }
        .agriculture .node-copy::before,.science .node-copy::before { left:-31px; }
        .clothing { top:205px; left:50%; }
        .clothing .node-copy::before,.vessels .node-copy::before,.medicine .node-copy::before { left:-31px; }
        .vessels { top:402px; right:2%; }
        .science { top:432px; left:4%; flex-direction:row-reverse; text-align:right; }
        .science .node-copy::before { right:-31px; left:auto; }
        .writing { top:641px; left:36%; }
        .writing .node-copy::before { left:-31px; }
        .medicine { top:700px; right:4%; }
        @media(max-width:1050px) {
          .culture-path { height:1110px; }
          .culture-node { width:330px; gap:15px; }.node-image { width:175px; height:175px; }.node-copy h3{font-size:23px}.node-copy p{font-size:13px;}
          .agriculture{left:1%}.clothing{left:51%}.vessels{right:-3%}.science{left:0;top:490px}.writing{top:750px;left:28%}.medicine{top:867px;right:0;}
        }
        @media(max-width:768px) {
          .culture-section { padding:40px 0; }.culture-intro h2 { font-size:31px; letter-spacing:5px; }.culture-intro h2::before,.culture-intro h2::after { display:none; }.culture-subtitle{font-size:14px;letter-spacing:3px}.culture-summary{padding:0 8px;}
          .culture-path { display:grid; height:auto; gap:28px; margin-top:32px; overflow:visible; }.culture-route{display:none;}
          .culture-node,.agriculture,.clothing,.vessels,.science,.writing,.medicine { position:relative; top:auto; right:auto; bottom:auto; left:auto; width:100%; max-width:470px; margin:0 auto; justify-content:center; }
          .science { flex-direction:row; text-align:left; }.node-copy::before,.agriculture .node-copy::before,.science .node-copy::before,.clothing .node-copy::before,.vessels .node-copy::before,.writing .node-copy::before,.medicine .node-copy::before { left:-24px; right:auto; width:11px; height:11px; }
          .node-image { width:145px; height:145px; }.node-copy h3 { font-size:23px; }.node-copy p { font-size:13px; }
        }
        @media(max-width:440px) { .culture-intro h2{font-size:26px;letter-spacing:3px}.culture-subtitle{font-size:12px;letter-spacing:2px}.culture-node{gap:12px}.node-image{width:122px;height:122px}.node-copy h3{font-size:20px}.node-copy p{font-size:12px;line-height:1.7}.node-copy::before{display:none;} }

        /* 人文始祖介绍 */
        .emperor-intro { position:relative; overflow:hidden; background:#f7f0e3; }
        .emperor-intro::before { content:""; position:absolute; top:0; right:0; left:0; height:82px; opacity:.33; background:linear-gradient(90deg,rgba(247,240,227,.96),rgba(247,240,227,.5),rgba(247,240,227,.96)),url("../images/4.png") center top/auto 124px repeat-x; }
        .emperor-intro-inner { position:relative; display:grid; grid-template-columns:250px minmax(0,1fr); align-items:center; gap:62px; max-width:1040px; min-height:330px; margin:0 auto; padding:42px 42px 38px; }
        .emperor-portrait { position:relative; align-self:stretch; min-height:250px; overflow:hidden; filter:drop-shadow(0 9px 7px rgba(111,76,28,.23)); }
        .emperor-portrait::after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 49% 59%,transparent 17%,rgba(247,240,227,.05) 34%,rgba(247,240,227,.98) 74%); pointer-events:none; }
        .emperor-portrait img { position:absolute; top:0; left:50%; width:auto; height:100%; max-width:none; transform:translateX(-52%); }
        .emperor-copy { max-width:690px; color:#9d6c30; }
        .emperor-kicker { color:#b48242; font-size:13px; letter-spacing:5px; }
        .emperor-copy h2 { margin:5px 0 17px; color:#9b5a16; font-family:Georgia,"Songti SC","STSong",SimSun,serif; font-size:25px; letter-spacing:8px; }
        .emperor-copy h2::after { content:""; display:block; width:38px; height:2px; margin-top:12px; background:#c18a43; }
        .emperor-copy p { margin-top:9px; color:#a76e2e; font-family:"KaiTi",STKaiti,"Microsoft YaHei",serif; font-size:13px; line-height:2.05; letter-spacing:.55px; text-align:justify; }
        .emperor-more { display:inline-block; margin-top:15px; padding-bottom:4px; border-bottom:1px solid rgba(160,100,30,.55); color:#9b5a16; font-size:12px; letter-spacing:1px; transition:color .2s,border-color .2s; }
        .emperor-more:hover { color:var(--red); border-color:var(--red); }
        @media(max-width:768px) {
          .emperor-intro-inner { grid-template-columns:1fr; gap:4px; min-height:0; padding:36px 28px 38px; }
          .emperor-portrait { width:190px; height:198px; min-height:0; margin:0 auto; }
          .emperor-copy { text-align:center; }
          .emperor-copy h2::after { margin-right:auto; margin-left:auto; }
          .emperor-copy p { text-align:left; font-size:12px; }
        }