.tr{--paper: #f4f1ea;--paper-2: #ece7dc;--ink: #2b2925;--ink-2: #4a4741;--ink-3: #7a766d;--pencil: #8a857b;--rule: rgba(74, 71, 65, .16);--red: #b4553b;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .27 0 0 0 0 .22 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background:var(--noise),var(--paper);color:var(--ink);font-family:Noto Sans TC,system-ui,sans-serif;font-weight:400}body:has(.tr){background:#f4f1ea}.tr-serif{font-family:"Noto Serif TC",serif}.tr-sheet{background:var(--noise),var(--paper-2)}.tr-eyebrow{font-family:Noto Sans TC,sans-serif;font-weight:500;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--pencil)}.tr-trace{background:var(--noise),#f6f3ecc7;-webkit-backdrop-filter:blur(10px) saturate(.85);backdrop-filter:blur(10px) saturate(.85);border:1px solid rgba(74,71,65,.14);box-shadow:inset 0 1px #ffffff8c,0 24px 48px -28px #3c302273}.tr-tape:before,.tr-tape:after{content:"";position:absolute;width:74px;height:20px;background:#e2d6bac7;box-shadow:0 1px 2px #3c30221f;pointer-events:none}.tr-tape:before{top:-9px;left:26px;transform:rotate(-4deg)}.tr-tape:after{top:-9px;right:26px;transform:rotate(3deg)}.tr-tape-one:after{display:none}.tr-photo{filter:sepia(.22) saturate(.72) contrast(.96) brightness(1.03)}.tr-pencil{overflow:visible}.tr-pencil path,.tr-pencil circle,.tr-pencil rect{fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:url(#tr-pencil)}.tr-pencil path:not([stroke]),.tr-pencil circle:not([stroke]),.tr-pencil rect:not([stroke]){stroke:#5b5850}.tr-pencil-light path,.tr-pencil-light circle{stroke:#faf7f0eb!important;stroke-width:1.5}.tr-svg-t{font-family:"Noto Serif TC",serif;font-size:13px;fill:#7a766d;letter-spacing:.06em}.tr-tag{background:#f6f3ecdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 14px;font-size:13.5px;letter-spacing:.08em;color:var(--ink);box-shadow:0 10px 24px -14px #281e1480}.tr-num{font-family:"Noto Serif TC",serif;color:var(--red);margin-right:8px}.tr-chip{border:1px solid var(--rule);padding:6px 14px;font-family:"Noto Serif TC",serif;font-size:15px;letter-spacing:.1em;background:#ffffff59;transition:background .3s,color .3s,border-color .3s}button.tr-chip{cursor:pointer;color:var(--ink-2)}button.tr-chip:hover{border-color:var(--pencil)}button.tr-chip[data-active]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tr-btn{display:inline-flex;align-items:center;background:var(--ink);color:var(--paper);padding:14px 30px;font-size:15px;letter-spacing:.14em;transition:background .3s;cursor:pointer}.tr-btn:hover{background:var(--red)}.tr-link{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .4s;padding-bottom:2px}.tr-link:hover,.tr-link[aria-current]{background-size:100% 1px}.tr-link[aria-current]{color:var(--red)}.tr-header a,.tr-header button{color:var(--ink)}.tr-header .tr-link[aria-current]{color:var(--red)}.tr-header.is-solid{background:#f4f1eadb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}.tr-note{font-size:12px;letter-spacing:.1em;color:var(--ink-2);background:#f4f1eadb;border:1px solid var(--rule);padding:3px 10px}.tr-field{width:100%;margin-top:8px;border:0;border-bottom:1px solid rgba(74,71,65,.3);background:transparent;padding:8px 0;font-size:15.5px;color:var(--ink);outline:none;border-radius:0;transition:border-color .3s}.tr-field:focus{border-bottom-color:var(--red)}select.tr-field{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%237a766d' stroke-width='1.3'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") right 4px center no-repeat}.tr-faq summary::-webkit-details-marker{display:none}.tr-faq[open] .tr-faq-plus{transform:rotate(45deg)}
