/* 仙羚语个人数字生命美学馆 · V5 独立高清素材接入
 * 所有视觉内容使用 Codex 重制的独立素材（assets/generated/），不再引用 reference.png。
 * 桌面（≥1024px）保留 V4 确认稿几何关系；≤1023px 独立重排（含 768 平板、390/375 手机）。
 */

:root{
  --ink:#2a2850;
  --gold:#b98b4b;
  --gold-soft:#d4ad78;
  --serif:"Songti SC","STSong",serif;
  --sans:"PingFang SC","Microsoft YaHei",sans-serif;
  --page-bg:#f6effb;
}

*{box-sizing:border-box}
html{scrollbar-gutter:stable}
html,body{margin:0;padding:0}
body{background:var(--page-bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #a97d36;outline-offset:4px}

.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:#fff;color:var(--ink);padding:10px 16px;border-radius:0 0 8px 0}
.skip-link:focus{left:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* 可见主导航：手机首页（logo 栏下方）与六子页顶部复用，可自然换行，桌面子页同样显示 */
.m-nav{display:flex;flex-wrap:wrap;gap:8px 10px;padding:12px 18px;border-bottom:1px solid #e6dcef;background:#f3ecf9}
.m-nav a{white-space:nowrap;font-family:var(--sans);font-size:14px;letter-spacing:1px;color:#3b3666;padding:9px 14px;border-radius:20px;min-height:40px;display:inline-flex;align-items:center}
.m-nav a.active{color:#8a5a2b;background:#ece0f4;font-weight:600}

/* ============ 共享抽屉 ============ */
.scrim{position:fixed;inset:0;background:#2d204e66;z-index:90}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(86vw,340px);background:#fcf8fe;color:var(--ink);z-index:100;
  transform:translateX(100%);transition:transform .25s ease;box-shadow:-12px 0 40px #2d204e22;display:flex;flex-direction:column;padding:20px 18px}
.drawer[aria-hidden="false"]{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.drawer-title{font-family:var(--serif);font-size:21px;letter-spacing:2px;color:#302c53}
.drawer-close{border:0;background:none;font-size:28px;line-height:1;color:#6c5189;padding:0 6px}
.drawer-nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.drawer-nav a{display:flex;align-items:baseline;gap:12px;padding:13px 12px;border-radius:10px;font-size:17px;letter-spacing:1px;transition:background .15s}
.drawer-nav a .idx{font-size:13px;color:var(--gold);font-family:var(--sans)}
.drawer-nav a:hover,.drawer-nav a.active{background:#efe6f6}
.drawer-note{margin-top:auto;font-family:var(--sans);font-size:12.5px;line-height:1.8;color:#776a83}

/* ============ 共享对话框 ============ */
.dialog{border:1px solid #d2bedb;border-radius:14px;background:#fcf8fe;color:#302c53;padding:30px 30px 24px;max-width:560px;width:calc(100% - 40px);font-family:var(--sans)}
.dialog::backdrop{background:#2d204e66}
.dialog h2{font-family:var(--serif);font-size:26px;font-weight:500;margin:0 0 12px;letter-spacing:1px}
.dialog p{font-size:15px;line-height:1.95;color:#69627e;margin:0}
.dialog .close{float:right;border:0;padding:0 6px;font-size:24px;line-height:1;color:#6c5189;background:none}
.dialog .done{margin-top:20px;padding:9px 22px;border:1px solid #b6915a;background:none;color:var(--ink);border-radius:8px;font-size:15px}

/* ============ 桌面首页画板（V4 几何） ============ */
.home-scale{position:relative;width:100%;overflow:hidden}
.home-board{position:absolute;top:0;left:50%;width:1536px;height:1024px;transform:translateX(-50%) scale(var(--scale,1));transform-origin:top center}

/* 顶部（V4：72） */
.home-board header{position:absolute;top:0;left:0;width:1536px;height:72px;background:linear-gradient(90deg,#e9def1,#d7d5ee 65%,#a3b2d8);display:flex;align-items:center}
.brand{position:absolute;left:32px;top:11px;display:flex;align-items:center;gap:12px}
.brand .logo{height:50px;width:auto}
.brand-text b{font-family:var(--serif);font-size:22px;letter-spacing:2px;color:#3b3666;display:block;line-height:1.15}
.brand-text small{font-family:var(--sans);font-size:10px;letter-spacing:1px;color:#5a5470;display:block}
.brand-text .en{font-family:var(--sans);font-size:9px;letter-spacing:1px;color:#8a5a2b;display:block;text-transform:uppercase}
.home-board nav{position:absolute;left:420px;right:170px;top:17px;display:flex;gap:24px;height:55px;align-items:flex-start;justify-content:space-between}
.home-board nav a{white-space:nowrap;font-size:16px;letter-spacing:1px;padding:5px 2px 20px;position:relative;color:#3b3666}
.home-board nav a.active:after{content:"";position:absolute;height:1px;bottom:0;left:0;right:0;background:#b99150}
.home-board nav a.active{color:#8a5a2b}
.tools{position:absolute;right:29px;top:21px;display:flex;gap:31px}
.tools button{border:0;background:none;width:28px;height:30px;color:#fff}
.tools svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.3}

/* 主视觉（V4：72–564） */
.hero{position:absolute;top:72px;left:0;width:1536px;height:492px;background:var(--img-hero) center/cover no-repeat;overflow:hidden}
.hero-title{position:absolute;left:132px;top:60px;width:740px;margin:0}
.hero-title img{width:100%;height:auto}
.hero-sub{position:absolute;left:280px;top:165px;font-family:var(--serif);font-size:21px;letter-spacing:4px;color:#2a2850;margin:0}
.hero-sign{position:absolute;left:330px;top:218px;width:308px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:"Kaiti SC","STKaiti","KaiTi",serif;font-weight:600;font-size:20px;letter-spacing:3px;color:#8d662e;margin:0}
.hero-sign:before,.hero-sign:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#d4ad78)}
.hero-sign:after{background:linear-gradient(90deg,#d4ad78,transparent)}
.hero-en{position:absolute;left:330px;top:261px;width:308px;text-align:center;font-family:var(--sans);font-size:9px;letter-spacing:1px;color:#6c5189;text-transform:uppercase;margin:0;white-space:nowrap}
.film{position:absolute;left:397px;top:301px;display:inline-flex;align-items:center;gap:10px;border:1px solid #b6915a;border-radius:30px;background:transparent;color:#6c5189;font-size:15px;letter-spacing:1px;padding:7px 18px}
.film .play{width:22px;height:22px;border-radius:50%;border:1px solid #b6915a;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.film .play:before{content:"";border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #b6915a;margin-left:2px}
.film:hover{background:#fffdf7cc;box-shadow:0 0 0 2px #c69e6199}
.hero-fade{position:absolute;left:0;bottom:0;width:100%;height:34px;pointer-events:none;background:linear-gradient(to top,rgba(251,247,253,.92),rgba(251,247,253,0));border-bottom-left-radius:0}

/* 四品牌领域（V4：564–901） */
.worlds{position:absolute;top:564px;left:0;width:1536px;height:337px;background:radial-gradient(ellipse at center,#f5eef9 0%,#f7f0fa 52%,#eee7f7 100%)}
.world-heading{position:absolute;top:3px;left:0;width:100%;text-align:center}
.world-heading h2{display:flex;align-items:center;justify-content:center;gap:25px;font-weight:600;font-size:30px;letter-spacing:5px;line-height:46px;margin:0;color:#3b3666}
.world-heading h2:before,.world-heading h2:after{content:"";height:1px;width:137px;background:linear-gradient(90deg,transparent,#d4ad78,transparent)}
.world-heading p{margin:0;font-family:var(--serif);font-size:16px;letter-spacing:2px;line-height:28px;color:#8d662e}
.cards{position:absolute;top:92px;left:112px;right:106px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.card{position:relative;height:245px;border-radius:51px;overflow:hidden;background:linear-gradient(180deg,#727594 35%,#9790a8 76%,#eadde1 100%);border:1px solid #fff5;isolation:isolate}
.card .art{position:absolute;inset:0;overflow:hidden}
.card .art img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}
.card .art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,transparent 65%,rgba(63,48,90,.60) 78%,rgba(91,74,118,.80) 100%)}
.card h3{position:absolute;left:121px;top:171px;margin:0;color:#fff9f6;font-size:25px;letter-spacing:2px;font-weight:500;line-height:34px;white-space:nowrap}
.card p{position:absolute;left:121px;top:209px;margin:0;color:#fffbf9;font-size:15px;letter-spacing:1px;line-height:23px;white-space:nowrap}
.card:nth-child(2) h3,.card:nth-child(2) p{left:112px}
.card:nth-child(3) h3,.card:nth-child(3) p{left:109px}
.card:nth-child(4) h3,.card:nth-child(4) p{left:111px}
.symbol{position:absolute;width:34px;height:34px;top:170px;left:50px;stroke:#edce8f;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.round-arrow{position:absolute;left:60px;bottom:9px;width:24px;height:24px;border:1px solid #f6eaca;border-radius:50%;color:#fff7dc;font-size:20px;line-height:20px;text-align:center;font-family:serif;font-weight:300}
.card:hover{box-shadow:0 0 0 2px #c69e6199}

/* 页脚（V4：901–1024） */
.home-footer{position:absolute;top:901px;left:0;width:1536px;height:123px;display:flex;align-items:center;justify-content:space-between;padding:0 70px 0 120px;background:linear-gradient(90deg,#efe6f7,#f6f0fa 55%,#e7ddf0)}
.f-left{display:flex;align-items:center;gap:18px}
.f-logo{height:46px;width:auto}
.f-poem{font-family:var(--serif);font-size:18px;line-height:1.7;letter-spacing:1px;color:#3b3666}
.f-right{text-align:right}
.f-brand{font-family:var(--serif);font-size:16px;letter-spacing:2px;color:#5a5470;margin-bottom:12px}
.f-socials{display:flex;gap:14px;justify-content:flex-end}
.f-socials button{width:36px;height:36px;border:1px solid #cdb7e0;background:#fff;border-radius:10px;color:#6c5189;display:flex;align-items:center;justify-content:center}
.f-socials svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}

/* ============ 移动端首页（独立重排，≤1023） ============ */
.home-mobile{display:none}
@media (max-width:1023px){
  .home-scale{display:none}
  .home-mobile{display:block}

  .m-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;
    background:linear-gradient(90deg,#e9def1,#d7d5ee 65%,#a3b2d8);position:sticky;top:0;z-index:30}
  .m-brand{display:flex;align-items:center;gap:10px;color:#3b3666}
  .m-brand .logo{height:42px;width:auto}
  .m-brand b{font-family:var(--serif);font-size:19px;letter-spacing:2px;font-weight:600;display:block;line-height:1.15}
  .m-brand small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:1px;color:#5a5470}
  .m-menu{border:0;background:none;width:34px;height:34px;color:#3b3666;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center}

  .m-hero{padding:18px 18px 4px}
  .m-kicker{font-family:var(--sans);font-size:12px;letter-spacing:2px;color:#8a5a2b;margin:0 0 10px}
  .m-hero-img{width:100%;height:auto;display:block;border-radius:14px;margin-bottom:14px}
  .m-title{margin:0 0 12px}
  .m-title img{display:block;max-width:218px;width:100%;height:auto;margin:0 auto 8px}
  .m-sub{font-family:var(--sans);font-size:14px;line-height:1.7;color:#5a5470;margin:0 0 14px;text-align:center}
  .m-sign{font-family:"Kaiti SC","STKaiti","KaiTi",serif;font-weight:600;font-size:18px;letter-spacing:3px;color:#8d662e;text-align:center;margin:0 0 12px}
  .m-film{display:inline-flex;align-items:center;gap:8px;border:1px solid #b6915a;background:#fff;color:#6c5189;border-radius:30px;padding:11px 20px;font-size:15px;min-height:44px;margin:0 auto;display:flex;width:fit-content}

  .m-worlds{padding:26px 18px 8px}
  .m-worlds h2{font-family:var(--serif);font-weight:600;font-size:23px;letter-spacing:4px;text-align:center;margin:0 0 6px;color:#3b3666;display:flex;align-items:center;justify-content:center;gap:14px}
  .m-worlds h2:before,.m-worlds h2:after{content:"";height:1px;width:38px;background:linear-gradient(90deg,transparent,#d4ad78,transparent)}
  .m-worlds .lead{font-family:var(--serif);font-size:13px;line-height:1.8;text-align:center;color:#8d662e;margin:0 0 18px}
  .m-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .m-card{position:relative;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#727594 30%,#9790a8 76%,#eadde1 100%);border:1px solid #fff5}
  .m-card .art{display:block;width:100%;aspect-ratio:3/2;position:relative;overflow:hidden}
  .m-card .art img{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}
  .m-card .txt{position:relative;padding:12px 14px 44px;background:linear-gradient(180deg,rgba(45,40,70,0),rgba(45,40,70,.42))}
  .m-card h3{margin:0;color:#fff9f6;font-size:20px;letter-spacing:1px;font-weight:500;line-height:1.3}
  .m-card p{margin:3px 0 0;color:#fffbf9;font-size:12px;letter-spacing:.5px}
  .m-card .sym{position:absolute;left:14px;right:auto;bottom:12px;width:24px;height:24px;stroke:#edce8f;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

  .m-footer{padding:26px 18px 34px}
  .m-footer-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}
  .m-footer-top .logo{height:40px;width:auto}
  .m-poem{font-family:var(--serif);font-size:18px;line-height:1.9;letter-spacing:1px;color:#3b3666;margin:0 0 14px}
  .m-brand-line{font-family:var(--serif);font-size:14px;letter-spacing:2px;color:#5a5470;margin-bottom:14px}
  .m-socials{display:flex;gap:14px}
  .m-socials button{flex:1;border:1px solid #cdb7e0;background:#fff;border-radius:12px;padding:12px 0;font-family:var(--sans);font-size:13px;color:#6c5189;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px}
  .m-disclosure{margin-top:22px;font-family:var(--sans);font-size:11.5px;line-height:1.8;color:#8b8095;border-top:1px solid #e6dcef;padding-top:14px}
}

/* ============ 子页（六空间独立路由） ============ */
.space{background:#faf7fd;min-height:100vh}
.space-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;background:#f3ecf9ee;backdrop-filter:blur(6px);border-bottom:1px solid #e6dcef}
.space-topbar .sb-brand{display:flex;align-items:center;gap:10px;color:#3b3666}
.space-topbar .logo{height:40px;width:auto}
.space-topbar .sb-brand b{font-family:var(--serif);font-size:18px;letter-spacing:2px;font-weight:600}
.space-topbar .sb-actions{display:flex;align-items:center;gap:10px}
.sb-back{border:1px solid #cdb7e0;background:#fff;border-radius:20px;padding:7px 16px;font-size:14px;color:#6c5189;min-height:40px}
.sb-menu{border:0;background:none;width:34px;height:34px;color:#3b3666;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}

.space-wrap{max-width:920px;margin:0 auto;padding:34px 22px 60px}
.space-index{font-family:var(--sans);font-size:13px;letter-spacing:3px;color:var(--gold)}
.space-kicker{font-family:var(--sans);font-size:13px;letter-spacing:2px;color:#8a5a2b;margin:6px 0 0}
.space-headline{font-family:var(--serif);font-weight:600;font-size:clamp(26px,5vw,40px);line-height:1.3;letter-spacing:2px;margin:10px 0 0;color:#2a2850}
.space-lead{font-family:var(--sans);font-size:16px;line-height:1.9;color:#5a5470;margin:14px 0 0;max-width:680px}
.space-intro{margin:26px 0 0}
.space-intro p{font-family:var(--sans);font-size:15.5px;line-height:2;color:#4a4560;margin:0 0 14px;max-width:700px}
.space-quote{margin:28px 0;padding:20px 24px;border-left:3px solid var(--gold-soft);background:#f5eef9;font-family:var(--serif);font-size:19px;line-height:1.8;letter-spacing:1px;color:#4a4560;border-radius:0 12px 12px 0}
.space-section-title{font-family:var(--serif);font-size:22px;letter-spacing:2px;color:#3b3666;margin:34px 0 14px;display:flex;align-items:center;gap:14px}
.space-section-title:before{content:"";width:30px;height:1px;background:linear-gradient(90deg,#d4ad78,transparent)}
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.dir{border:1px solid #e6dcef;background:#fff;border-radius:14px;padding:16px 18px}
.dir h4{margin:0 0 6px;font-family:var(--serif);font-size:17px;letter-spacing:1px;color:#3b3666}
.dir p{margin:0;font-family:var(--sans);font-size:13.5px;line-height:1.7;color:#6a6480}
.status{margin:30px 0;padding:22px 24px;border:1px dashed #cdb7e0;border-radius:16px;background:#fbf6ff}
.status .label{display:inline-block;font-family:var(--sans);font-size:12px;letter-spacing:1px;color:#fff;background:#b6915a;padding:4px 12px;border-radius:20px;margin-bottom:10px}
.status h3{font-family:var(--serif);font-size:20px;letter-spacing:1px;color:#3b3666;margin:0 0 8px}
.status p{font-family:var(--sans);font-size:14.5px;line-height:1.9;color:#5a5470;margin:0 0 12px;max-width:680px}
.status ul{margin:0;padding-left:20px}
.status li{font-family:var(--sans);font-size:13.5px;line-height:1.9;color:#6a6480}
.space-nav{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 0}
.space-nav a{border:1px solid #cdb7e0;background:#fff;border-radius:24px;padding:10px 18px;font-size:14px;color:#6c5189;min-height:44px;display:inline-flex;align-items:center}
.space-nav a.home{border-color:#b6915a;color:#8a5a2b}
.space-footer{max-width:920px;margin:0 auto;padding:24px 22px 50px;border-top:1px solid #e6dcef;font-family:var(--sans);font-size:12.5px;line-height:1.8;color:#8b8095}
.space-footer b{font-family:var(--serif);color:#6c5189;font-size:14px}

.notfound{max-width:680px;margin:0 auto;padding:80px 24px;text-align:center}
.notfound h1{font-family:var(--serif);font-size:30px;letter-spacing:2px;color:#3b3666}
.notfound p{font-family:var(--sans);color:#6a6480;line-height:1.9}
.notfound a{color:#8a5a2b;border-bottom:1px solid #d4ad78}

/* ============ 走近仙羚语（#/about）真实介绍页 ============ */
.about-wrap{max-width:820px;margin:0 auto;padding:30px 22px 56px}
.about-hero{margin:0 0 26px}
.about-hero img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 10px 34px #2d204e1f}
.about-h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,5vw,40px);letter-spacing:2px;line-height:1.3;color:#2a2850;margin:0 0 16px}
.about-page-title{font-family:var(--serif);font-size:14px;letter-spacing:2px;color:#8d662e;margin:0 0 8px}
.about-roles{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.about-roles li{font-family:var(--sans);font-size:13.5px;letter-spacing:1px;color:#8a5a2b;border:1px solid #d9c39a;background:#fbf4e9;border-radius:18px;padding:7px 15px}
.about-intro p,.about-block p{font-family:var(--serif);font-size:16.5px;line-height:1.95;color:#3f3a55;margin:0 0 14px;max-width:680px}
.about-quote{margin:22px 0;padding:18px 22px;border-left:3px solid #b6915a;background:#f5eef9;font-family:var(--serif);font-size:18px;line-height:1.85;letter-spacing:1px;color:#4a4560;border-radius:0 12px 12px 0}
.about-after{font-family:var(--sans);font-size:14px;line-height:1.9;color:#6a6480;margin:0 0 8px}
.about-block{margin:40px 0 0}
.about-h2{font-family:var(--serif);font-weight:600;font-size:25px;letter-spacing:2px;color:#8d662e;margin:0 0 18px;display:flex;align-items:center;gap:12px}
.about-h2:before{content:"";width:26px;height:2px;background:linear-gradient(90deg,#d4ad78,transparent)}
.about-row{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;margin:30px 0}
.about-row .a-img{order:2}
.about-row .a-txt{order:1}
.about-row.img-left .a-img{order:1}
.about-row.img-left .a-txt{order:2}
.about-row .a-img img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 8px 30px #2d204e1a}
.world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.about-world{display:block;border:1px solid #e6dcef;background:#fff;border-radius:14px;padding:18px 20px;color:#4a4560;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.about-world:hover{border-color:#c69e61;box-shadow:0 0 0 2px #c69e6199}
.about-world h4{margin:0 0 8px;font-family:var(--serif);font-size:18px;letter-spacing:1px;color:#3b3666}
.about-world p{margin:0;font-family:var(--sans);font-size:13.5px;line-height:1.75;color:#6a6480}
.about-world .aw-arrow{display:inline-block;margin-top:10px;color:#b6915a;font-size:18px}
.about-sign{font-family:var(--serif);font-size:17px;letter-spacing:1px;color:#6c5189;margin:0 0 16px}
.about-cta{display:inline-flex;align-items:center;gap:8px;border:1px solid #b6915a;background:#fff;color:#6c5189;border-radius:30px;padding:11px 22px;font-family:var(--sans);font-size:15px;min-height:44px}
.about-cta:hover{background:#fffdf7cc;box-shadow:0 0 0 2px #c69e6199}
.about-footer{max-width:820px;margin:0 auto;padding:22px 22px 46px;border-top:1px solid #e6dcef;font-family:var(--sans);font-size:12.5px;line-height:1.8;color:#8b8095}
.about-footer b{font-family:var(--serif);color:#6c5189;font-size:14px}
@media (max-width:1023px){
  .about-row{grid-template-columns:1fr;gap:18px}
  .about-row .a-img,.about-row.img-left .a-img{order:2}
  .about-row .a-txt,.about-row.img-left .a-txt{order:1}
  .world-grid{grid-template-columns:1fr}
}

/* ============ 灵凰鼓语（#/drum）真实往期页 ============ */
.drum-tagline{font-family:var(--serif);font-size:18px;letter-spacing:2px;color:#8d662e;margin:0 0 18px}
.drum-note{font-family:var(--sans);font-size:13.5px;line-height:1.8;color:#6a6480;margin:0 0 18px}
.drum-gallery{display:block;column-count:3;column-gap:14px;margin:22px 0}
.drum-photo{display:inline-block;width:100%;height:auto;break-inside:avoid;margin:0 0 14px;vertical-align:top;overflow:hidden;border-radius:14px;border:1px solid #e6dcef;background:#fff}
.drum-photo img{width:100%;height:auto;display:block}
.drum-cap{display:block;font-family:var(--sans);font-size:12.5px;color:#6c5189;padding:8px 10px;text-align:center;background:#faf6ff}
.drum-status{display:inline-block;margin-top:10px;font-family:var(--sans);font-size:12px;color:#8a5a2b;background:#fbf4e9;border:1px solid #d9c39a;border-radius:14px;padding:4px 12px}
.drum-audio-meta{font-family:var(--sans);font-size:13px;line-height:1.7;color:#6a6480;margin:6px 0 0}
.drum-audio{display:block;width:100%;min-width:0;max-width:100%;margin-top:12px}
@media (max-width:1023px){ .drum-gallery{column-count:2} }
@media (max-width:600px){ .drum-gallery{column-count:1} }

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}