/* www17.c-起草网在线 - nt- 前缀 - 稿纸/米色藏青红钢笔 */
:root{
  --nt-paper:#faf4e0;--nt-paper-2:#fff8e6;--nt-ink:#2b3a67;--nt-ink-2:#4a5a8b;
  --nt-sub:#88785c;--nt-red:#c43b3b;--nt-line:#e0d4a8;--nt-grid:rgba(43,58,103,.12);
  --nt-shadow:0 6px 16px -8px rgba(43,58,103,.25);
  --nt-serif:"Source Han Serif","Noto Serif CJK SC",ST Songti SC,SimSun,serif;
  --nt-hand:"Kaiti SC","STKaiti","楷体",serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.nt-body{
  font-family:var(--nt-serif);color:var(--nt-ink);font-size:15.5px;line-height:1.85;min-height:100vh;
  background:
    repeating-linear-gradient(0deg, transparent 0, transparent 34px, var(--nt-grid) 34px, var(--nt-grid) 35px),
    linear-gradient(180deg, #f3ead0 0%, #ebe0bd 100%);
}
a{color:var(--nt-ink);text-decoration:underline;text-decoration-color:var(--nt-line);text-underline-offset:3px}
a:hover{color:var(--nt-red);text-decoration-color:var(--nt-red)}
h1,h2,h3,h4{margin:0;color:var(--nt-ink)}

.nt-desk{max-width:1080px;margin:0 auto;padding:20px 20px 40px}

/* 顶部 header：稿纸+双胶带 */
.nt-header{position:relative;background:var(--nt-paper);border:1px solid var(--nt-line);border-radius:4px;padding:22px 26px 14px;box-shadow:var(--nt-shadow);margin-bottom:16px}
.nt-tape{position:absolute;width:110px;height:24px;background:rgba(196,59,59,.3);border:1px dashed rgba(196,59,59,.45);top:-10px}
.nt-tape--tl{left:24px;transform:rotate(-6deg)}
.nt-tape--tr{right:24px;transform:rotate(5deg);background:rgba(43,58,103,.2);border-color:rgba(43,58,103,.45)}
.nt-header__row{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.nt-brand{display:flex;gap:14px;align-items:center}
.nt-brand__name{font-size:22px;font-weight:700;letter-spacing:1px}
.nt-brand__en{display:block;font-size:12px;color:var(--nt-sub);font-family:var(--nt-hand);margin-top:2px}
.nt-search{display:flex;gap:8px;justify-self:end}
.nt-search__in{border:1px solid var(--nt-line);background:var(--nt-paper-2);padding:8px 14px;border-radius:20px;min-width:280px;font-family:inherit;font-size:14px;color:var(--nt-ink);outline:0}
.nt-search__in:focus{border-color:var(--nt-red)}
.nt-search__btn{border:0;background:var(--nt-red);color:#fff;padding:8px 18px;border-radius:20px;cursor:pointer;font-family:inherit;font-weight:600;font-size:13px}
.nt-tabs{display:flex;gap:2px;margin-top:16px;border-top:2px double var(--nt-line);padding-top:12px;flex-wrap:wrap}
.nt-tab{padding:6px 14px;color:var(--nt-ink-2);border-radius:4px 4px 0 0;font-size:14px;text-decoration:none;font-family:var(--nt-hand);font-weight:700}
.nt-tab:hover{background:var(--nt-paper-2);color:var(--nt-red)}
.nt-tab.is-on{background:var(--nt-ink);color:var(--nt-paper);text-decoration:none}

/* 批注栏 */
.nt-margin{display:flex;gap:6px;align-items:center;margin-bottom:14px;color:var(--nt-sub);font-size:13px;font-family:var(--nt-hand);padding-left:8px}
.nt-margin__ico{color:var(--nt-red);font-size:16px}
.nt-margin a{color:var(--nt-ink)}

/* 稿纸正文 */
.nt-sheet{background:var(--nt-paper);border:1px solid var(--nt-line);border-radius:3px;padding:40px 50px 50px;box-shadow:var(--nt-shadow);position:relative;
  background-image:
    repeating-linear-gradient(0deg, transparent 0, transparent 34px, var(--nt-grid) 34px, var(--nt-grid) 35px),
    linear-gradient(90deg, var(--nt-paper) 0%, var(--nt-paper-2) 100%);
}
.nt-sheet::before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:var(--nt-red);opacity:.6}

/* headline */
.nt-headline{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;border-bottom:2px solid var(--nt-ink);padding-bottom:24px;margin-bottom:26px}
.nt-headline--ch{grid-template-columns:1fr}
.nt-headline__stamp{display:inline-block;border:2px dashed var(--nt-red);color:var(--nt-red);padding:3px 12px;font-family:var(--nt-hand);font-size:13px;font-weight:700;transform:rotate(-2deg);margin-bottom:10px}
.nt-headline__h{font-size:28px;font-weight:800;line-height:1.3;letter-spacing:1px}
.nt-headline__p{color:var(--nt-ink-2);margin:10px 0 0;font-size:15px;line-height:1.9}
.nt-headline__meta{display:flex;gap:18px;font-size:13px;color:var(--nt-sub);margin-top:14px;flex-wrap:wrap;border-top:1px dashed var(--nt-line);padding-top:10px;font-family:var(--nt-hand)}
.nt-headline__pins{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start}
.nt-pin{position:relative;margin:0;padding:8px 8px 28px;background:#fff;border:1px solid var(--nt-line);box-shadow:0 6px 12px -6px rgba(43,58,103,.35)}
.nt-pin--0{grid-column:span 2;transform:rotate(-1deg)}
.nt-pin--1{transform:rotate(1.5deg)}
.nt-pin--2{transform:rotate(-2deg)}
.nt-pin img{width:100%;display:block}
.nt-pin figcaption{position:absolute;left:10px;right:10px;bottom:6px;font-family:var(--nt-hand);font-size:12px;color:var(--nt-sub);text-align:center}
.nt-pin__clip{position:absolute;left:50%;top:-10px;transform:translateX(-50%);width:14px;height:14px;background:var(--nt-red);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3)}

/* 每篇文章 */
.nt-article{border-bottom:1px dashed var(--nt-line);padding:18px 0 22px;margin-bottom:6px}
.nt-article__h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.nt-article__no{font-family:var(--nt-hand);font-size:28px;color:var(--nt-red);font-weight:700;letter-spacing:2px}
.nt-article__t{font-size:20px;color:var(--nt-ink);flex:1;min-width:200px}
.nt-article__full{font-size:13px;color:var(--nt-red);text-decoration:none;font-family:var(--nt-hand)}
.nt-article__lead{color:var(--nt-ink-2);margin:0 0 12px;font-size:14.5px}

/* 便签列表 */
.nt-list{list-style:decimal;padding:0 0 0 28px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;counter-reset:nt}
.nt-list--full{grid-template-columns:1fr 1fr}
.nt-note{background:var(--nt-paper-2);border:1px solid var(--nt-line);border-left:3px solid var(--nt-red);padding:10px 12px;display:grid;grid-template-columns:120px 1fr;gap:10px;list-style-position:outside}
.nt-note::marker{color:var(--nt-red);font-weight:700;font-family:var(--nt-hand)}
.nt-note__cover{border:1px solid var(--nt-line);overflow:hidden;aspect-ratio:3/2;background:#000;border-radius:2px}
.nt-note__cover img{width:100%;height:100%;object-fit:cover;display:block}
.nt-note__t{font-size:14.5px;line-height:1.45;margin-bottom:4px}
.nt-note__t a{color:var(--nt-ink);text-decoration:none}
.nt-note__t a:hover{color:var(--nt-red);text-decoration:underline wavy}
.nt-note__d{font-size:12.5px;color:var(--nt-ink-2);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nt-note__foot{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--nt-sub);font-family:var(--nt-hand)}

/* 双栏：口碑/FAQ */
.nt-double{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px;padding-top:22px;border-top:2px solid var(--nt-ink)}
.nt-double__h{font-size:18px;margin-bottom:10px;color:var(--nt-red);font-family:var(--nt-hand);letter-spacing:2px}
.nt-letters{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.nt-letter{background:var(--nt-paper-2);border:1px solid var(--nt-line);padding:10px 12px;font-size:13px;color:var(--nt-ink-2);position:relative}
.nt-letter::before{content:"";position:absolute;top:-4px;right:10px;width:30px;height:10px;background:rgba(196,59,59,.18)}
.nt-letter__from{display:block;color:var(--nt-ink);font-weight:700;font-size:13px;margin-bottom:4px}
.nt-letter p{margin:0;line-height:1.65}
.nt-qa{border-bottom:1px dashed var(--nt-line);padding:8px 0;font-size:13.5px;color:var(--nt-ink-2)}
.nt-qa summary{cursor:pointer;color:var(--nt-ink);font-weight:700;font-family:var(--nt-hand)}
.nt-qa p{margin:6px 0 0;font-size:13px}

/* 分享横条 */
.nt-share{margin-top:24px;border-top:2px dashed var(--nt-line);padding-top:18px;text-align:center}
.nt-share__h{font-size:15px;color:var(--nt-red);font-family:var(--nt-hand);margin-bottom:10px}
.nt-share__btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.nt-share__btns button{background:var(--nt-paper-2);border:1px solid var(--nt-line);padding:8px 16px;font-family:inherit;color:var(--nt-ink);border-radius:2px;cursor:pointer}
.nt-share__btns button:hover{background:var(--nt-red);color:#fff;border-color:var(--nt-red)}

/* 联系页 */
.nt-contact{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:22px}
.nt-contact__col{background:var(--nt-paper-2);border:1px solid var(--nt-line);padding:20px 22px}
.nt-contact__col h3{font-size:17px;color:var(--nt-red);font-family:var(--nt-hand);margin-bottom:8px;border-bottom:1px dashed var(--nt-line);padding-bottom:6px}
.nt-contact__col p{margin:4px 0;font-size:13.5px}
.nt-scan{background:#fff;border:1px dashed var(--nt-red);padding:14px 18px;font-family:"SFMono-Regular","Menlo",monospace;font-size:12px;color:var(--nt-ink);line-height:1.7;white-space:pre-wrap;overflow:auto}

/* footer */
.nt-foot{background:var(--nt-ink);color:rgba(255,255,255,.85);margin-top:24px}
.nt-foot__inner{max-width:1080px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.nt-foot__inner h4{color:#fff;font-size:14px;margin-bottom:8px;font-family:var(--nt-hand)}
.nt-foot__inner p,.nt-foot__inner li{font-size:12.5px;margin:2px 0;color:rgba(255,255,255,.7)}
.nt-foot__inner ul{list-style:none;padding:0;margin:0}
.nt-foot__inner a{color:rgba(255,255,255,.8)}
.nt-foot__inner a:hover{color:#fff}
.nt-foot__bar{padding:10px;text-align:center;font-size:11.5px;background:#1f2a4e;color:rgba(255,255,255,.55)}

/* 响应式 */
@media(max-width:900px){
  .nt-sheet{padding:22px 20px 30px}
  .nt-sheet::before{left:12px}
  .nt-headline,.nt-double,.nt-contact{grid-template-columns:1fr}
  .nt-list{grid-template-columns:1fr}
  .nt-header__row{grid-template-columns:1fr}
  .nt-search__in{min-width:auto;width:100%}
  .nt-foot__inner{grid-template-columns:1fr}
}
@media(max-width:600px){
  .nt-note{grid-template-columns:1fr}
  .nt-note__cover{aspect-ratio:16/9}
}