模板:Doc/styles.css

.tpl-doc{margin:1em 0;border:1px solid #b7d8b7;border-radius:8px;background:#f6fbf6;overflow:hidden;font-size:14px;box-shadow:0 1px 3px rgba(46,125,50,0.08)}
.tpl-doc__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:8px 14px;background:linear-gradient(135deg,#e8f5e8,#d6ebd6);border-bottom:1px solid #b7d8b7}
.tpl-doc__title{font-weight:700;color:#2e7d32;font-size:15px;line-height:1.4;display:inline-flex;align-items:center;gap:4px}
.tpl-doc__title::before{content:"";display:inline-block;width:4px;height:16px;background:#2e7d32;border-radius:2px;margin-right:2px}
.tpl-doc__links{display:inline-flex;flex-wrap:wrap;gap:6px}
.tpl-doc__link a{display:inline-block;color:#2e7d32;text-decoration:none;padding:3px 10px;border-radius:4px;background:rgba(255,255,255,0.75);font-size:13px;white-space:nowrap;transition:background .15s,border-color .15s;border:1px solid #c5e0c5}
.tpl-doc__link a:hover{background:#c8e6c8;color:#1b5e20;text-decoration:none;border-color:#a5cda5}
.tpl-doc__link a:visited{color:#2e7d32}
.tpl-doc__body{padding:14px 18px;line-height:1.65;color:#333;background:#fff}
.tpl-doc__body>:first-child{margin-top:0}
.tpl-doc__body>:last-child{margin-bottom:0}
.tpl-doc__empty{color:#555;padding:4px 0}
.tpl-doc__empty a{color:#2e7d32;font-weight:700}
@media (max-width:768px){
.tpl-doc{font-size:13px;border-radius:6px}
.tpl-doc__header{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px}
.tpl-doc__links{width:100%;justify-content:flex-start;gap:4px}
.tpl-doc__link a{padding:4px 8px;font-size:12px}
.tpl-doc__body{padding:10px 12px}
}