.nav{width:100%;height:64px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.nav__inner{max-width:1100px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.nav__logo{font-size:18px;font-weight:700;color:#111827;cursor:pointer}.nav__logo:hover{opacity:.7}.nav__actions{display:flex;align-items:center;gap:10px}.nav__btn{height:36px;padding:0 14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.nav__btn:hover{background:#f9fafb}.nav__btn--primary{background:#111827;color:#fff;border:none}.nav__btn--primary:hover{background:#1f2937}.hero{height:420px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(120deg,#a1c4fd,#c2e9fb)}.hero:before{content:"";position:absolute;width:600px;height:600px;background:#fff6;border-radius:50%;top:-150px;left:-150px;filter:blur(80px)}.hero:after{content:"";position:absolute;width:200px;height:200px;background:#ffffff26;border-radius:20px;top:50px;right:100px;transform:rotate(20deg)}.hero__content{position:relative;z-index:1}.hero__content h1{font-size:56px;font-weight:900;letter-spacing:-1px;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.1)}.hero__tag{font-size:14px;letter-spacing:2px;opacity:.7}.hero__desc{margin-top:10px;font-size:16px;opacity:.8}.fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.5s}.delay-3{animation-delay:.8s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.post-list-layout{max-width:900px;margin:0 auto;padding:40px}.post-list{min-width:0;max-width:none;margin:0;padding:0}.post-list__toolbar{display:flex;align-items:flex-end;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.post-list__field{display:flex;flex-direction:column;gap:6px;min-width:180px}.post-list__field span{color:#6b7280;font-size:12px;font-weight:700}.post-list__field select,.post-list__field input{height:38px;border:1px solid #d1d5db;border-radius:6px;color:#111827;background:#fff;font-size:14px;padding:0 10px}.post-list__author-search{display:flex;align-items:flex-end;gap:8px}.post-list__author-search button,.post-list__reset{height:38px;border:1px solid #111827;border-radius:6px;background:#111827;color:#fff;font-size:13px;font-weight:700;padding:0 16px;cursor:pointer}.post-list__reset{border-color:#d1d5db;background:#fff;color:#374151}.post-list__author-search button:disabled,.post-list__reset:disabled{cursor:default;opacity:.6}.post-list__items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.post-item{display:flex;align-items:center;gap:16px;border-bottom:1px solid #e5e7eb}.post-item:last-child{border-bottom:none}.post-item__content{flex:1;min-width:0}.post-item__header{display:flex;align-items:flex-start;gap:12px;padding-right:0}.post-item__title{color:#111827;font-size:30px;font-weight:500;line-height:1.4;letter-spacing:-.01em;margin-bottom:9px;margin-top:15px;flex:1;min-width:0}.post-item__title a{color:inherit;text-decoration:none;opacity:.72;transition:opacity .18s ease}.post-item__title a:hover{opacity:1;text-decoration:none}.post-item__summary{color:#111827;font-size:15px;font-weight:360;line-height:1.6;letter-spacing:-.01em;margin-top:0}.post-item__summary a{color:inherit;text-decoration:none;opacity:.72;transition:opacity .18s ease}.post-item__summary a:hover{opacity:1;text-decoration:none}.post-item__meta{display:flex;align-items:center;gap:8px;padding:0 0 20px}.meta-date,.meta-author{font-size:13px;color:#9ca3af}.meta-date{display:inline-flex;align-items:center;gap:6px}.meta-icon{opacity:.8;display:block;transform:translateY(.3px)}.post-item__image{width:120px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.status-badge{flex-shrink:0;min-width:68px;text-align:center;font-size:12px;padding:6px 12px;border-radius:999px;font-weight:600;background:#fff;border:1px solid;transform:translateY(-40px)}.status-draft{color:#666;border-color:#ccc}.status-submitted{color:#1976d2;border-color:#1976d2}.status-published{color:#2e7d32;border-color:#2e7d32}.status-unpublished{color:#6b7280;border-color:#9ca3af}.status-rejected{color:#c62828;border-color:#c62828}.post-list__empty{text-align:center;color:#888;padding:40px 0}.post-list__loading{text-align:center;color:#888;margin-top:12px}.fade-up-section{opacity:1;transform:none;transition:all .8s ease}.fade-up-section.show{opacity:1;transform:translateY(0)}.post-list__pager{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0;padding-top:28px}.pager__num{width:36px;height:36px;border:none;background:transparent;color:#6b7280;font-size:14px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.pager__num:hover{background:#f3f4f6;color:#111827}.pager__num.active{background:#9ca3af;color:#fff;font-weight:600}.pager__arrow{border:none;background:transparent;color:#6b7280;font-size:18px;padding:0 6px;cursor:pointer}.pager__arrow:disabled,.pager__num:disabled{color:#cbd5e1;cursor:default}@media(max-width:720px){.post-list__toolbar,.post-list__author-search{align-items:stretch;flex-direction:column}.post-list__field{min-width:0;width:100%}.post-list__author-search button,.post-list__reset{width:100%}}.post-detail-page{background:#fff;min-height:100vh;padding:36px 24px 120px}.post-detail-layout,.admin-panel-area{position:relative;max-width:1200px;margin:0 auto}.admin-panel-area{margin-bottom:28px}.post-detail-main,.admin-panel-area .admin-panel{width:760px;margin:0 auto}.post-detail-title-area{width:100%;margin:0}.post-detail-title-area .post-detail-header{max-width:none}.post-detail-shell{display:grid;grid-template-columns:minmax(0,760px) 40px;gap:64px;max-width:1040px;margin:0 auto;align-items:start}.post-detail-container{width:100%;max-width:none;min-width:0}.post-detail-title{font-size:46px;line-height:1.25;font-weight:700;letter-spacing:-1.5px;color:#111827d9;margin:0 0 12px;padding-bottom:18px;border-bottom:1px solid #e5e7eb}.post-detail-meta{display:flex;gap:14px;font-size:14px;color:#111827b3}.post-detail-meta span+span:before{content:""}.post-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.post-detail-tag{padding:6px 12px;border-radius:999px;background:#f2f4f6;color:#555;font-size:13px}.post-detail-content{font-size:18px;line-height:1.9;color:#111827b8;word-break:keep-all}.post-detail-content h2{font-size:32px;line-height:1.35;margin:24px 0 12px}.post-detail-content h3{font-size:24px;line-height:1.45;margin:48px 0 16px}.post-detail-content h4{font-size:20px;line-height:1.5;margin:36px 0 12px}.post-detail-content p{margin:0 0 28px}.post-detail-content a{color:#00c73c;text-decoration:none;border-bottom:1px solid rgba(0,199,60,.3)}.post-detail-content a:hover{border-bottom-color:#00c73c}.post-detail-content img{max-width:100%;display:block;margin:40px auto 10px;border-radius:4px}.post-detail-content figure{margin:40px 0}.post-detail-content figure img{margin:0 auto 10px}.post-detail-content figcaption,.post-detail-content .image-source{margin:0 0 32px;font-size:13px;line-height:1.6;color:#888;text-align:center}.post-detail-content h2,.post-detail-content h3,.post-detail-content h4{scroll-margin-top:80px;color:#111827cc}.post-detail-content blockquote{margin:40px 0;padding:4px 0 4px 24px;border-left:4px solid #00c73c;color:#555;font-size:17px}.post-detail-content pre{margin:36px 0;padding:24px;overflow-x:auto;background:#f6f8fa;border-radius:6px;font-size:15px;line-height:1.7}.post-detail-content code{font-family:Consolas,Monaco,Courier New,monospace}.post-detail-content :not(pre)>code{padding:2px 6px;background:#f2f4f6;border-radius:4px;font-size:.9em}.post-detail-content ul,.post-detail-content ol{margin:0 0 28px 24px;padding:0}.post-detail-content li{margin-bottom:10px}.post-detail-content hr{border:none;border-bottom:1px solid #e5e7eb;margin:0}.post-detail-loading{padding:120px 0;text-align:center;color:#888}.post-toc{position:fixed;top:345px;left:calc(50% + 420px);width:180px;padding-left:18px;border-left:1px solid #e5e7eb}.post-toc__title{display:none;margin-bottom:14px;font-size:12px;font-weight:700;color:#111}.post-toc__nav{display:flex;flex-direction:column;gap:8px}.post-toc__item{border:0;background:transparent;padding:0;color:#888;font-size:12px;line-height:1.45;text-align:left;cursor:pointer}.post-toc__item:hover,.post-toc__item.active{color:#111}.post-toc__item.level-3{padding-left:12px}.reference-section{margin-top:80px;padding-top:34px;border-top:1px solid #e5e5e5}.reference-section h2{margin:0 0 18px;font-size:22px;line-height:1.4;color:#111827b8}.reference-section ul{margin:0;padding:0;list-style:none}.reference-section li+li{margin-top:10px}.reference-section a{color:#555;font-size:14px;line-height:1.6;word-break:break-all}@media(max-width:768px){.post-detail-page{padding:28px 20px 80px}.post-detail-shell{display:block}.post-detail-main,.admin-panel-area .admin-panel{width:100%}.post-toc{display:none}.post-detail-title{font-size:34px}.post-detail-content{font-size:16px;line-height:1.85}.post-detail-content h2{font-size:26px}.post-detail-content h3{font-size:21px}.post-detail-content h4{font-size:18px}}.post-detail-author{margin-top:100px;padding-top:40px;border-top:1px solid #e5e5e5;display:flex;align-items:center;gap:20px}.author-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}.author-info{display:flex;flex-direction:column}.author-name{font-size:18px;font-weight:600;color:#111827b8;margin-bottom:6px}.author-bio{font-size:14px;color:#666;line-height:1.6}.admin-mini-bar{position:absolute;top:12px;right:12px;z-index:10;display:flex;align-items:center;gap:8px}.admin-mini-actions{display:flex;gap:10px}.admin-mini-bar:hover{opacity:1}.mini-btn.approve{background:#22c55e;color:#fff}.mini-btn.approve,.mini-btn.unpublish{padding:8px 16px;border-radius:12px;font-size:13px;font-weight:700;transition:all .2s ease}.mini-btn.approve{background:#16a34a;color:#fff}.mini-btn.approve:hover{background:#15803d}.mini-btn.unpublish{background:#ea580c;color:#fff}.mini-btn.unpublish:hover{background:#c2410c}.admin-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin-bottom:34px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;overflow:hidden}.admin-panel__group{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;padding:16px 18px;border-left:1px solid #e5e7eb}.admin-panel__group:first-child{border-left:0}.admin-panel__label{font-size:12px;font-weight:700;color:#6b7280}.admin-panel__actions{display:flex;flex-wrap:wrap;gap:8px}.status-pill{align-self:flex-start;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700;background:#eef2ff;color:#3730a3}.status-pill.draft{background:#f3f4f6;color:#4b5563}.status-pill.submitted{background:#fff7ed;color:#c2410c}.status-pill.published{background:#ecfdf5;color:#047857}.status-pill.unpublished{background:#fef2f2;color:#b91c1c}.mini-btn{min-width:74px;padding:8px 14px;border:0;border-radius:8px;font-size:13px;font-weight:700;line-height:1;color:#fff;cursor:pointer;transition:background .2s ease,opacity .2s ease}.mini-btn:disabled{opacity:.42;cursor:not-allowed}.mini-btn.approve{background:#16a34a}.mini-btn.approve:hover:not(:disabled){background:#15803d}.mini-btn.unpublish{background:#ea580c}.mini-btn.unpublish:hover:not(:disabled){background:#c2410c}.mini-btn.submit{background:#2563eb}.mini-btn.submit:hover:not(:disabled){background:#1d4ed8}.mini-btn.edit{background:#374151}.mini-btn.edit:hover:not(:disabled){background:#111827}.mini-btn.delete{background:#dc2626}.mini-btn.delete:hover:not(:disabled){background:#b91c1c}@media(max-width:768px){.admin-panel{grid-template-columns:1fr}.admin-panel__group{border-left:0;border-top:1px solid #e5e7eb}.admin-panel__group:first-child{border-top:0}}.tiptap-container{display:flex;flex-direction:column;gap:20px}.tiptap-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;overflow:hidden}.tiptap-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.tiptap-editor-body{padding:20px 24px}.tiptap-editor{min-height:500px;outline:none;font-size:16px;line-height:1.8}.tiptap-editor figure{margin:28px 0}.tiptap-editor figure img{max-width:100%;display:block;margin:0 auto 8px;border-radius:4px}.tiptap-editor figcaption{color:#6b7280;font-size:13px;line-height:1.5;text-align:center}.tiptap-editor h4{font-size:18px;line-height:1.5;margin:28px 0 12px}.tiptap-html-header{font-size:12px;font-weight:600;color:#6b7280;padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.tiptap-html-code{margin:0;padding:14px;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto}.tiptap-toolbar button,.tiptap-image-button{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:13px;line-height:1.2}.tiptap-toolbar button.is-active{background:#2563eb;color:#fff;border-color:#2563eb}.tiptap-image-button input{display:none}body{margin:0;font-family:Inter,sans-serif}.login-wrapper{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#9fbad6,#fff)}.login-card{width:360px;padding:40px;border-radius:16px;background:#fff;box-shadow:0 10px 30px #0000001a;text-align:center}.login-logo{font-size:12px;letter-spacing:2px;color:#888;margin-bottom:10px}.login-title{font-size:28px;margin-bottom:30px}.login-form{display:flex;flex-direction:column}.login-form label{text-align:left;font-size:14px;margin-bottom:5px;margin-top:10px}.login-form input{padding:10px;border-radius:8px;border:1px solid #ddd;margin-bottom:10px}.login-form button{margin-top:15px;padding:12px;border:none;border-radius:10px;background:#111;color:#fff;font-weight:700;cursor:pointer}.login-form button:hover{background:#333}.login-form button:disabled{cursor:not-allowed;opacity:.7}.login-error{color:#d32f2f;font-size:14px;line-height:1.4;margin:2px 0 0}.user-info-page{min-height:calc(100vh - 64px);background:#fff;padding:44px 24px 96px;box-sizing:border-box;text-align:left}.user-info-header{max-width:860px;margin:0 auto 26px}.user-info-header__label{margin:0 0 8px;color:#6b7280;font-size:12px;font-weight:700;letter-spacing:0}.user-info-header h1{margin:0;color:#111827;font-size:34px;font-weight:800;line-height:1.25;letter-spacing:0}.user-info-panel{max-width:860px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.user-info-password{max-width:860px;margin:22px auto 0;border:1px solid #e5e7eb;border-radius:8px;padding:28px 30px;box-sizing:border-box;background:#fff}.user-info-password__header{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#111827}.user-info-password__header h2{margin:0;font-size:19px;line-height:1.35;letter-spacing:0}.user-info-password__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.user-info-message{max-width:860px;margin:-10px auto 16px;color:#6b7280;font-size:14px;line-height:1.5}.user-info-message--error{color:#b91c1c}.user-info-message--inline{margin:-8px 0 18px}.user-info-preview{padding:30px 24px;background:#f9fafb;border-right:1px solid #e5e7eb}.user-info-avatar{width:132px;height:132px;border-radius:50%;border:1px solid #d1d5db;background:#fff;color:#9ca3af;display:flex;align-items:center;justify-content:center;overflow:hidden}.user-info-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-info-preview__text{margin-top:20px;display:flex;flex-direction:column;gap:7px}.user-info-preview__text strong{color:#111827;font-size:18px;line-height:1.35}.user-info-preview__text span{color:#6b7280;font-size:13px;line-height:1.45;word-break:break-all}.user-info-preview__text p{margin:8px 0 0;color:#374151;font-size:14px;line-height:1.65;word-break:keep-all}.user-info-form{padding:30px;display:flex;flex-direction:column;gap:26px}.user-info-field{display:flex;flex-direction:column;gap:10px}.user-info-field label,.user-info-label-row label{color:#111827;font-size:14px;font-weight:700}.user-info-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-info-label-row span{color:#6b7280;font-size:12px}.user-info-photo-actions{display:flex;flex-wrap:wrap;gap:10px}.user-info-button,.user-info-save{min-height:40px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;line-height:1;cursor:pointer}.user-info-button{padding:0 14px;background:#111827;color:#fff}.user-info-button:hover{background:#1f2937}.user-info-button--ghost{border:1px solid #d1d5db;background:#fff;color:#374151}.user-info-button--ghost:hover{background:#f3f4f6}.user-info-button:disabled,.user-info-save:disabled{opacity:.45;cursor:not-allowed}.user-info-file{display:none}.user-info-field input,.user-info-field textarea{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;color:#111827;background:#fff;font:15px/1.6 system-ui,Segoe UI,Roboto,sans-serif;outline:none}.user-info-field input{height:42px;padding:0 13px}.user-info-field textarea{min-height:118px;resize:vertical;padding:13px 14px}.user-info-field input:focus,.user-info-field textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.user-info-footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:2px}.user-info-saved{color:#047857;font-size:13px;font-weight:700}.user-info-save{padding:0 18px;background:#2563eb;color:#fff}.user-info-save:hover{background:#1d4ed8}@media(max-width:760px){.user-info-page{padding:32px 18px 72px}.user-info-panel{grid-template-columns:1fr}.user-info-preview{border-right:0;border-bottom:1px solid #e5e7eb}.user-info-form,.user-info-password{padding:24px 20px}.user-info-password__grid{grid-template-columns:1fr}.user-info-footer{align-items:stretch;flex-direction:column}.user-info-save{width:100%}}