/* ════════════════════════════════════════════════════════════
   荷鲁斯之屋 · HOUSE 30 — 官网样式
   配色取自古埃及：鎏金 / 青金石 / 绿松石 / 红玉髓 / 莎草纸
   ════════════════════════════════════════════════════════════ */

:root{
  --void:#070502;
  --bg:#0B0805;
  --stone:#171208;
  --stone-2:#1E1710;

  --gold:#C9A227;
  --gold-lt:#F0D98A;
  --gold-dk:#7E601A;
  --lapis:#2A4F94;
  --turq:#2E9E96;
  --carnelian:#A8362A;

  --ink:#E9DFC6;          /* 莎草纸白 */
  --sand:#B9A67F;
  --muted:#8C7D5E;
  --line:rgba(201,162,39,.22);

  --rail:92px;            /* 两侧铭文柱宽度 */
  --maxw:1180px;
  --pad:clamp(16px,4vw,40px);

  --font-d:"Cinzel","Trajan Pro",Georgia,"Times New Roman","Songti SC",STSong,serif;
  --font-s:"Cormorant Garamond",Georgia,"Songti SC",STSong,serif;
  --font-b:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Noto Sans CJK SC",system-ui,"Segoe UI",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

body{
  margin:0;
  padding-inline:var(--rail);
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-b);
  font-size:16px;
  line-height:1.85;
  overflow-x:hidden;
}

/* 背景：日轮辉光 + 青金石冷雾 + 红玉髓暖角 */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(1100px 640px at 50% -8%, rgba(201,162,39,.14), transparent 62%),
    radial-gradient(900px 720px at 90% 32%, rgba(42,79,148,.11), transparent 60%),
    radial-gradient(820px 620px at 4% 74%, rgba(168,54,42,.08), transparent 60%),
    linear-gradient(180deg,#0B0805 0%,#120D07 46%,#090603 100%);
}
/* 砂岩颗粒 */
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
}

img{max-width:100%;display:block}

::selection{background:rgba(201,162,39,.3);color:#FFF3CE}

/* ── 字形通用 ───────────────────────────────── */
.glyph-defs{position:absolute;width:0;height:0;overflow:hidden}
.glyph{width:1em;height:1em;display:inline-block;fill:currentColor;color:var(--gold);vertical-align:middle;flex:none}

/* ── 双语切换 ───────────────────────────────── */
.en{display:none}
html[data-lang="en"] .zh{display:none}
html[data-lang="en"] .en{display:revert}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--gold);color:#140E04;padding:10px 18px}
.skip:focus{left:var(--rail)}

/* ════════════ 两侧铭文石柱 ════════════ */
.rail{position:fixed;top:0;bottom:0;width:var(--rail);z-index:6;pointer-events:none;overflow:hidden}
.rail--left{left:0}
.rail--right{right:0}

/* 柱面用的是真实石灰岩浮雕（大都会博物馆 CC0，见 README），
   压在暗化渐变之下，只在柱心透出一点石头的凿痕 */
.rail__band{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(6,4,2,.94) 0%, rgba(20,15,8,.74) 22%, rgba(26,20,11,.66) 50%, rgba(20,15,8,.74) 78%, rgba(6,4,2,.94) 100%),
    repeating-linear-gradient(180deg, rgba(0,0,0,.2) 0 1px, transparent 1px 62px),
    url("../img/relief-rail.jpg") center top/cover no-repeat,
    linear-gradient(180deg,#1A1409,#221A0E);
  box-shadow:inset 0 0 60px rgba(0,0,0,.85);
  transform:translate3d(0,var(--par,0px),0);
  will-change:transform;
}
.rail--left .rail__band{border-right:1px solid rgba(201,162,39,.26)}
.rail--right .rail__band{border-left:1px solid rgba(201,162,39,.26)}

/* 柱内凿刻凹槽的高光边 */
.rail__band::before,.rail__band::after{
  content:"";position:absolute;top:0;bottom:0;width:1px;background:rgba(201,162,39,.14);
}
.rail__band::before{left:9px}
.rail__band::after{right:9px}

