body{background:#f3f2f1;color:#3a2e2c;font:13px/1.5 'Segoe UI', Roboto, Arial, sans-serif;margin:0;padding:8px}
a{color:#863928}
.accentbar{height:4px;background:linear-gradient(90deg, #95402d, #3190a5)}
table.l{width:100%;max-width:960px;margin:0 auto;border-collapse:collapse}
td.side{width:210px;vertical-align:top;padding:6px}
td.main{vertical-align:top;padding:6px}
.hdr{background:linear-gradient(90deg, #95402d, #3190a5);color:#fff;padding:12px 14px;border:1px solid #dfd9d8;
 display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.hdr h1{margin:0;font-size:23px;letter-spacing:.6px}
.hdr h1 a{color:#fff;text-decoration:none}
.hdr .tl{font-size:11.5px;opacity:.92;margin-top:2px}
.hdr .getbtn{box-shadow:none;border:1px solid rgba(255,255,255,.55)}
.nav{background:#f8f7f7;border:1px solid #dfd9d8;padding:7px 10px;margin:6px 0;font-size:12.5px;
 display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.nav a{color:#863928;text-decoration:none}
.nav a:hover{text-decoration:underline}
.box{background:#f8f7f7;border:1px solid #dfd9d8;margin:0 0 10px;padding:9px 11px}
.box h2{margin:0 0 8px;font-size:14px;color:#95402d;border-bottom:1px dotted #dfd9d8;
 padding-bottom:4px}
.it{border-bottom:1px dotted #dfd9d8;padding:9px 0;display:flex;gap:10px}
.it:last-child{border-bottom:0}
.it .tx{min-width:0;flex:1}
.it h3{margin:0 0 3px;font-size:13.5px}
.it h3 a{color:#3a2e2c;text-decoration:none}
.it h3 a:hover{color:#95402d}
.it p{margin:3px 0;white-space:pre-line}
.meta{color:#78635e;font-size:11.5px}
.ftr{text-align:center;color:#78635e;font-size:11.5px;padding:12px;border-top:3px solid;border-image:linear-gradient(90deg, #95402d, #3190a5) 1;margin-top:8px}
.cnt{font-family:monospace;background:#111;color:#8f8;padding:3px 7px;letter-spacing:2px;display:inline-block}
.art p{margin:0 0 10px}
@media(max-width:680px){
 table.l,table.l tbody,table.l tr,td.side,td.main{display:block;width:auto}
 td.side{width:auto}
}
img{max-width:100%;height:auto;display:block}
.cover{border-radius:4px;background:#dfd9d8}
.pget{display:inline-block}
.getbtn{display:inline-block;background:linear-gradient(90deg, #95402d, #3190a5);color:#fff !important;text-decoration:none;
 font-weight:700;padding:9px 18px;border-radius:4px;line-height:1.2;
 text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.16);white-space:nowrap}
.getbtn .getsub{display:block;font-weight:400;font-size:11px;opacity:.92;margin-top:2px}
.getbtn:hover{filter:brightness(1.07)}
.bc{font-size:12px;color:#78635e;margin:14px 0 4px}
.bc a{color:#78635e}
.pg{margin:18px 0;font-size:14px}
.pg a,.pg span{display:inline-block;min-width:30px;text-align:center;padding:5px 8px;
 border:1px solid #dfd9d8;border-radius:4px;margin-right:6px;
 text-decoration:none}
.pg .cur{background:#95402d;color:#fff;border-color:#95402d}
.cmt{border-top:1px solid #dfd9d8;padding:12px 0}
.cmt .who{font-weight:700;font-size:13px}
.cmt .txt{margin:4px 0 0}
form.f input[type=text],form.f input[type=email],form.f input[type=password]{
 padding:8px 10px;border:1px solid #dfd9d8;border-radius:4px;
 font:inherit;background:#fff;color:#3a2e2c;max-width:100%}
.cc{position:fixed;bottom:0;left:0;right:0;
 background:#f8f7f7;border-top:1px solid #dfd9d8;
 padding:12px 16px;font-size:13px;color:#3a2e2c;z-index:50;
 display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}
.cc.card{left:auto;right:16px;bottom:16px;top:auto;max-width:340px;border:1px solid #dfd9d8;
 border-radius:6px;display:block;box-shadow:0 6px 24px rgba(0,0,0,.14)}
.cc.modal{top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.45);display:flex;
 align-items:center;justify-content:center;border:0}
.cc.modal .ccin{background:#f8f7f7;border-radius:6px;padding:22px 24px;max-width:440px}
.cc button{background:#95402d;color:#fff;border:0;border-radius:4px;
 padding:7px 16px;font:inherit;cursor:pointer}
.cc a{color:#863928}
.cc.hidden{display:none}