@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;600;700&family=Spline+Sans+Mono:wght@400;500;600&display=swap";
.yajin-page{--paper:#f7f1e3;--paper-deep:#f1e8d3;--card:#fdfaf1;--card-2:#fffdf6;--ink:#463d2c;--ink-soft:#8a7d63;--ink-mute:#ab9e84;--gold-1:#eccd86;--gold-2:#c79a3e;--gold-3:#a87c26;--gold-4:#8a6418;--gold-line:#c79a3e4d;--wood:#6a8c5b;--wood-d:#4f6b43;--fire:#c0533c;--purple:#8a6f93;--forest:#3c4a32;--shadow:0 14px 38px -22px #785a286b,0 2px 8px -4px #785a2829;--shadow-sm:0 10px 26px -20px #785a2866;--r-xl:24px;--r-lg:18px;--r-md:14px;--r-sm:10px;--pad:24px;--serif:"Noto Serif SC","Songti SC",serif;--sans:"Noto Sans SC",-apple-system,"PingFang SC",sans-serif;--mono:"Spline Sans Mono",ui-monospace,monospace;font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 800px at 50% -10%,#ece0c6,#d3c4a4 72%);justify-content:center;min-height:100vh;padding:clamp(0px,4vw,48px) 0;display:flex}.yajin-page *{box-sizing:border-box}.phone{background:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");border-radius:30px;width:400px;max-width:100vw;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fffaf00d,0 44px 100px -44px #000000b3}@media (max-width:430px){.yajin-page{padding:0}.phone{border-radius:0;min-height:100vh}}.metal-gold{background:linear-gradient(176deg,#f4dca0 0%,#e3bd6e 30%,#c79a3e 55%,#a97e29 78%,#d9b864 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.section{padding:34px var(--pad);position:relative}.section+.section{padding-top:4px}.sec-head{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.sec-ic{border:1px solid var(--gold-line);width:34px;height:34px;box-shadow:var(--shadow-sm);background:linear-gradient(150deg,#fdf6e6,#f3e6c6);border-radius:9px;flex:none;place-items:center;margin-top:2px;display:grid}.sec-ic svg{width:19px;height:19px}.sec-title{font-family:var(--serif);letter-spacing:.04em;color:var(--ink);font-size:23px;font-weight:800;line-height:1.2}.sec-sub{color:var(--ink-mute);letter-spacing:.12em;margin-top:5px;font-size:12px}.sec-head.center{text-align:center;flex-direction:column;align-items:center;gap:0;margin-bottom:26px}.sec-head.center .titlewrap{align-items:center;gap:14px;display:flex}.sec-head.center .fl{opacity:.8;width:30px;height:16px}.sec-head.center .fl svg{width:100%;height:100%;display:block}.sec-head.center .fl.r{transform:scaleX(-1)}.sec-head.center .sec-title{font-size:22px}.sec-head.center .sec-sub{margin-top:8px}.sec-head.big{margin-bottom:24px;display:block}.sec-head.big .sec-title{font-size:30px;line-height:1.32}.sec-head.big .deco{opacity:.8;width:28px;height:15px;margin-bottom:8px;display:inline-block}.sec-head.big .deco svg{width:100%;height:100%;display:block}.sec-ic.seal{border:1.5px solid var(--gold-3);background:linear-gradient(150deg,#f6e6bf,#e0bf78);border-radius:7px}.sec-ic.seal span{font-family:var(--serif);color:#6b4a0c;font-size:17px;font-weight:900}.card{background:var(--card);border-radius:var(--r-lg);border:1px solid var(--gold-line);box-shadow:var(--shadow);position:relative;overflow:hidden}.cloud-tr,.cloud-bl{opacity:.5;pointer-events:none;width:92px;height:92px;position:absolute}.cloud-tr{top:-8px;right:-8px}.cloud-bl{bottom:-8px;left:-8px;transform:rotate(180deg)}.prose{color:#574d3b;letter-spacing:.01em;text-wrap:pretty;font-size:14px;line-height:1.95}.prose .w{color:var(--wood-d);font-weight:600}.prose .f{color:var(--fire);font-weight:600}.prose .g{color:var(--gold-4);font-weight:600}.reveal{opacity:0;transform:translateY(20px)}.reveal.in{opacity:1;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:none}.reveal.d1.in{transition-delay:80ms}.reveal.d2.in{transition-delay:.16s}.reveal.d3.in{transition-delay:.24s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.brand{padding:22px var(--pad)0;z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.brand-l{align-items:center;gap:10px;display:flex}.brand-l .txt .name{font-family:var(--serif);letter-spacing:.08em;color:var(--gold-4);font-size:15px;font-weight:800}.brand-l .txt .slo{letter-spacing:.26em;color:var(--ink-mute);margin-top:3px;font-size:9px}.brand-r{text-align:right;padding-top:2px}.brand-r .cn{font-family:var(--serif);letter-spacing:.12em;color:var(--ink-soft);font-size:12px;font-weight:700}.brand-r .en{font-family:var(--serif);letter-spacing:.18em;color:var(--ink-mute);margin-top:3px;font-size:7.5px;line-height:1.5}.hero{padding:18px var(--pad)8px;text-align:center;position:relative;overflow:hidden}.hero-mbti{font-family:var(--serif);letter-spacing:.06em;text-indent:.06em;margin-top:6px;font-size:92px;font-weight:900;line-height:1}.hero-type{font-family:var(--serif);letter-spacing:.3em;text-indent:.3em;color:var(--gold-4);align-items:center;gap:14px;margin-top:6px;font-size:26px;font-weight:700;display:inline-flex}.hero-type .dot{align-items:center;gap:5px;display:inline-flex}.hero-type .dot:before,.hero-type .dot:after{content:"";background:var(--gold-2);border-radius:50%;width:4px;height:4px}.hero-type .fl{background:linear-gradient(90deg,transparent,var(--gold-2));width:26px;height:1px}.hero-type .fl.r{background:linear-gradient(90deg,var(--gold-2),transparent)}.portrait{grid-template-columns:1.06fr 1fr;align-items:center;gap:8px;display:grid}.fig{border-radius:var(--r-lg);aspect-ratio:3/4.1;background:radial-gradient(120% 90% at 50% 28%,#fffdf6 0%,#faf3e1 60%,#f3ead2 100%);position:relative;overflow:hidden}.fig img{object-fit:contain;z-index:1;mix-blend-mode:multiply;-webkit-touch-callout:default;width:100%;height:100%;display:block;position:relative}.fig .fig-ph{color:var(--ink-mute);letter-spacing:.1em;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.radar-box{text-align:center}.radar-box h4{font-family:var(--serif);color:var(--ink);letter-spacing:.12em;margin-bottom:4px;font-size:15px;font-weight:700}.radar-box svg{width:100%;height:auto;display:block}.nameplate{border-radius:var(--r-md);box-shadow:var(--shadow-sm);align-items:stretch;margin-top:14px;display:flex;overflow:hidden}.nameplate .nm{background:var(--forest);color:#f3ecd8;font-family:var(--serif);letter-spacing:.14em;align-items:center;padding:12px 18px;font-size:26px;font-weight:800;display:flex}.nameplate .tg{font-family:var(--serif);letter-spacing:.14em;color:var(--gold-4);background:linear-gradient(150deg,#fdf6e6,#f1e3c2);flex:1;align-items:center;padding:0 16px;font-size:13px;display:flex}.persona{margin-top:16px}.grid4{grid-template-columns:1fr 1fr;gap:11px;margin-top:16px;display:grid}.g4{padding:15px 15px 16px}.g4 .top{align-items:center;gap:9px;display:flex}.g4 .ic{flex:none;place-items:center;width:26px;height:26px;display:grid}.g4 .ic svg{width:19px;height:19px}.g4 .k{font-family:var(--serif);color:var(--ink);font-size:14.5px;font-weight:800}.g4 .v{color:var(--ink-soft);margin-top:9px;font-size:12.5px;line-height:1.7}.entry{margin-top:18px}.entry-lead{color:var(--ink-mute);letter-spacing:.14em;margin-bottom:10px;font-size:12px}.entry-link{justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:flex}.entry-link .t{font-family:var(--serif);color:var(--ink);font-size:15.5px;font-weight:800}.entry-link .s{color:var(--ink-mute);margin-top:5px;font-size:11px}.entry-link .ar{color:#5a4112;background:linear-gradient(150deg,#f4dca0,#c79a3e);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.code{text-align:center;padding:26px 22px 24px}.code-wm{opacity:.12;pointer-events:none;width:120px;position:absolute;top:4px;right:8px}.code-wm svg{width:100%;height:auto;display:block}.code .lead{color:var(--ink-mute);letter-spacing:.2em;font-size:12px}.code .big{font-family:var(--serif);letter-spacing:.02em;white-space:nowrap;margin:14px 0 4px;font-size:34px;font-weight:900}.code .lead2{color:var(--ink-mute);letter-spacing:.12em;margin-top:16px;font-size:12px}.wuxing{flex-wrap:wrap;justify-content:center;gap:14px 18px;margin:12px 0 4px;display:flex}.wuxing span{color:var(--ink-soft);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.wuxing i{border-radius:50%;width:9px;height:9px}.code .prose{text-align:left;margin-top:16px}.subhead{font-family:var(--serif);color:var(--ink);align-items:center;gap:9px;margin:24px 0 14px;font-size:16px;font-weight:800;display:flex}.subhead:before{content:"";background:linear-gradient(var(--gold-1),var(--gold-3));border-radius:2px;width:4px;height:16px}.points{flex-direction:column;gap:12px;display:flex}.points .p{gap:11px;display:flex}.points .ic{flex:none;width:22px;height:22px}.points .ic svg{width:100%;height:100%}.points .tx{color:#574d3b;font-size:13.5px;line-height:1.8}.vein{padding-left:42px;position:relative}.vein:before{content:"";background:var(--gold-line);width:1.5px;position:absolute;top:14px;bottom:14px;left:15px}.vein-item{padding-bottom:26px;position:relative}.vein-item:last-child{padding-bottom:0}.vein-ic{width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:-42px}.vein-ic svg{width:17px;height:17px}.vein-ic.wood{background:linear-gradient(150deg,#7fa06e,#54703f)}.vein-ic.fire{background:linear-gradient(150deg,#d06b54,#a93f2a)}.vein-ic.gold{background:linear-gradient(150deg,#e6c277,#b98a2c)}.vein-ic.purple{background:linear-gradient(150deg,#9a80a3,#6f567a)}.vein-tag{font-family:var(--serif);color:var(--ink);margin-bottom:9px;font-size:15px;font-weight:800}.vein-tag b{color:var(--gold-4)}.vein .prose{font-size:13px;line-height:1.85}.closing{padding:70px var(--pad)54px;text-align:center;color:#4a3206;background:linear-gradient(#e8c977 0%,#cfa23f 48%,#b9892b 100%);margin-top:18px;position:relative;overflow:hidden}.closing:before{content:"";background:var(--paper);border-radius:50%;width:150%;height:90px;position:absolute;top:-42px;left:50%;transform:translate(-50%)}.closing .temple{opacity:.92;z-index:1;width:50px;height:50px;margin:0 auto 16px;position:relative}.closing .temple svg{width:100%;height:100%}.closing .line1,.closing .line2,.closing .date,.closing .seal{z-index:1;position:relative}.closing .line1{font-family:var(--serif);letter-spacing:.14em;font-size:14px;font-weight:700}.closing .line2{color:#5a3e08;letter-spacing:.04em;margin-top:10px;font-size:11.5px;line-height:1.9}.closing .date{font-family:var(--serif);color:#6b4d12;letter-spacing:.1em;margin-top:14px;font-size:11px}.closing .seal{color:#6b4a0c;width:40px;height:40px;font-family:var(--serif);border:1.5px solid #7a560f;border-radius:7px;place-items:center;margin:18px auto 0;font-size:18px;font-weight:900;display:grid;transform:rotate(-4deg)}.te-hero{padding:8px var(--pad)14px;text-align:center;position:relative}.te-back{color:var(--gold-4);border:1px solid var(--gold-line);background:var(--card);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:6px;margin:0 0 18px;padding:6px 14px 6px 11px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.te-titlewrap{justify-content:center;align-items:center;gap:14px;display:flex}.te-titlewrap .fl{opacity:.8;width:30px;height:16px}.te-titlewrap .fl svg{width:100%;height:100%;display:block}.te-titlewrap .fl.r{transform:scaleX(-1)}.te-big{font-family:var(--serif);letter-spacing:.04em;font-size:34px;font-weight:900}.te-sub{color:var(--ink-soft);letter-spacing:.04em;margin-top:12px;font-size:12.5px;line-height:1.8}.te-legend{flex-wrap:wrap;justify-content:center;gap:9px 16px;margin-top:18px;display:flex}.te-legend .lg{color:var(--ink-soft);align-items:center;gap:6px;font-size:11px;display:inline-flex}.te-legend i{border-radius:3px;width:10px;height:10px}.te-legend .me{background:linear-gradient(150deg,#f0d28e,#c79a3e)}.lg-a{background:#6a8c5b}.lg-b{background:#8a6f93}.lg-c{background:#c0533c}.lg-d{background:#c79a3e}.te-sec{padding:6px var(--pad)8px}.te-group{align-items:center;gap:10px;margin:26px 0 14px;display:flex}.te-group:first-child{margin-top:8px}.te-group .ln{background:var(--gold-line);flex:1;height:1px}.te-group .gt{font-family:var(--serif);letter-spacing:.1em;color:var(--gold-4);white-space:nowrap;font-size:14px;font-weight:800}.te-group .en{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-mute);white-space:nowrap;font-size:8.5px}.te-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.te-card{border-radius:var(--r-md);background:var(--card);border:1px solid var(--gold-line);box-shadow:var(--shadow);flex-direction:column;min-height:116px;padding:15px 14px 16px;display:flex;position:relative;overflow:hidden}.te-card .bar{width:4px;position:absolute;top:0;bottom:0;left:0}.te-card.c-a .bar{background:#6a8c5b}.te-card.c-b .bar{background:#8a6f93}.te-card.c-c .bar{background:#c0533c}.te-card.c-d .bar{background:#c79a3e}.te-card .mbti{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-mute);font-size:12px;font-weight:600}.te-card .name{font-family:var(--serif);letter-spacing:.04em;color:var(--ink);margin-top:6px;font-size:22px;font-weight:900;line-height:1.1}.te-card .name .r{color:var(--ink-soft);font-size:13px;font-weight:700}.te-card .tag{color:var(--ink-soft);margin-top:auto;padding-top:10px;font-size:11px;line-height:1.5}.te-card .gl{font-family:var(--serif);opacity:.055;color:var(--ink);font-size:64px;font-weight:900;line-height:1;position:absolute;bottom:-14px;right:-6px}.te-card.me{border-color:var(--gold-3);background:linear-gradient(150deg,#f6e6bf,#e2bf76);box-shadow:0 16px 34px -16px #b47828b3}.te-card.me .mbti{color:#7a560f}.te-card.me .name{color:#5a3f08}.te-card.me .name .r{color:#7a560f}.te-card.me .tag{color:#6b4a0c}.te-card.me .bar{background:#7a560f}.te-card.me .gl{color:#5a3f08;opacity:.1}.te-card .you{font-family:var(--mono);letter-spacing:.1em;background:var(--forest);color:#f3ecd8;border-radius:2px;padding:3px 7px;font-size:8px;font-weight:600;position:absolute;top:9px;right:9px}.te-foot-cta{white-space:nowrap;font-family:var(--serif);color:#f3ecd8;background:var(--forest);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:9px;padding:13px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}