.tn{--accent:#5aa87a}.tn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:12px}.tn-card{cursor:pointer;position:relative;display:flex;flex-direction:column;gap:4px;padding:14px;min-height:118px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);text-align:left;color:var(--ink);transition:transform .12s,border-color .15s,background .15s;overflow:hidden}.tn-card:hover{transform:translateY(-3px);border-color:var(--accent);background:rgba(90,168,122,.08)}.tn-han{position:absolute;right:8px;top:2px;font-size:44px;line-height:1.1;color:#5aa87a38;font-weight:700;writing-mode:vertical-rl;pointer-events:none}.tn-card h3{margin:0;font:800 16px/1.3 var(--font-sans);color:var(--ink);position:relative}.tn-lit{font:600 12px/1.6 var(--font-sans);color:var(--dim);position:relative;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tn-tag{align-self:flex-start;margin-top:auto;font:700 10px/1 var(--font-sans);letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;padding:3px 8px;color:var(--faint)}.tn-card.native .tn-tag{color:#e0a95a;border-color:#e0a95a66}.tn-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(6,10,7,.72);backdrop-filter:blur(4px)}.tn-box{position:relative;width:min(620px,94vw);max-height:88vh;overflow-y:auto;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(28,44,32,.97),rgba(18,26,20,.98));padding:24px 24px 18px;box-shadow:0 22px 60px #0009}.tn-x{position:absolute;top:10px;right:12px;cursor:pointer;border:0;background:none;color:var(--faint);font-size:22px;padding:6px}.tn-x:hover{color:var(--ink)}.tn-box .head{display:flex;align-items:center;gap:16px;margin-bottom:12px}.tn-box .head .han{font-size:52px;line-height:1;color:var(--accent);font-weight:700}.tn-box .head .lang{font:800 13px/1.4 var(--font-sans);color:#e0a95a}.tn-box h2{margin:0;font:800 24px/1.2 var(--font-sans);color:var(--ink)}.tn-sec{margin:12px 0 0}.tn-sec h4{margin:0 0 5px;font:800 11.5px/1 var(--font-sans);color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.tn-sec p{margin:0;font:400 14px/1.75 var(--font-sans);color:var(--dim)}.tn-old{display:flex;flex-wrap:wrap;gap:6px}.tn-old span{font:700 12px/1 var(--font-sans);color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:5px 10px}.tn-fact{border-left:3px solid var(--accent);padding:6px 12px;background:rgba(90,168,122,.07);border-radius:0 8px 8px 0}.tnq-q{font:600 16px/1.8 var(--font-sans);color:#cfe8d8;text-align:center;padding:14px;border:1px dashed rgba(90,168,122,.4);border-radius:12px;background:rgba(90,168,122,.06);margin:10px 0 14px}.tnq-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.tnq-opt{cursor:pointer;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:var(--ink);font:700 14px/1.4 var(--font-sans);text-align:center;transition:border-color .15s,background .15s}.tnq-opt:hover{border-color:var(--accent)}.tnq-opt.ok{border-color:#5fd07a;background:rgba(95,208,122,.15)}.tnq-opt.no{border-color:#e0688a;background:rgba(224,104,138,.13)}.tnq-score{font:700 13px/1 var(--font-mono);color:var(--accent)}