.ttf .ttf-primary{text-decoration:none;display:inline-block}.ttf-ghost{margin-left:16px;color:var(--forest);font-weight:700;text-underline-offset:6px}.ttf-proof{font-size:12px;color:#69716c;letter-spacing:.12em}.ttf-fan{height:620px;position:relative;display:grid;place-items:center;perspective:1200px}.ttf-fan:before{content:"";position:absolute;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,#a99ab8aa 0 45%,transparent 70%)}.ttf-fan-card{position:absolute;width:205px;height:330px;border:1px solid var(--copper);outline:1px solid #b8734a88;outline-offset:-9px;border-radius:17px;background:linear-gradient(145deg,#fffaf0,#e9decc);color:var(--forest);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 16px;box-shadow:0 24px 42px #183c3238;transform-origin:50% 115%;transition:.35s;cursor:pointer}.ttf-fan-card small,.ttf-fan-card em{color:var(--copper);letter-spacing:.15em}.ttf-fan-card span{font-size:65px;color:var(--copper)}.ttf-fan-card strong{font:28px "Noto Serif TC",serif}.ttf-fan-card em{font-size:11px;font-style:normal}.ttf-fan-0{transform:translate(-170px,40px) rotate(-22deg)}.ttf-fan-1{transform:translate(-88px,0) rotate(-11deg)}.ttf-fan-2{transform:translateY(-25px);z-index:3}.ttf-fan-3{transform:translate(88px,0) rotate(11deg)}.ttf-fan-4{transform:translate(170px,40px) rotate(22deg)}.ttf-fan-card:hover{z-index:8;transform:translateY(-55px) scale(1.03);box-shadow:0 34px 55px #183c3255}.ttf-fan>p{position:absolute;bottom:15px;font-size:12px;letter-spacing:.12em}.ttf-five-cards button{transition:.3s;scroll-snap-align:center}.ttf-five-cards button:hover{transform:translateY(-8px);box-shadow:0 18px 30px #183c321f}.ttf-quiz-box{animation:ttfIn .4s ease}.ttf-result-copy{background:#ffffff08;border:1px solid #ffffff18;border-radius:22px;padding:30px}.ttf-trust{padding:95px max(32px,calc((100vw - 1320px)/2));background:#e3d9cc}.ttf-trust>h2{font-size:clamp(36px,4vw,56px);max-width:800px}.ttf-trust>div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.ttf-trust article{min-height:260px;padding:30px;border:1px solid #b8734a66;border-radius:16px;background:var(--paper);display:flex;flex-direction:column}.ttf-trust article>span{color:var(--copper)}.ttf-trust h3{font-size:24px;margin-top:35px}.ttf-trust p{line-height:1.8;color:#606762}.ttf-trust .ttf-collab{background:var(--forest)}.ttf-trust .ttf-collab h3{color:var(--cream)}.ttf-trust .ttf-collab p{color:#d5d9d3}.ttf-trust a{color:#efb086;margin-top:auto;font-weight:700}.ttf-sticky{display:none}@keyframes ttfIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:900px){.ttf-fan{height:490px}.ttf-fan-card{width:160px;height:270px}.ttf-fan-0{transform:translate(-115px,40px) rotate(-21deg)}.ttf-fan-1{transform:translate(-58px,7px) rotate(-10deg)}.ttf-fan-2{transform:translateY(-12px)}.ttf-fan-3{transform:translate(58px,7px) rotate(10deg)}.ttf-fan-4{transform:translate(115px,40px) rotate(21deg)}.ttf-five-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-18px;padding:8px 18px 28px;scrollbar-width:none}.ttf-five-cards button{flex:0 0 min(72vw,340px);min-height:360px}.ttf-trust>div{grid-template-columns:repeat(2,1fr)}.ttf-sticky{position:fixed;display:flex;justify-content:space-between;left:16px;right:16px;bottom:14px;z-index:999;background:var(--forest);color:#efb086;border:1px solid var(--copper);border-radius:14px;padding:16px 20px;text-decoration:none;font-weight:700;box-shadow:0 12px 34px #0005}.ttf{padding-bottom:72px}}
@media(max-width:520px){.ttf-fan{height:420px}.ttf-fan-card{width:135px;height:225px;padding:18px 10px}.ttf-fan-card span{font-size:42px}.ttf-fan-card strong{font-size:20px}.ttf-fan-0{transform:translate(-88px,42px) rotate(-22deg)}.ttf-fan-1{transform:translate(-45px,10px) rotate(-11deg)}.ttf-fan-2{transform:translateY(-8px)}.ttf-fan-3{transform:translate(45px,10px) rotate(11deg)}.ttf-fan-4{transform:translate(88px,42px) rotate(22deg)}.ttf-fan:before{width:300px;height:300px}.ttf-ghost{display:block;margin:18px 0}.ttf-five-cards button{flex-basis:82vw}.ttf-trust>div{grid-template-columns:1fr}.ttf-trust{padding-inline:18px}}
.ttf-drawing .ttf-fan-card{animation:ttfShuffle .45s ease}.ttf-drawing .ttf-fan-card:nth-child(2){animation-delay:.04s}.ttf-drawing .ttf-fan-card:nth-child(3){animation-delay:.08s}.ttf-drawing .ttf-fan-card:nth-child(4){animation-delay:.12s}.ttf-drawing .ttf-fan-card:nth-child(5){animation-delay:.16s}@keyframes ttfShuffle{50%{transform:translateY(-65px) rotateY(85deg) scale(.94)}}
.ttf{--lav:#315f50}.ttf .ttf-primary{color:#fff}.ttf-fan:before{background:radial-gradient(circle,#416f5c99 0 43%,#315f5033 68%,transparent 72%)}.ttf-cta{background:linear-gradient(135deg,#dce7df,#b9cdbf)}.ttf-five-cards{gap:22px}.ttf-five-cards button{position:relative;overflow:hidden;isolation:isolate;min-height:340px;padding:28px 16px;background:linear-gradient(155deg,#214d40,#12382f 58%,#0d2d26);border:1px solid #c3a573;border-radius:18px;color:#f7f2e8;box-shadow:0 18px 35px #12382f24,inset 0 0 0 7px #ffffff08,inset 0 0 0 8px #c3a57355}.ttf-five-cards button:before{content:"◇";position:absolute;inset:18px;z-index:-1;display:grid;place-items:center;border:1px solid #c3a5734d;border-radius:11px;color:#d7bd8d0f;font-size:140px;transform:rotate(45deg)}.ttf-five-cards button:nth-child(2){background:linear-gradient(155deg,#285746,#153c31 60%,#102f28)}.ttf-five-cards button:nth-child(3){background:linear-gradient(155deg,#315f4c,#174032 58%,#0f3027)}.ttf-five-cards button:nth-child(4){background:linear-gradient(155deg,#244f41,#12392f 60%,#0b2b24)}.ttf-five-cards button:nth-child(5){background:linear-gradient(155deg,#1f493d,#10352c 60%,#09271f)}.ttf-five-cards button>span,.ttf-five-cards button small{color:#dfc28b}.ttf-five-cards button strong{color:#fffaf0}.ttf-five-cards button em{color:#dce7df}.ttf-five-cards button:hover{transform:translateY(-10px);border-color:#e2c58e;box-shadow:0 25px 48px #12382f4a,inset 0 0 0 7px #ffffff0b}.ttf-five-cards .active{background:linear-gradient(155deg,#3d7058,#1a4738 58%,#0f3027);border-color:#f0d39a}.ttf-districts{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.ttf-districts{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.ttf-districts{grid-template-columns:1fr}}