:root{
  --bg:#050302;
  --ink:#090705;
  --panel:#130d09;
  --panel2:#21130c;
  --paper:#ead7ab;
  --paper-dark:#b99252;
  --text:#fff7e4;
  --muted:#d1c4a8;
  --dim:#93866f;
  --gold:#e1ad46;
  --red:#b21712;
  --red2:#6f0d0a;
  --jade:#6fb08f;
  --line:rgba(225,173,70,.28);
  --line-strong:rgba(225,173,70,.55);
  --shadow:0 30px 90px rgba(0,0,0,.58);
  --radius:28px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 10%,rgba(178,23,18,.32),transparent 34rem),
    radial-gradient(circle at 80% 20%,rgba(225,173,70,.16),transparent 30rem),
    radial-gradient(circle at 50% 100%,rgba(111,176,143,.10),transparent 36rem),
    linear-gradient(180deg,#080503,#020101 55%,#090503);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,black,transparent 70%);
}
a{color:inherit}.skip-link{position:absolute;left:-999px;top:1rem;background:var(--gold);color:#130904;padding:.8rem 1rem;z-index:100}.skip-link:focus{left:1rem}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,3,2,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{width:min(1220px,calc(100% - 32px));margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none}.brand strong{letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:.78rem;margin-top:.1rem}
.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line-strong);border-radius:50%;background:radial-gradient(circle,#d61f18,#5a0b07 65%,#180503);box-shadow:0 0 26px rgba(178,23,18,.45),inset 0 0 18px rgba(225,173,70,.25);font-size:1.28rem;color:#ffe7af}
.nav-links{display:flex;gap:1.15rem;align-items:center}.nav-links a{color:var(--muted);text-decoration:none;font-weight:800;font-size:.95rem}.nav-links a:hover{color:var(--text)}.nav-cta{color:#160b04!important;background:linear-gradient(135deg,var(--gold),#f7d486);border-radius:999px;padding:.72rem 1rem;box-shadow:0 12px 30px rgba(225,173,70,.18)}.menu-toggle{display:none;background:none;border:0;color:var(--text);font-size:1.8rem}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.45rem,7.2vw,7.8rem);line-height:.86;letter-spacing:-.08em;margin:0 0 1.35rem;max-width:900px}h2{font-size:clamp(2.15rem,4.3vw,4.55rem);line-height:.96;letter-spacing:-.06em;margin-bottom:1rem}h3{font-size:1.25rem;margin-bottom:.55rem}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-weight:950;font-size:.78rem}.hero-copy,.rich-text p,.section-heading p,.principle-card p,.path-steps p,.scroll-paper p,.owner-wow p,.contact-section p{color:var(--muted);font-size:1.06rem;line-height:1.75}
.hero{width:min(1220px,calc(100% - 32px));margin:auto;min-height:820px;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:1.5rem;position:relative;padding:5rem 0 4rem}.showcase:before{content:"";position:absolute;inset:2rem 0;border:1px solid var(--line);border-radius:42px;background:linear-gradient(120deg,rgba(5,3,2,.96),rgba(5,3,2,.45)),radial-gradient(circle at 76% 42%,rgba(178,23,18,.26),transparent 20rem),linear-gradient(135deg,#1d0d08,#050302);box-shadow:var(--shadow);z-index:-3;overflow:hidden}.showcase:after{content:"詠春";position:absolute;right:8%;top:18%;font-size:clamp(8rem,18vw,19rem);font-weight:900;color:rgba(225,173,70,.045);writing-mode:vertical-rl;z-index:-2}.hero-content{padding-left:3rem;position:relative;z-index:2}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:999px;padding:.88rem 1.28rem;text-decoration:none;font-weight:950;border:1px solid transparent;cursor:pointer}.primary{background:linear-gradient(135deg,var(--gold),#f6d58b);color:#130904;box-shadow:0 18px 42px rgba(225,173,70,.22)}.secondary{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.045)}
.hero-art{position:absolute;right:2.5rem;top:5rem;width:46%;height:680px;z-index:-1;overflow:hidden;border-radius:38px}.moon{position:absolute;right:16%;top:7%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#ffe2a2,#d89838 65%,rgba(216,152,56,.18));box-shadow:0 0 70px rgba(225,173,70,.45)}.temple-roof{position:absolute;left:4%;right:4%;height:34px;background:linear-gradient(90deg,transparent,var(--red2) 9%,#d01f17 50%,var(--red2) 91%,transparent);filter:drop-shadow(0 12px 22px rgba(0,0,0,.55));transform:skewX(-16deg)}.temple-roof:before,.temple-roof:after{content:"";position:absolute;top:-12px;width:56px;height:56px;border-top:10px solid #d01f17}.temple-roof:before{left:-4px;border-left:10px solid #d01f17;transform:rotate(-18deg)}.temple-roof:after{right:-4px;border-right:10px solid #d01f17;transform:rotate(18deg)}.roof-one{top:35%}.roof-two{top:44%;left:14%;right:12%;opacity:.75}.ink-circle{position:absolute;right:8%;bottom:4%;width:330px;height:330px;border-radius:50%;border:18px solid rgba(255,247,228,.055);box-shadow:inset 0 0 0 2px rgba(225,173,70,.12);filter:blur(.2px)}.fighter-shadow{position:absolute;right:38%;bottom:12%;width:72px;height:250px;background:linear-gradient(#050302,#120704);border-radius:55% 55% 20% 20%;transform:skewX(-7deg);box-shadow:28px 74px 0 -6px #090302,-46px 74px 0 -8px #090302}.fighter-shadow:before{content:"";position:absolute;left:15px;top:-38px;width:45px;height:45px;background:#070302;border-radius:50%;box-shadow:0 0 26px rgba(0,0,0,.8)}.wooden-dummy,.dummy-large{position:absolute;background:linear-gradient(90deg,#3b1d0f,#8b4b22 42%,#2b1209);border-radius:999px;box-shadow:inset -14px 0 22px rgba(0,0,0,.44),0 20px 48px rgba(0,0,0,.5)}.wooden-dummy{right:16%;bottom:8%;width:52px;height:300px}.wooden-dummy span,.dummy-large span{position:absolute;background:linear-gradient(90deg,#2b1209,#9f5a28,#35180b);border-radius:999px;transform-origin:left center}.wooden-dummy span:nth-child(1){left:-78px;top:74px;width:150px;height:24px;transform:rotate(-18deg)}.wooden-dummy span:nth-child(2){left:20px;top:116px;width:150px;height:24px;transform:rotate(18deg)}.wooden-dummy span:nth-child(3){left:-36px;bottom:64px;width:128px;height:24px;transform:rotate(58deg)}.master-note{align-self:end;margin:0 2.2rem 3rem 0;padding:1.55rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,rgba(20,13,9,.88),rgba(7,4,3,.88));box-shadow:var(--shadow);position:relative}.master-note .seal{position:absolute;right:1rem;top:-1rem;background:var(--red);color:#ffe6b2;border:1px solid rgba(255,255,255,.2);font-weight:950;padding:.45rem .55rem;box-shadow:0 14px 30px rgba(0,0,0,.35)}.master-note h2{font-size:1.5rem;letter-spacing:0}.master-note p{color:var(--muted);line-height:1.7;margin:0}
.credibility-strip{width:min(1220px,calc(100% - 32px));margin:-2.2rem auto 4rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.credibility-strip span{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:999px;padding:.72rem 1rem;color:#f3e4c5;font-weight:850}.section{width:min(1220px,calc(100% - 32px));margin:auto;padding:5.5rem 0}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;border-top:1px solid var(--line)}.glass-panel,.principle-card,.path-steps div,.owner-wow .wow-grid>div,.contact-form{border:1px solid var(--line);background:linear-gradient(180deg,rgba(25,15,9,.82),rgba(8,5,3,.82));border-radius:var(--radius);padding:1.55rem;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.center{text-align:center;margin-inline:auto}.section-heading{max-width:820px;margin-bottom:2.2rem}.principles-section{border-top:1px solid var(--line)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.principle-card{min-height:245px;position:relative;overflow:hidden}.principle-card:before{content:"";position:absolute;right:-44px;top:-44px;width:130px;height:130px;border-radius:50%;border:1px solid rgba(225,173,70,.18)}.principle-card span{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:1.2rem;border-radius:50%;background:rgba(178,23,18,.9);border:1px solid var(--line);color:#ffe6b2;font-weight:950}.training-path{display:grid;grid-template-columns:420px 1fr;gap:3rem;align-items:center;border-top:1px solid var(--line)}.path-visual{min-height:620px;border-radius:40px;border:1px solid var(--line);background:radial-gradient(circle at 60% 30%,rgba(225,173,70,.18),transparent 15rem),linear-gradient(180deg,rgba(43,18,9,.88),rgba(6,3,2,.9));box-shadow:var(--shadow);position:relative;overflow:hidden}.path-visual:before{content:"木人樁";position:absolute;left:1.5rem;top:1.5rem;color:rgba(255,247,228,.07);font-size:5.5rem;writing-mode:vertical-rl;font-weight:900}.dummy-large{left:50%;top:17%;width:74px;height:440px;transform:translateX(-50%)}.dummy-large span:nth-child(1){left:-110px;top:112px;width:210px;height:32px;transform:rotate(-18deg)}.dummy-large span:nth-child(2){left:34px;top:172px;width:210px;height:32px;transform:rotate(18deg)}.dummy-large span:nth-child(3){left:-46px;bottom:94px;width:175px;height:32px;transform:rotate(58deg)}.path-steps{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.path-steps b{color:var(--gold);letter-spacing:.14em}.lineage-scroll{border-top:1px solid var(--line)}.scroll-paper{color:#281407;background:linear-gradient(90deg,#9c6c33,#f0dcae 8%,#ead4a4 50%,#d1a86c 92%,#80501f);border-radius:36px;padding:3rem;box-shadow:0 30px 90px rgba(0,0,0,.55);position:relative;overflow:hidden}.scroll-paper:before,.scroll-paper:after{content:"";position:absolute;top:0;bottom:0;width:28px;background:linear-gradient(90deg,#3d1f0f,#8c5724,#311608)}.scroll-paper:before{left:0}.scroll-paper:after{right:0}.scroll-paper .eyebrow,.scroll-paper h2{color:#3a170c}.scroll-paper p{color:#442918;max-width:900px}.lineage-chain{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.lineage-chain span{background:rgba(58,23,12,.11);border:1px solid rgba(58,23,12,.2);border-radius:999px;padding:.7rem .9rem;font-weight:900}.owner-wow{border-top:1px solid var(--line)}.wow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start;border-top:1px solid var(--line)}.phone a{font-size:clamp(2rem,4vw,3rem);color:var(--gold);font-weight:950;text-decoration:none}.contact-form{display:grid;gap:1rem}label{display:grid;gap:.45rem;color:var(--muted);font-weight:850}input,textarea{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.34);color:var(--text);border-radius:16px;padding:.95rem 1rem;font:inherit}input:focus,textarea:focus{outline:2px solid rgba(225,173,70,.4);border-color:var(--gold)}.footer{border-top:1px solid var(--line);width:min(1220px,calc(100% - 32px));margin:auto;padding:2rem 0;display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}.footer-links{display:flex;gap:1rem}.footer a{color:var(--gold);text-decoration:none;font-weight:850}
@media(max-width:980px){.menu-toggle{display:block}.nav-links{position:absolute;left:16px;right:16px;top:78px;display:none;flex-direction:column;background:#120b07;border:1px solid var(--line);border-radius:18px;padding:1rem}.nav-links.open{display:flex}.hero,.intro-grid,.training-path,.contact-section{grid-template-columns:1fr}.hero{min-height:auto;padding:3.2rem 0}.hero-content{padding:2rem}.hero-art{position:relative;right:auto;top:auto;width:100%;height:460px;grid-row:2;margin:auto}.master-note{margin:0 1rem 1rem}.principle-grid,.path-steps,.wow-grid{grid-template-columns:1fr}.scroll-paper{padding:2rem}.footer{flex-direction:column}h1{font-size:3.5rem}.credibility-strip{margin-top:0}}