/* 铭文按真实圣书体的「方格」(quadrat) 密排：
   高符号独占一格，扁符号上下两叠，小符号并排 —— 这才读得出是「写」的，不是一列图标。
   扁符号用负 margin 收掉 viewBox 上下的空白，否则整列会显得又稀又散。 */
.rail{--gt:34px;--gw:40px;--gs:21px;--gwm:-10.5px;--qw:44px;--qgap:7px}

.rail__track{
  position:absolute;left:0;right:0;top:0;
  display:flex;flex-direction:column;align-items:center;gap:var(--qgap);
  animation:railflow 170s linear infinite;
  will-change:transform;
}
.rail--right .rail__track{animation-direction:reverse}
@keyframes railflow{from{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--cycle,50%)))}}

.rail__q{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;width:var(--qw)}
.rail__q--row{flex-direction:row;gap:5px}
.rail__row{display:flex;align-items:center;justify-content:center;gap:5px}

.rail .glyph{
  color:rgba(201,162,39,.6);
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.95)) drop-shadow(0 -1px 0 rgba(240,217,138,.08));
}
.rail .g--tall{width:var(--gt);height:var(--gt)}
.rail .g--wide{width:var(--gw);height:var(--gw);margin-block:var(--gwm)}
.rail .g--sm{width:var(--gs);height:var(--gs)}

/* 柱中偶尔出现的王名圈 */
.rail__cart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  width:calc(var(--qw) * .78);padding:7px 0 5px;margin:3px 0;
  border:2px solid rgba(201,162,39,.5);border-radius:999px}
.rail__cart::after{content:"";display:block;width:56%;height:2px;
  background:rgba(201,162,39,.5);margin-top:5px}

/* 章节之间的凿刻横线 */
.rail__div{display:block;width:70%;height:1px;background:rgba(201,162,39,.26);margin:5px 0}

/* ════════════ 导航 ════════════ */
.nav{
  position:fixed;top:0;left:var(--rail);right:var(--rail);z-index:20;
  display:flex;align-items:center;gap:clamp(12px,2vw,28px);
  padding:16px var(--pad);
  background:linear-gradient(180deg,rgba(9,7,4,.94) 0%,rgba(9,7,4,.6) 62%,transparent 100%);
  transition:padding .35s ease, background .35s ease, border-color .35s ease;
  border-bottom:1px solid transparent;
}
.nav.is-stuck{
  background:rgba(9,7,4,.95);
  border-bottom-color:var(--line);
  padding-block:10px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.nav__brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;flex:none}
.nav__mark{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(201,162,39,.35));transition:transform .5s}
.nav__brand:hover .nav__mark{transform:translateY(-2px) scale(1.06)}
.nav__name{display:flex;flex-direction:column;line-height:1.2}
.nav__name b{font-family:var(--font-d);font-size:15px;font-weight:700;letter-spacing:.2em;color:var(--gold-lt)}
.nav__name i{font-style:normal;font-size:10.5px;letter-spacing:.34em;color:var(--muted)}

.nav__links{margin-left:auto;display:flex;align-items:center;gap:clamp(14px,2.2vw,30px)}
.nav__links a{
  position:relative;text-decoration:none;color:var(--sand);
  font-size:13.5px;letter-spacing:.18em;padding:6px 2px;white-space:nowrap;transition:color .3s;
}
.nav__links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold);transition:right .4s cubic-bezier(.2,.7,.2,1)}
.nav__links a:hover,.nav__links a.is-active{color:var(--gold-lt)}
.nav__links a:hover::after,.nav__links a.is-active::after{right:0}

.lang{
  flex:none;background:transparent;border:1px solid rgba(201,162,39,.32);color:var(--gold);
  font-family:var(--font-d);font-size:11.5px;letter-spacing:.2em;padding:7px 13px;cursor:pointer;
  transition:.3s;
}
.lang:hover{background:rgba(201,162,39,.14);color:var(--gold-lt);border-color:var(--gold)}

