html{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}body{margin:0;min-height:100vh;background:#f5f6f7;color:#1f2328}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.page-shell{width:min(960px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.page-header{margin-bottom:24px}.page-header h1{margin:0 0 8px;font-size:32px}.page-subtitle{margin:0;color:#5b6470}.toolbar{display:grid;grid-gap:12px;gap:12px;margin-bottom:24px}.search-form input{width:100%;padding:12px 14px;border:1px solid #ccd3db;border-radius:10px;background:#fff}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #ccd3db;border-radius:10px;background:#fff}button{padding:10px 14px;border:1px solid #d9dee5;border-radius:10px;background:#fff;color:#1f2328}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{padding:8px 12px;border-radius:999px;background:#e9edf2;color:#344054;font-size:14px}.tag-chip.active{background:#111827;color:#fff}.article-list{display:grid;grid-gap:16px;gap:16px}.article-card{padding:20px;border:1px solid #d9dee5;border-radius:16px;background:#fff}.article-card h2{margin:0 0 10px;font-size:22px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;color:#5b6470;font-size:14px}.article-summary{margin:0;line-height:1.7;color:#374151}.pagination{display:flex;gap:12px;margin-top:24px;align-items:center}.pagination a,.pagination span{padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #d9dee5}.article-detail{padding:28px;border:1px solid #d9dee5;border-radius:18px;background:#fff}.article-detail h1{margin:0 0 12px;font-size:32px}.article-share-row{display:flex;margin:0 0 16px}.article-share-button{min-width:88px;border-radius:999px;border-color:#111827;background:#111827;color:#fff}.article-content{line-height:1.8;color:#374151}.article-content p{margin:0 0 16px}.article-content img{display:block;max-width:100%;height:auto;border-radius:14px;margin:16px 0}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px}.editor-toolbar button{width:auto;min-width:0;padding:8px 12px;border-radius:999px;background:#eef2f6}.rich-editor{min-height:280px;padding:16px;border:1px solid #ccd3db;border-radius:16px;background:#fffdf8;line-height:1.8;outline:none}.rich-editor:focus{border-color:#111827;box-shadow:0 0 0 3px rgba(17,24,39,.08)}.rich-editor blockquote,.rich-editor h2,.rich-editor ol,.rich-editor p,.rich-editor ul{margin:0 0 16px}.rich-editor h2{font-size:24px}.rich-editor blockquote{padding-left:14px;border-left:4px solid #d1d8e0;color:#4b5563}.rich-editor img{display:block;max-width:100%;height:auto;border-radius:14px;margin:16px 0}.share-cover-preview{display:block;max-width:min(100%,280px);height:auto;border-radius:16px;border:1px solid #d9dee5}.share-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.56);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.share-modal-card{position:relative;width:min(100%,380px);padding:22px;border-radius:28px;background:radial-gradient(circle at top,rgba(255,255,255,.94),rgba(255,255,255,.98)),#fff;box-shadow:0 24px 60px rgba(15,23,42,.22)}.share-modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:999px;background:#eef2f6;color:#111827;font-size:28px;line-height:1;padding:0}.share-modal-image{display:block;width:100%;height:auto;border-radius:20px;background:#fff}@media (max-width:640px){.page-shell{width:min(100% - 24px,960px);padding:24px 0 36px}.article-detail h1,.page-header h1{font-size:26px}.article-detail{padding:20px}.share-modal-card{width:min(100%,340px);padding:18px;border-radius:24px}.rich-editor{min-height:220px;padding:14px;font-size:16px}}