#nn-article-modal{position:fixed;inset:0;background:var(--overlay);display:none;align-items:center;justify-content:center;z-index:120;padding:22px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#nn-article-modal.open{display:flex}.nnamodal{width:660px;max-width:100%;max-height:90vh;overflow:auto}.nnahero{height:190px;display:flex;align-items:center;justify-content:center;position:relative}.nnahero svg{width:56px;height:56px;color:#fff;opacity:.9}.nnabody{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.nnah3{font:800 21px var(--sans);line-height:1.25}.nnatime{font-size:12px;color:var(--faint)}.nnasum{font-size:14px;color:var(--mut);line-height:1.6}.nnarow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nnarow .ntag{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:9px;background:var(--raise);border:1px solid var(--line);color:var(--txt);font:600 12.5px var(--sans)}.nnarow .ntag .tav{width:18px;height:18px;font-size:9px}.nnauth{display:inline-flex;align-items:center;gap:8px;font:600 12.5px var(--sans);color:var(--mut)}.nnauth .tav{width:22px;height:22px;font-size:9px}.nnvote{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.nnvote button{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;background:none;border:0;color:var(--mut);font:700 12.5px var(--sans);cursor:pointer}.nnvote button:hover{background:var(--raise)}.nnvote .vu.on{color:var(--green)}.nnvote .vd.on{color:var(--red)}.nnvote svg{width:15px;height:15px}.nnvsep{width:1px;align-self:stretch;background:var(--line)}.nncmts{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:16px}.nncmt{display:flex;gap:11px}.nncmt .tav{width:30px;height:30px;font-size:10px;flex:none}.nncmt .cb{flex:1;min-width:0}.nncmt .cn{font:700 12.5px var(--sans);color:var(--txt)}.nncmt .ct{font-size:13px;color:var(--mut);line-height:1.5;margin:3px 0 5px}.nncmt .cm{display:flex;align-items:center;gap:12px;font:600 11px var(--sans);color:var(--faint)}.nncmt .cm .kv{display:inline-flex;align-items:center;gap:8px}.nncmt .cm button{background:none;border:0;color:var(--faint);cursor:pointer;display:inline-flex;align-items:center;gap:3px}.nncmt .cm button:hover{color:var(--txt)}.nncmt .cm svg{width:13px;height:13px}.nncmt .cm button.on{color:var(--cyan)}.nnreply{display:flex;flex-direction:column;gap:9px;margin-top:6px}.nnreply textarea{width:100%;min-height:62px;resize:vertical;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--txt);font:500 13px var(--sans);box-sizing:border-box}.nnreply textarea::placeholder{color:var(--faint)}.nnreply textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-soft)}.nnreply .cbot{display:flex;justify-content:flex-end}.nnlogin{border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--raise)}.nnlogin p{font-size:13px;color:var(--mut)}.nnlogin .kint{font-size:11px;color:var(--faint);display:inline-flex;align-items:center;gap:6px}@media(max-width:600px){#nn-article-modal{padding:0;align-items:flex-end}.nnamodal{width:100%;max-width:none;max-height:92vh;border-radius:18px 18px 0 0}.nnahero{height:150px;border-radius:18px 18px 0 0}.nnahero:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:#ffffff73}.nnabody{padding:16px 16px calc(18px + env(safe-area-inset-bottom))}.nnah3{font-size:18px}.nnvote button{height:40px}}