.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:36px;
  background:none;border:1px solid rgba(201,162,39,.3);cursor:pointer;flex:none}
.burger span{display:block;width:20px;height:1.5px;background:var(--gold);margin:0 auto;transition:.3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ════════════ 序章 HERO ════════════ */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;
  padding:130px 0 100px;overflow:hidden}

/* 首屏四周的浮雕底纹：中央用遮罩挖空，不压住 logo 和标题 */
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url("../img/relief-hero.jpg") center/cover no-repeat;
  opacity:.17;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 42%,transparent 28%,#000 90%);
  mask-image:radial-gradient(ellipse 70% 60% at 50% 42%,transparent 28%,#000 90%);
}

/* 日轮光芒：锥形渐变的圆心必须落在 logo 上，否则会出现一道硬边楔形 */
.hero__rays{
  position:absolute;left:50%;top:32%;width:170vmax;height:170vmax;pointer-events:none;
  transform:translate(-50%,-50%);
  background:repeating-conic-gradient(from 0deg,
    rgba(201,162,39,0) 0deg 1deg,
    rgba(201,162,39,.05) 3.5deg,
    rgba(201,162,39,0) 6deg 9deg);
  -webkit-mask-image:radial-gradient(closest-side,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 22%,rgba(0,0,0,.16) 46%,transparent 68%);
  mask-image:radial-gradient(closest-side,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 22%,rgba(0,0,0,.16) 46%,transparent 68%);
  animation:rayspin 260s linear infinite;
}
@keyframes rayspin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}

.hero__dust{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.mote{position:absolute;bottom:-12px;width:2px;height:2px;border-radius:50%;
  background:rgba(240,217,138,.75);box-shadow:0 0 6px rgba(201,162,39,.6);
  animation:rise linear infinite}
@keyframes rise{
  0%{transform:translateY(0) translateX(0);opacity:0}
  12%{opacity:.9}
  88%{opacity:.5}
  100%{transform:translateY(-105vh) translateX(var(--dx,14px));opacity:0}
}

.hero__inner{position:relative;z-index:2;padding-inline:var(--pad);max-width:900px}

.hero__logo{
  width:clamp(140px,19vw,250px);height:auto;margin:0 auto;
  filter:drop-shadow(0 0 36px rgba(201,162,39,.34)) drop-shadow(0 0 100px rgba(201,162,39,.14));
  animation:breathe 8s ease-in-out infinite;
}
@keyframes breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}

.hero__eyebrow{font-family:var(--font-d);font-size:clamp(10px,1.3vw,12.5px);letter-spacing:.5em;
  color:var(--muted);margin:26px 0 6px;text-indent:.5em}

.hero__title{
  font-family:var(--font-d);font-weight:700;line-height:1;
  font-size:clamp(42px,9vw,126px);letter-spacing:.12em;margin:.06em 0 0;
  background:linear-gradient(180deg,#FDF3C6 0%,#E0BE55 34%,#9A7620 66%,#F2DE9B 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.7));
}
.hero__num{margin-left:.18em}

.hero__cn{font-size:clamp(13px,2.1vw,22px);letter-spacing:.62em;color:var(--sand);
  margin:.85em 0 0;text-indent:.62em}

.hero__glyphs{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,22px);margin:30px 0 6px}
.hero__glyphs .glyph{width:clamp(20px,2.6vw,29px);height:clamp(20px,2.6vw,29px);
  color:rgba(201,162,39,.62);filter:drop-shadow(0 0 10px rgba(201,162,39,.25))}

.hero__tag{max-width:46ch;margin:22px auto 0;color:#CBBE9C;font-family:var(--font-s);
  font-size:clamp(16px,2.1vw,21px);line-height:1.8}

.hero__cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:38px}

.scrollcue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;
  color:var(--muted);font-size:10.5px;letter-spacing:.36em;text-indent:.36em;
  animation:bob 3s ease-in-out infinite}
.scrollcue .glyph{width:20px;height:20px;color:rgba(201,162,39,.6)}
.scrollcue:hover{color:var(--gold-lt)}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,9px)}}

