/*
Theme Name: TraceNovia
Theme URI: https://tracenovia.com/
Author: TraceNovia
Description: 繁體中文追回支持與法律協助網站，含九頁版型與 WhatsApp 自訂設定。
Version: 1.0.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tracenovia
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#202832;--deep:#171f28;--paper:#f5f2eb;--gold:#cbb27a;--muted:#68716f;--line:#dbd5c8;--white:#f7f5ee;--serif:"Songti SC","Noto Serif CJK SC","Noto Serif SC","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.9 var(--sans);-webkit-font-smoothing:antialiased;font-language-override:"ZHS"}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{cursor:pointer}p{margin:0 0 1.2em}h1,h2,h3{margin:0;font-weight:500}h1,h2{font-family:var(--serif);letter-spacing:.035em;line-height:1.55}h2{font-size:clamp(28px,3vw,42px);margin:0 0 25px}h3{font-size:20px;line-height:1.65}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.tn-shell{width:min(1180px,calc(100% - 96px));margin:0 auto}.tn-section{padding:104px 0}.tn-eyebrow{color:#877040;font:600 13px/1.6 var(--sans);letter-spacing:.18em;margin:0 0 22px}.tn-paper{background:var(--paper)}.tn-ink{background:var(--ink);color:var(--white)}.tn-ink .tn-eyebrow,.tn-closing .tn-eyebrow{color:var(--gold)}.tn-muted{color:var(--muted)}.tn-section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center;margin-bottom:45px}.tn-section-head h2{margin-bottom:0}.tn-section-head>p{margin:0;color:var(--muted);max-width:430px}.tn-ink .tn-section-head>p{color:#bec4c7}.tn-two-col{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:start}
.tn-skip{position:absolute;top:-100px;left:16px;z-index:500;background:var(--gold);padding:10px 20px;color:var(--deep)}.tn-skip:focus{top:8px}.tn-header{position:relative;background:var(--deep);color:var(--white);z-index:50}.tn-header-row{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:35px}.tn-brand{font:500 33px/1.1 Georgia,serif;letter-spacing:.025em;display:inline-block}.tn-brand small{display:block;font:400 10px/1.5 var(--sans);letter-spacing:.28em;margin-top:10px;color:var(--gold)}.tn-brand-wrap{flex-shrink:0}.custom-logo{max-height:72px;width:auto;max-width:250px}.tn-nav{display:flex;align-items:center;gap:30px;font-size:14px}.tn-nav>a:not(.tn-button){padding:15px 0}.tn-nav a:hover,.tn-nav [aria-current=page]{color:var(--gold)}.tn-nav .tn-button{padding:12px 20px;font-size:13px;white-space:nowrap}.tn-menu-toggle{display:none;border:1px solid #6d737b;background:transparent;color:#fff;padding:8px 16px}.tn-nav-dropdown{position:relative}.tn-nav-dropdown summary{cursor:pointer;list-style:none;padding:15px 0}.tn-nav-dropdown summary::-webkit-details-marker{display:none}.tn-nav-dropdown summary:after{content:"";display:inline-block;width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);vertical-align:4px;margin-left:10px}.tn-nav-submenu{position:absolute;top:100%;left:-22px;width:260px;background:var(--deep);border:1px solid #48505a;padding:16px 22px;box-shadow:0 18px 40px #0003}.tn-nav-submenu a{display:block;padding:10px 0;font-size:14px}.tn-button{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);border:1px solid var(--gold);color:#18212a;padding:17px 28px;min-height:52px;font:600 15px/1.6 var(--sans);letter-spacing:.055em;text-align:center;transition:background .2s,color .2s;max-width:100%}.tn-button:hover{background:#dfc794;color:var(--deep)}.tn-button--outline{background:transparent;color:var(--white);border-color:#72747a}.tn-button--outline:hover{background:var(--gold);border-color:var(--gold);color:var(--deep)}
.tn-hero{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;background:var(--deep);color:var(--white);overflow:hidden}.tn-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-3}.tn-hero:before{content:"";position:absolute;inset:0;background:#131c26;opacity:.44;z-index:-2}.tn-hero-content{padding:90px 0 82px}.tn-hero .tn-eyebrow{color:var(--gold)}.tn-hero h1{font-size:clamp(36px,4vw,57px);line-height:1.5;max-width:1000px;letter-spacing:.06em}.tn-hero h1 span{display:block;color:var(--gold)}.tn-hero-intro{max-width:590px;color:#d3d7d9;font-size:17px;line-height:2.05;margin:23px 0 32px}.tn-hero-note{font-size:12px;color:#b3b7bd;letter-spacing:.08em;margin:16px 0 0}.tn-hero-caption{position:absolute;right:48px;bottom:48px;font:italic 24px Georgia,serif;color:#ddd4b9;text-align:right;opacity:.8}.tn-hero-caption span{display:block;font:11px var(--sans);letter-spacing:.2em;margin-top:14px}.tn-reassurance{background:var(--ink);color:#d1c3a3}.tn-reassurance .tn-shell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;padding:22px 0;font-size:13px;letter-spacing:.12em}.tn-reassurance span{display:flex;align-items:center;justify-content:center;min-width:0;padding:0 8px;text-align:center}.tn-reassurance span+span{border-left:1px solid #535961}
.tn-intro-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:86px;align-items:center}.tn-intro-grid>div>p:not(.tn-eyebrow){color:#65706d}.tn-editorial-photo{position:relative;min-height:480px;height:100%}.tn-editorial-photo img{height:100%;width:100%;object-fit:cover;object-position:85% 50%;min-height:480px;max-height:600px}.tn-photo-caption{position:absolute;left:0;right:35px;bottom:0;padding:28px 34px;background:var(--ink);color:var(--gold);font:24px/1.75 var(--serif)}.tn-inline-note{border-left:2px solid var(--gold);padding-left:20px;margin:25px 0;color:var(--ink)!important}.tn-text-link{display:inline-block;border-bottom:1px solid #9d885f;color:#856c37;font-size:14px;padding:5px 0}.tn-text-link:hover{color:var(--ink)}.tn-pathways{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #535861}.tn-pathway{display:grid;grid-template-columns:36px 1fr;gap:16px;position:relative;border-bottom:1px solid #535861;padding:34px 35px 34px 0}.tn-pathway:nth-child(even){padding-left:34px;border-left:1px solid #535861}.tn-pathway-number{color:var(--gold);font:20px Georgia,serif;padding-top:8px}.tn-pathway h3{font:500 22px/1.6 var(--serif);margin-bottom:12px}.tn-pathway p{font-size:14px;line-height:1.9;color:#b8c0c7;margin:0;max-width:350px}.tn-pathway-more{grid-column:2;font-size:12px;color:var(--gold);letter-spacing:.12em}.tn-pathway:hover h3{color:var(--gold)}.tn-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.tn-steps article{padding:0 36px;border-left:1px solid var(--line)}.tn-steps article:first-child{padding-left:0;border-left:0}.tn-steps article:last-child{padding-right:0}.tn-step-number{display:block;font:46px/1.2 Georgia,serif;color:#b29a65;margin-bottom:30px}.tn-steps h3{margin-bottom:14px;font-weight:600;font-size:19px}.tn-steps p{color:var(--muted);font-size:15px;margin:0}.tn-ink .tn-steps article{border-color:#4a535c}.tn-ink .tn-steps p{color:#bec4c7}.tn-steps--four{grid-template-columns:repeat(4,1fr)}.tn-steps--four article{padding:0 26px}.tn-steps--four article:first-child{padding-left:0}.tn-trust{background:#e8e4da}.tn-trust .tn-two-col{align-items:center}.tn-trust .tn-two-col>div>p:not(.tn-eyebrow){color:var(--muted);margin-bottom:28px}.tn-promises{border-top:1px solid #c8c1b3}.tn-promises article{padding:24px 0;border-bottom:1px solid #c8c1b3}.tn-promises h3{font-size:19px;margin-bottom:9px}.tn-promises p{font-size:15px;color:var(--muted);margin:0}.tn-faq{background:var(--paper)}.tn-faq-list{border-top:1px solid var(--line)}.tn-faq details{border-bottom:1px solid var(--line);padding:0}.tn-faq summary{padding:24px 28px 24px 0;cursor:pointer;font-size:16px;font-weight:500;list-style:none;position:relative}.tn-faq summary::-webkit-details-marker{display:none}.tn-faq summary:after{content:"";width:8px;height:8px;border-right:1px solid #8d7b57;border-bottom:1px solid #8d7b57;transform:rotate(45deg);position:absolute;right:5px;top:31px}.tn-faq details[open] summary:after{transform:rotate(225deg)}.tn-faq details>p{font-size:15px;color:var(--muted);padding-right:22px;padding-bottom:20px;margin:0}.tn-closing{padding:76px 0;background:var(--ink);color:var(--white);border-bottom:1px solid #49505a}.tn-closing-row{display:flex;align-items:center;justify-content:space-between;gap:60px}.tn-closing h2{font-size:32px;margin-bottom:18px}.tn-closing p:not(.tn-eyebrow){color:#b9c1c7;max-width:660px;margin:0}.tn-closing .tn-button{flex-shrink:0}.tn-footer{padding:70px 0 25px;background:var(--deep);color:#b0b8bf}.tn-footer-top{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-bottom:45px}.tn-footer .tn-brand{color:var(--white);margin-bottom:22px}.tn-footer-top p{font-size:14px}.tn-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;align-content:start;font-size:13px}.tn-footer a:hover{color:var(--gold)}.tn-footer-bottom{border-top:1px solid #424952;padding-top:24px;display:flex;gap:25px;flex-wrap:wrap;font-size:11px;padding-right:80px}.tn-footer-bottom p{margin:0}.tn-situation-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.tn-situation-list li{display:flex;align-items:baseline;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.tn-situation-list span{font:20px Georgia,serif;color:#a38c56}.tn-situation-list p{margin:0}.tn-ink .tn-situation-list,.tn-ink .tn-situation-list li{border-color:#535861}.tn-records{padding:38px;background:#e9e5dc;border-top:3px solid var(--gold)}.tn-records-label{color:#817149;font-size:13px;letter-spacing:.1em}.tn-records ul{padding:0;list-style:none;margin:0 0 25px}.tn-records li{border-bottom:1px solid #cdc6b9;padding:16px 0}.tn-records>p:last-child{font-size:13px;color:var(--muted);margin:0}.tn-service-list{border-top:1px solid var(--line)}.tn-service-list article{display:grid;grid-template-columns:60px 1fr 220px;gap:35px;border-bottom:1px solid var(--line);padding:40px 0}.tn-service-list article>span{font:25px Georgia,serif;color:#a58a52}.tn-service-list h3{font:500 26px var(--serif);margin-bottom:18px}.tn-service-list article p{color:var(--muted);margin:0;font-size:15px}.tn-service-result{border-left:1px solid var(--line);padding-left:32px;color:#8c794f!important;align-self:center}.tn-prose{max-width:820px}.tn-prose h2{font-size:28px;margin:40px 0 18px}.tn-prose p{color:#606b69}.tn-prose a{border-bottom:1px solid #b4a57f}.tn-prose h1{font-size:42px}.tn-generic{padding:90px 0;min-height:65vh}.tn-notice{position:fixed;z-index:200;left:24px;bottom:24px;max-width:calc(100% - 48px);background:var(--paper);color:var(--ink);border:1px solid var(--gold);padding:20px 24px;box-shadow:0 8px 25px #0003;font-size:14px}.tn-notice button{border:0;background:transparent;text-decoration:underline;margin-left:14px;font-size:13px;color:#685731}
@media(min-width:1700px){.tn-shell{width:min(1380px,calc(100% - 128px))}.tn-hero{min-height:740px}.tn-hero h1{font-size:64px}}
@media(max-width:1100px){.tn-shell{width:calc(100% - 64px)}.tn-nav{gap:18px;font-size:13px}.tn-nav .tn-button{padding:10px 14px}.tn-brand{font-size:29px}.tn-two-col,.tn-intro-grid{gap:50px}.tn-section-head{gap:50px}.tn-steps--four{grid-template-columns:repeat(2,1fr);gap:35px}.tn-steps--four article:nth-child(3){border-left:0;padding-left:0}.tn-service-list article{grid-template-columns:40px 1fr 180px;gap:25px}.tn-pathway h3{font-size:20px}.tn-hero-caption{display:none}}
@media(max-width:850px){.tn-header-row{min-height:90px;flex-wrap:wrap;gap:0}.tn-menu-toggle{display:block}.tn-nav{display:none;width:100%;padding:18px 0 30px;align-items:stretch;gap:0}.is-open .tn-nav{display:flex;flex-direction:column}.tn-nav>a:not(.tn-button){border-top:1px solid #414851;padding:13px 0}.tn-nav-dropdown summary{border-top:1px solid #414851}.tn-nav-submenu{position:static;box-shadow:none;width:100%;border:0;border-left:1px solid var(--gold);padding:0 20px 12px;margin-bottom:15px}.tn-nav .tn-button{align-self:flex-start;margin-top:10px}.tn-hero{min-height:620px}.tn-hero h1{font-size:44px}.tn-hero-intro{max-width:580px}.tn-hero:before{opacity:.62}.tn-section{padding:78px 0}.tn-intro-grid{grid-template-columns:.8fr 1.2fr;gap:32px}.tn-editorial-photo,.tn-editorial-photo img{min-height:420px}.tn-photo-caption{font-size:19px;right:0;padding:22px}.tn-two-col{gap:40px}.tn-pathways{grid-template-columns:1fr}.tn-pathway:nth-child(even){padding-left:0;border-left:0}.tn-pathway p{max-width:none}.tn-pathway h3{font-size:23px}.tn-section-head{gap:35px}.tn-closing-row{align-items:flex-start;flex-direction:column;gap:28px}.tn-service-list article{grid-template-columns:35px 1fr}.tn-service-result{grid-column:2;border-left:0;padding:0}.tn-service-result br{display:none}.tn-footer-top{gap:40px}.tn-steps article{padding:0 22px}}
@media(max-width:640px){body{font-size:15px;line-height:1.9}.tn-shell{width:calc(100% - 40px)}.tn-header-row{min-height:80px}.tn-brand{font-size:29px}.tn-brand small{font-size:9px;margin-top:7px}.tn-menu-toggle{font-size:12px;padding:7px 12px}.tn-hero{min-height:615px}.tn-hero-content{padding:65px 0 65px}.tn-hero h1{font-size:clamp(28px,8vw,37px);line-height:1.65;letter-spacing:.02em}.tn-hero-intro{font-size:15px;line-height:2;margin:20px 0 28px;max-width:100%}.tn-hero-image{object-position:63% center}.tn-hero:before{opacity:.67}.tn-eyebrow{font-size:11px;margin-bottom:18px}.tn-hero-note{font-size:11px}.tn-button{font-size:14px;padding:14px 23px;min-height:50px}.tn-reassurance .tn-shell{font-size:10px;letter-spacing:.02em;padding:18px 0;gap:0}.tn-reassurance span{padding:0 5px}h2{font-size:28px;line-height:1.6;margin-bottom:22px}.tn-section{padding:64px 0}.tn-two-col,.tn-intro-grid,.tn-section-head{grid-template-columns:1fr;gap:30px}.tn-intro-grid>div:first-child{order:2}.tn-editorial-photo,.tn-editorial-photo img{min-height:290px;height:290px}.tn-photo-caption{font-size:21px;left:20px;right:20px;padding:18px 24px}.tn-pathway{padding:27px 0;grid-template-columns:28px 1fr;gap:12px}.tn-pathway h3{font-size:20px}.tn-pathway p{font-size:13px}.tn-section-head{margin-bottom:30px}.tn-steps,.tn-steps--four{grid-template-columns:1fr;gap:0;margin-top:25px}.tn-steps article,.tn-steps--four article{border-left:0;border-bottom:1px solid var(--line);padding:26px 0!important;display:grid;grid-template-columns:45px 1fr;gap:0 18px}.tn-steps article:first-child{padding-top:0!important}.tn-steps article:last-child{border-bottom:0;padding-bottom:0!important}.tn-step-number{font-size:32px;grid-row:span 2;margin:0}.tn-steps h3{font-size:18px;margin-bottom:10px}.tn-steps p{font-size:14px;grid-column:2}.tn-promises article{padding:22px 0}.tn-faq summary{font-size:15px;padding:22px 27px 22px 0}.tn-faq details>p{font-size:14px}.tn-closing{padding:56px 0}.tn-closing h2{font-size:27px}.tn-closing .tn-button{margin-right:60px}.tn-footer{padding:50px 0 28px}.tn-footer-top{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.tn-footer nav{gap:13px 15px;font-size:12px}.tn-footer-bottom{gap:9px;font-size:10px}.tn-records{padding:27px}.tn-situation-list li{padding:22px 0;gap:18px}.tn-service-list article{gap:15px;padding:30px 0}.tn-service-list h3{font-size:23px;line-height:1.6}.tn-prose h2{font-size:24px}.tn-prose h1{font-size:32px}.tn-notice{left:16px;bottom:95px;max-width:calc(100% - 32px);padding:18px;font-size:13px}.tn-generic{padding:60px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Compact horizontal identity, scaled to 60% of the previous logo size. */
.tn-header-row{min-height:86px}
.tn-site-logo{display:flex;align-items:center;gap:7.2px;color:var(--white);line-height:1;text-decoration:none}
.tn-site-logo-mark{display:block;position:relative;width:45.6px;height:33.6px;overflow:hidden;flex:0 0 auto}
.tn-site-logo-mark img{position:absolute;display:block;width:54px;height:54px;max-width:none;left:-4.2px;top:-13.8px}
.tn-site-logo-copy{display:block;font:600 19.2px/1.05 Georgia,serif;letter-spacing:-.035em;white-space:nowrap}
.tn-site-logo-copy small{display:block;margin-top:3.6px;font:500 6px/1.4 var(--sans);letter-spacing:.2em;color:var(--gold)}
@media(max-width:640px){.tn-header-row{min-height:72px;gap:12px}.tn-site-logo{gap:4.8px}.tn-site-logo-mark{width:31.2px;height:22.8px}.tn-site-logo-mark img{width:37.2px;height:37.2px;left:-3px;top:-9.6px}.tn-site-logo-copy{font-size:14.4px}.tn-site-logo-copy small{font-size:4.8px;letter-spacing:.15em;margin-top:3px}}