.ttf{--cream:#f4efe5;--paper:#fbf7ee;--forest:#183c32;--copper:#b8734a;--lav:#a99ab8;--ink:#222822;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.5;margin-inline:calc(50% - 50vw);width:100vw}.ttf *{box-sizing:border-box}.ttf button,.ttf a{font:inherit}.ttf-nav,.ttf-hero,.ttf-answer,.ttf-reading,.ttf-guide,.ttf-faq,.ttf-cta,.ttf footer{width:min(1320px,calc(100% - 64px));margin:auto}.ttf-nav{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b8734a88}.ttf-nav div{display:flex;gap:52px}.ttf-nav a{color:var(--forest);text-decoration:none;font-weight:600}.ttf-brand{font:32px "Noto Serif TC",serif!important}.ttf-brand b{display:inline-grid;place-items:center;width:52px;height:52px;border:1px solid var(--copper);border-radius:50%;margin-right:14px;color:var(--copper)}.ttf-hero{min-height:730px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.ttf-kicker{color:var(--copper);font-size:12px;font-weight:800;letter-spacing:.3em}.ttf h1,.ttf h2,.ttf h3{font-family:"Noto Serif TC","PMingLiU",serif;color:var(--forest);font-weight:500}.ttf h1{font-size:clamp(48px,5vw,76px);line-height:1.32;margin:16px 0 26px}.ttf h1 small{display:block;font:700 14px "Noto Sans TC",sans-serif;color:var(--copper);letter-spacing:.2em}.ttf-lead{font-size:21px;letter-spacing:.1em}.ttf-primary{background:var(--forest);color:#efb086;border:3px double var(--copper);border-radius:11px;padding:20px 34px;font-family:"Noto Serif TC",serif;font-size:20px;cursor:pointer;box-shadow:0 14px 25px #183c3230}.ttf-card{width:360px;height:550px;background:var(--paper);border:2px solid var(--copper);outline:1px solid var(--copper);outline-offset:-13px;border-radius:22px;margin:auto;box-shadow:0 25px 40px #183c3235;display:flex;flex-direction:column;justify-content:space-around;align-items:center;color:var(--copper);position:relative}.ttf-card:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:var(--lav);opacity:.55;z-index:-1}.ttf-card strong{font-size:120px}.ttf-card span{font-size:48px}.ttf-card em{font-style:normal;font-size:48px}.ttf-answer{min-height:120px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px}.ttf-answer:before{content:"";position:absolute;left:0;right:0;height:120px;background:#e8dfd2;z-index:0}.ttf-answer>*{position:relative}.ttf-answer strong{font:24px "Noto Serif TC",serif;color:var(--forest)}.ttf-answer a{color:var(--forest);font-weight:700}.ttf-reading{width:100%;max-width:none;background:var(--forest);color:var(--cream);text-align:center;padding:90px max(32px,calc((100vw - 1100px)/2))}.ttf-reading h2,.ttf-faq h2,.ttf-guide h2,.ttf-cta h2{font-size:clamp(36px,4vw,56px)}.ttf-reading h2{color:var(--cream)}.ttf-result{min-height:250px;border:1px solid #b8734a88;border-radius:18px;padding:42px;display:flex;align-items:center;justify-content:center;gap:60px}.ttf-link{border:0;background:transparent;color:#efb086;font-weight:700;cursor:pointer}.ttf-result-card{width:260px;height:380px;background:var(--paper);color:var(--forest);border:2px solid var(--copper);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.ttf-result-card b{font-size:80px;color:var(--copper)}.ttf-result-card h3{font-size:38px;margin:0}.ttf-result-card em{font-style:normal}.ttf-result-copy{text-align:left;max-width:600px}.ttf-result-copy>span{color:#efb086}.ttf-result-copy h3{color:var(--cream);font-size:30px;line-height:1.5}.ttf-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff25}.ttf-stats p{padding:12px}.ttf-stats small,.ttf-stats strong{display:block}.ttf-result-copy ol{padding-left:0;list-style:none}.ttf-result-copy li{border-bottom:1px solid #ffffff18;padding:9px}.ttf-result-copy li small{color:var(--copper);margin-right:14px}.ttf-guide,.ttf-faq{padding-block:95px}.ttf-direct{font-size:20px;max-width:880px;line-height:1.8}.ttf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.ttf-grid article{background:var(--paper);border:1px solid #b8734a66;border-radius:14px;padding:30px}.ttf-grid span{color:var(--copper)}.ttf-grid h3{font-size:24px;margin-top:32px}.ttf-grid p{line-height:1.8}.ttf-faq{max-width:920px}.ttf-faq>.ttf-kicker,.ttf-faq>h2{text-align:center}.ttf-faq details{border-bottom:1px solid #b8734a77}.ttf-faq summary{list-style:none;display:flex;justify-content:space-between;padding:24px 0;font:21px "Noto Serif TC",serif;color:var(--forest);cursor:pointer}.ttf-faq summary::-webkit-details-marker{display:none}.ttf-faq details p{line-height:1.8}.ttf-cta{width:100%;max-width:none;background:var(--lav);text-align:center;padding:80px 32px}.ttf footer{min-height:150px;display:flex;align-items:center;justify-content:space-between}.ttf footer strong{font:26px "Noto Serif TC",serif;color:var(--forest)}.ttf footer p{font-size:12px;color:#666}@media(max-width:850px){.ttf-nav div{display:none}.ttf-hero{grid-template-columns:1fr;text-align:center;padding:50px 0}.ttf-card{width:270px;height:410px;margin-top:50px}.ttf-card:before{width:390px;height:390px}.ttf-card strong{font-size:85px}.ttf-answer{grid-template-columns:1fr;gap:8px;padding:25px 0}.ttf-answer:before{height:170px}.ttf-grid{grid-template-columns:repeat(2,1fr)}.ttf-result{flex-direction:column}.ttf-stats{grid-template-columns:1fr}.ttf footer{flex-direction:column;justify-content:center;text-align:center}.ttf-nav,.ttf-hero,.ttf-answer,.ttf-guide,.ttf-faq,.ttf footer{width:min(100% - 36px,700px)}}@media(max-width:520px){.ttf h1{font-size:38px}.ttf-primary{width:100%;padding:18px 10px}.ttf-card:before{width:320px;height:320px}.ttf-grid{grid-template-columns:1fr}.ttf-result{padding:25px 15px}.ttf-result-card{width:230px;height:340px}.ttf-reading{padding-inline:18px}}