/* ── 按钮 ─────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:15px clamp(22px,3vw,34px);text-decoration:none;color:var(--gold-lt);
  font-family:var(--font-d);font-size:13px;letter-spacing:.22em;text-indent:.22em;
  border:1px solid rgba(201,162,39,.42);background:rgba(201,162,39,.05);
  clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);
  transition:background .35s,box-shadow .35s,border-color .35s,transform .35s;
}
.btn:hover{background:rgba(201,162,39,.15);border-color:var(--gold);
  box-shadow:0 0 30px rgba(201,162,39,.2);transform:translateY(-2px)}
.btn--gold{background:linear-gradient(180deg,#EDD07C,#B0871F);color:#1A1206;
  border-color:#EDD07C;font-weight:600}
.btn--gold:hover{background:linear-gradient(180deg,#F7E7AE,#CFA52B);
  box-shadow:0 0 38px rgba(201,162,39,.42)}

/* ════════════ 区块骨架 ════════════ */
.section{position:relative;max-width:var(--maxw);margin:0 auto;
  padding:clamp(72px,10vh,132px) var(--pad);scroll-margin-top:78px}
.section--alt::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);
  width:calc(100vw - 2 * var(--rail));z-index:-1;
  background:linear-gradient(180deg,transparent,rgba(26,20,10,.62) 9%,rgba(26,20,10,.62) 91%,transparent);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}

/* 带翼日轮饰带 */
.frieze{display:flex;justify-content:center;margin-bottom:clamp(28px,6vh,62px)}
.frieze__svg{width:min(560px,84%);height:auto;color:var(--gold);opacity:.72;
  filter:drop-shadow(0 3px 12px rgba(201,162,39,.24))}

.shead{text-align:center;margin-bottom:clamp(38px,6vh,72px)}
.shead__glyph{width:44px;height:44px;color:var(--gold);opacity:.9;margin-bottom:14px;
  filter:drop-shadow(0 0 16px rgba(201,162,39,.32))}
.eyebrow{font-family:var(--font-d);font-size:11.5px;letter-spacing:.44em;color:var(--muted);
  margin:0 0 12px;text-indent:.44em}
.h2{font-family:var(--font-d);font-weight:600;margin:0;
  font-size:clamp(26px,4.6vw,46px);letter-spacing:.16em;text-indent:.16em;
  color:var(--gold-lt);text-shadow:0 2px 0 rgba(0,0,0,.65),0 0 34px rgba(201,162,39,.18)}
.rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px auto 0;max-width:360px}
.rule i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}
.rule .glyph{width:22px;height:22px;opacity:.85}
.shead__sub{color:var(--muted);font-size:15px;margin:18px auto 0;max-width:54ch}

/* ════════════ 门扉之内 ════════════ */
.about{max-width:68ch;margin:0 auto}
.about__text p{color:#CCBF9F;margin:0 0 1.15em}
.about__text p:last-child{margin-bottom:0}
.about__text em{font-style:normal;color:var(--gold-lt)}
.lede{font-family:var(--font-s);font-size:clamp(18px,2.2vw,23px);line-height:1.75;color:var(--ink)!important;
  padding-left:18px;border-left:2px solid rgba(201,162,39,.45)}

/* 石碑 */
.stela{
  position:relative;
  background:linear-gradient(180deg,rgba(33,26,15,.92),rgba(17,13,8,.92));
  border:1px solid rgba(201,162,39,.28);
  border-radius:80px 80px 5px 5px;
  padding:clamp(26px,3vw,36px);
  box-shadow:inset 0 1px 0 rgba(240,217,138,.1),0 20px 46px rgba(0,0,0,.5);
}
.stela::before{content:"";position:absolute;inset:9px;pointer-events:none;
  border:1px solid rgba(201,162,39,.15);border-radius:72px 72px 3px 3px}
/* ════════════ 作品殿堂 ════════════ */
.works{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,30px)}

.work{padding:0;overflow:hidden;border-radius:44px 44px 4px 4px;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .5s}
.work::before{inset:8px;border-radius:38px 38px 2px 2px}
.work:hover{transform:translateY(-6px);border-color:rgba(201,162,39,.5);
  box-shadow:inset 0 1px 0 rgba(240,217,138,.12),0 26px 56px rgba(0,0,0,.6),0 0 40px rgba(201,162,39,.1)}

.work--feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.85fr) 1.15fr}
.work--feature .work__art{border-bottom:0;border-right:1px solid rgba(201,162,39,.18);min-height:230px}

.work__art{position:relative;display:grid;place-items:center;min-height:160px;
  background:
    radial-gradient(circle at 50% 46%,rgba(201,162,39,.14),transparent 66%),
    repeating-linear-gradient(45deg,rgba(201,162,39,.045) 0 2px,transparent 2px 10px);
  border-bottom:1px solid rgba(201,162,39,.18)}
.work__icon{width:clamp(52px,7vw,72px);height:clamp(52px,7vw,72px);opacity:.85;
  filter:drop-shadow(0 0 22px rgba(201,162,39,.3));transition:transform .6s}
.work:hover .work__icon{transform:scale(1.08) rotate(-2deg)}

.work__status{position:absolute;top:16px;left:28px;display:inline-flex;align-items:center;
  font-size:10.5px;letter-spacing:.2em;padding:5px 11px;color:var(--sand);
  border:1px solid rgba(201,162,39,.32);background:rgba(0,0,0,.5)}
.work__status--live{color:var(--turq);border-color:rgba(46,158,150,.5)}
.work__status--live::before{content:"";width:6px;height:6px;border-radius:50%;
  background:var(--turq);margin-right:8px;animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(46,158,150,.6)}50%{opacity:.55;box-shadow:0 0 0 5px rgba(46,158,150,0)}}

/* 游戏图标：按「应用图标」的形态呈现，鎏金描边把它和暗金主调接住 */
.work__art--cover{padding:clamp(26px,3.4vw,40px)}
.work__cover{width:clamp(116px,15vw,166px);height:auto;border-radius:23%;
  border:1px solid rgba(201,162,39,.5);
  box-shadow:0 16px 38px rgba(0,0,0,.62),0 0 0 7px rgba(201,162,39,.07),0 0 46px rgba(201,162,39,.16);
  transition:transform .6s}
.work:hover .work__cover{transform:translateY(-4px) scale(1.03)}

/* 「下一件」——通栏窄条，避免只有一款作品时网格留空 */
.work--next{grid-column:1/-1;display:flex;align-items:center;gap:clamp(16px,3vw,30px);
  padding:clamp(20px,2.6vw,28px) clamp(24px,3vw,34px);border-radius:6px}
.work--next::before{border-radius:3px}
.work--next .work__icon{width:44px;height:44px;opacity:.42}
.work--next .work__title{font-size:clamp(16px,2.2vw,20px);color:var(--sand)}
.work--next .work__desc{margin:6px 0 0}

.work__body{padding:clamp(22px,2.6vw,32px)}
.work__kicker{font-family:var(--font-d);font-size:11px;letter-spacing:.32em;color:var(--muted);margin:0 0 8px}
.work__title{font-family:var(--font-d);font-weight:600;font-size:clamp(19px,2.6vw,27px);
  letter-spacing:.1em;color:var(--gold-lt);margin:0}
.work__desc{color:#BFB294;font-size:15px;margin:14px 0 18px}
.work--sealed .work__icon{opacity:.4}
.work--sealed .work__title{color:var(--sand)}

.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0 0}
.tags li{font-size:11px;letter-spacing:.18em;color:var(--sand);padding:4px 11px;
  border:1px solid rgba(201,162,39,.25);background:rgba(201,162,39,.05)}

.link{display:inline-block;color:var(--gold);text-decoration:none;font-size:13.5px;letter-spacing:.14em;
  border-bottom:1px solid rgba(201,162,39,.4);padding-bottom:3px;transition:.3s}
.link:hover{color:var(--gold-lt);border-color:var(--gold-lt)}

/* ════════════ 三柱 ════════════ */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,42px)}
.pillar{position:relative;text-align:center}

.pillar__cap{height:66px;display:grid;place-items:end center;
  background:linear-gradient(180deg,transparent,rgba(201,162,39,.12));
  border-bottom:3px solid rgba(201,162,39,.42);
  box-shadow:0 3px 0 rgba(0,0,0,.4)}
.pillar__cap .glyph{width:46px;height:46px;margin-bottom:8px;opacity:.9;transition:transform .6s}
.pillar:hover .pillar__cap .glyph{transform:translateY(-4px)}

.pillar__shaft{position:relative;padding:34px clamp(18px,2vw,28px) 40px;
  background:
    linear-gradient(180deg,rgba(32,25,15,.9),rgba(16,12,7,.9)),
    repeating-linear-gradient(90deg,rgba(201,162,39,.07) 0 1px,transparent 1px 15px);
  border-inline:1px solid rgba(201,162,39,.2);
  transition:background .5s}
.pillar:hover .pillar__shaft{background:
    linear-gradient(180deg,rgba(44,34,18,.92),rgba(20,15,8,.92)),
    repeating-linear-gradient(90deg,rgba(201,162,39,.1) 0 1px,transparent 1px 15px)}

.pillar__icon{width:54px;height:54px;margin-bottom:16px;
  filter:drop-shadow(0 0 18px rgba(201,162,39,.32))}
.pillar h3{font-family:var(--font-d);font-weight:600;font-size:clamp(15px,1.9vw,18px);
  letter-spacing:.12em;color:var(--gold-lt);margin:0 0 12px}
.pillar p{color:#C0B392;font-size:14.5px;margin:0}

.pillar__base{height:24px;
  background:linear-gradient(180deg,rgba(201,162,39,.2),rgba(201,162,39,.05));
  border-top:3px solid rgba(201,162,39,.42);
  box-shadow:0 12px 28px rgba(0,0,0,.55)}

/* ════════════ 王名圈 ════════════ */
.scribe{display:grid;gap:clamp(28px,4vw,46px);justify-items:center}
.scribe__field{width:min(440px,100%);text-align:center}
#nameInput{
  width:100%;background:rgba(0,0,0,.42);border:1px solid rgba(201,162,39,.35);
  color:var(--gold-lt);font-family:var(--font-d);font-size:clamp(18px,3vw,24px);
  letter-spacing:.3em;text-indent:.3em;text-align:center;text-transform:uppercase;
  padding:15px 16px;outline:none;transition:.3s;
}
#nameInput::placeholder{color:rgba(140,125,94,.6)}
#nameInput:focus{border-color:var(--gold);box-shadow:0 0 26px rgba(201,162,39,.22);background:rgba(0,0,0,.6)}
.scribe__hint{font-size:12.5px;color:var(--muted);margin:12px 0 0;line-height:1.7}

.cartouche{display:flex;align-items:center;max-width:100%}
.cartouche__ring{
  position:relative;display:flex;align-items:center;
  min-height:clamp(76px,12vw,104px);padding:16px clamp(20px,3vw,36px);
  border:4px solid var(--gold);border-radius:999px;
  background:linear-gradient(180deg,rgba(34,27,15,.92),rgba(13,10,6,.92));
  box-shadow:0 0 44px rgba(201,162,39,.18),inset 0 0 34px rgba(0,0,0,.65);
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
}
.cartouche__ring::-webkit-scrollbar{display:none}
.cartouche__bar{width:15px;height:clamp(76px,12vw,104px);background:var(--gold);
  border-radius:4px;margin-left:-3px;box-shadow:0 0 24px rgba(201,162,39,.3)}
.cartouche__glyphs{display:flex;align-items:center;gap:clamp(6px,1.4vw,14px)}
.cartouche__glyphs .glyph{
  width:clamp(26px,4.4vw,44px);height:clamp(26px,4.4vw,44px);color:var(--gold-lt);
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.85));
  animation:carve .5s cubic-bezier(.2,.7,.2,1) backwards;
}
@keyframes carve{from{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:none}}
.cartouche__empty{color:var(--muted);font-size:13px;letter-spacing:.24em;white-space:nowrap}

/* ════════════ 神谕 ════════════ */
.contact{text-align:center}
.contact__mail{
  display:inline-flex;align-items:center;gap:16px;text-decoration:none;
  font-family:var(--font-d);font-size:clamp(16px,3vw,28px);letter-spacing:.08em;color:var(--gold-lt);
  padding:16px clamp(20px,3vw,36px);border:1px solid rgba(201,162,39,.32);background:rgba(201,162,39,.04);
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  transition:background .35s,box-shadow .35s;word-break:break-all;
}
.contact__mail:hover{background:rgba(201,162,39,.13);box-shadow:0 0 40px rgba(201,162,39,.22)}
.contact__mail .glyph{width:32px;height:32px}
.social{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:28px;padding:0;margin:32px 0 0}
.social a{color:var(--sand);text-decoration:none;font-size:13.5px;letter-spacing:.22em;
  border-bottom:1px solid transparent;padding-bottom:4px;transition:.3s}
.social a:hover{color:var(--gold-lt);border-bottom-color:var(--gold)}

/* ════════════ 页脚 ════════════ */
.foot{text-align:center;padding:clamp(52px,8vh,92px) var(--pad) 46px;
  border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(0,0,0,.55))}
.foot__glyphs{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:28px;opacity:.38}
.foot__glyphs .glyph{width:24px;height:24px}
.foot__mark{width:54px;height:auto;margin:0 auto;opacity:.9}
.foot__name{font-family:var(--font-d);letter-spacing:.3em;text-indent:.3em;color:var(--gold-lt);
  font-size:13.5px;margin:16px 0 6px}
.foot__note{color:var(--muted);font-size:12.5px;letter-spacing:.22em;text-indent:.22em;margin:0 0 20px}
.foot__copy{color:#6B5F46;font-size:11.5px;letter-spacing:.12em;margin:0}

/* ════════════ 入场动画 ════════════ */
.reveal{opacity:0;transform:translateY(28px);
  transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.is-in{opacity:1;transform:none}

/* ════════════ 响应式 ════════════ */
@media (max-width:1180px){
  :root{--rail:66px}
  .rail{--gt:28px;--gw:33px;--gs:17px;--gwm:-8.5px;--qw:36px;--qgap:6px}
}

@media (max-width:900px){
  :root{--rail:34px}
  .rail{--gt:19px;--gw:22px;--gs:12px;--gwm:-6px;--qw:22px;--qgap:4.5px}
  .rail__cart{border-width:1.5px;padding:4px 0 3px}
  .rail__band::before{left:5px}
  .rail__band::after{right:5px}

  .works{grid-template-columns:1fr}
  .work--feature{grid-template-columns:1fr}
  .work--feature .work__art{border-right:0;border-bottom:1px solid rgba(201,162,39,.18);min-height:170px}
  .pillars{grid-template-columns:1fr}

  .burger{display:flex}
  .lang{margin-left:auto}
  .nav__links{
    position:fixed;top:66px;left:var(--rail);right:var(--rail);
    flex-direction:column;align-items:stretch;gap:0;margin-left:0;
    background:rgba(10,7,4,.98);border:1px solid var(--line);border-top:0;
    max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.7,.2,1);
  }
  .nav__links.is-open{max-height:70vh}
  .nav__links a{padding:16px 22px;border-bottom:1px solid rgba(201,162,39,.1);font-size:14px}
  .nav__links a::after{display:none}
}

@media (max-width:560px){
  body{line-height:1.8}
  .nav__name i{display:none}
  .hero{padding-top:110px}
  .hero__glyphs{gap:9px}
  .stela{border-radius:56px 56px 4px 4px}
  .stela::before{border-radius:48px 48px 2px 2px}
  .foot__glyphs .glyph{width:20px;height:20px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}