body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:linear-gradient(135deg,#e0c3fc,#8ec5fc);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{height:56px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 20px}.header-container,.logo{align-items:center;display:flex}.logo{color:var(--zhihu-gray-800);font-size:20px;font-weight:700;gap:10px;text-decoration:none}.logo-img{color:var(--primary-gradient-end);height:32px;transition:transform .3s ease,color .3s ease;width:32px}.logo:hover .logo-img{color:var(--primary-gradient-start);transform:rotate(-10deg) scale(1.1)}.logo-text{color:var(--zhihu-gray-800);font-family:var(--font-family);font-weight:800;letter-spacing:1px;text-shadow:0 1px 2px #0000001a}.nav{gap:24px}.nav,.nav-btn{align-items:center;display:flex}.nav-btn{background:#0000;border:none;color:var(--zhihu-gray-800);cursor:pointer;font-size:14px;font-weight:600;gap:6px;padding:0;position:relative;text-decoration:none}.nav-btn svg{height:20px;transition:transform .2s ease,color .2s ease;width:20px}.nav-btn:hover{color:#5a4a7a}.nav-btn:hover svg{color:#5a4a7a;transform:translateY(-2px)}.nav-btn:after{background:linear-gradient(90deg,#6b4c9a,#4a7c9a);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-btn:hover:after{width:100%}.nav-btn:active svg{transform:translateY(0)}.user-menu{gap:8px}.user-avatar,.user-menu{align-items:center;display:flex}.user-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:50%;box-shadow:0 2px 8px #667eea26;color:var(--zhihu-blue);cursor:pointer;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .2s ease;width:36px}.user-avatar:hover{background:#fff;box-shadow:0 4px 12px #667eea40;transform:scale(1.05)}@media (max-width:768px){.header-container{padding:0 12px}.logo-text{font-size:18px}.nav{gap:16px}.nav-btn svg{height:18px;width:18px}}.footer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid var(--zhihu-gray-200);margin-top:auto;padding:1rem}.footer-container{margin:0 auto;max-width:1100px;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center}.footer-logo{color:var(--primary-gradient-end);height:32px;opacity:.8;transition:opacity .2s ease;width:32px}.footer-logo:hover{opacity:1}.footer-text{color:var(--zhihu-gray-600);font-size:.85rem;margin:0;white-space:nowrap}.footer-divider{background:linear-gradient(180deg,var(--primary-gradient-start),var(--primary-gradient-end));border:none;flex-shrink:0;height:32px;margin:0;width:1.2px}.footer-beian{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.5rem}.footer-beian,.footer-link{align-items:center;display:flex}.footer-link{color:var(--zhihu-gray-600);font-size:.85rem;gap:4px;text-decoration:none;transition:color .2s ease;white-space:nowrap}.footer-link:hover{color:var(--primary-gradient-start)}.footer-police-icon{height:16px;vertical-align:middle;width:16px}@media (max-width:768px){.footer{padding:.75rem 1rem}.footer-content{gap:.5rem}.footer-logo{height:24px;width:24px}.footer-divider{height:24px}.footer-link,.footer-text{font-size:.75rem}.footer-police-icon{height:14px;width:14px}}.home{padding:20px 0}.home-layout{display:flex;gap:24px;margin:0 auto;max-width:1400px;position:relative}.timeline-sidebar{align-self:flex-start;flex-shrink:0;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;padding-right:16px;position:-webkit-sticky;position:sticky;top:70px;width:140px}.timeline-sidebar::-webkit-scrollbar{width:4px}.timeline-sidebar::-webkit-scrollbar-track{background:#0000}.timeline-sidebar::-webkit-scrollbar-thumb{background:var(--zhihu-gray-300);border-radius:2px}.timeline-sidebar::-webkit-scrollbar-thumb:hover{background:var(--zhihu-gray-400)}.timeline-tree{display:flex;flex-direction:column;gap:8px;min-width:100%;position:relative}.post-list-wrapper{flex:1 1;min-width:0}.tree-node{position:relative}.tree-node-year{align-items:center;border-radius:6px;color:var(--zhihu-gray-800);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 0 10px 8px;transition:all .3s ease;white-space:nowrap}.tree-node-year:hover{background:var(--zhihu-gray-50)}.tree-node-year.expanded{color:var(--primary-gradient-end)}.tree-line{align-items:center;display:flex;flex-shrink:0;height:12px;justify-content:center;position:relative;width:12px}.tree-dot{background:var(--zhihu-gray-400);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:10px;transition:all .3s ease;width:10px;z-index:2}.tree-node-year:hover .tree-dot{transform:scale(1.1)}.tree-node-year.expanded .tree-dot,.tree-node-year:hover .tree-dot{background:var(--primary-gradient-end)}.tree-year-label{flex:1 1;font-size:15px;font-weight:600;min-width:45px}.tree-arrow{color:var(--zhihu-gray-500);flex-shrink:0;transition:transform .3s ease}.tree-node-year.expanded .tree-arrow{transform:rotate(180deg)}.tree-node-dates{animation:slideDown .3s ease;display:flex;flex-direction:column;gap:4px;padding-bottom:8px;padding-left:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tree-date-item{align-items:center;border-radius:4px;color:var(--zhihu-gray-600);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:5px 0 5px 6px;transition:all .2s ease;white-space:nowrap}.tree-date-item:hover{background:var(--zhihu-gray-50);color:var(--primary-gradient-end)}.tree-date-line{align-items:center;display:flex;flex-shrink:0;height:6px;justify-content:center;position:relative;width:6px}.tree-date-dot{background:var(--zhihu-gray-300);border-radius:50%;height:5px;transition:all .2s ease;width:5px}.tree-date-item:hover .tree-date-dot{background:var(--primary-gradient-end);transform:scale(1.2)}.tree-date-label{flex:1 1;font-family:var(--font-family);font-weight:500;letter-spacing:.5px;min-width:38px}.card-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-auto-flow:dense;grid-auto-rows:auto;grid-template-columns:repeat(4,1fr)}.card-item{animation:cardFadeIn .5s ease forwards;background:#fff;border:1px solid var(--zhihu-gray-200);border-radius:16px;color:inherit;display:block;opacity:0;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-item:hover{border-color:#0000;box-shadow:0 12px 28px #0000001f,0 4px 12px #00000014;transform:translateY(-4px)}.card-item-large{display:grid;grid-column:span 4;grid-row:span 1;grid-template-columns:1fr 1fr;max-height:210px;min-height:180px}.card-item-large .card-image{height:100%;overflow:hidden;position:relative;width:100%}.card-item-large .card-image img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.card-item-large:hover .card-image img{transform:scale(1.08)}.card-item-large .card-date-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:20px;box-shadow:0 2px 8px #0084ff4d;color:#fff;font-size:12px;font-weight:500;left:16px;padding:6px 14px;position:absolute;top:16px}.card-item-large .card-content{display:flex;flex-direction:column;gap:12px;justify-content:center;overflow:hidden;padding:24px 28px}.card-item-large .card-title-large{-webkit-line-clamp:2;font-size:18px;line-height:1.3}.card-item-large .card-excerpt-large,.card-item-large .card-title-large{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.card-item-large .card-excerpt-large{-webkit-line-clamp:3;font-size:14px;line-height:1.7}.card-item-large .card-footer{margin-top:auto;padding-top:4px}.card-item-medium{align-self:start;grid-column:span 1;grid-row:auto;height:auto}.card-item-medium .card-content{display:flex;flex-direction:column;gap:12px;padding:20px;position:relative}.card-item-medium:before{background:linear-gradient(135deg,#0000 50%,#0084ff0d 0);border-radius:0 16px 0 0;content:"";height:80px;position:absolute;right:0;top:0;width:80px}.card-content,.card-image{position:relative}.card-content{z-index:1}.card-date{color:var(--zhihu-gray-500);font-size:12px;font-weight:500;letter-spacing:.5px}.card-title{-webkit-box-orient:vertical;color:var(--zhihu-gray-900);display:-webkit-box;font-size:18px;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.card-item:hover .card-title{color:var(--zhihu-blue)}.card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--zhihu-gray-700);display:-webkit-box;font-size:14px;line-height:1.8;margin:0;overflow:hidden}.card-footer{align-items:center;color:var(--primary-gradient-start);display:flex;justify-content:flex-end;margin-top:auto;padding-top:8px}.card-footer svg{color:inherit;transition:transform .3s ease,color .3s ease}.card-item:hover .card-footer svg{color:var(--zhihu-blue);transform:translateX(4px)}.empty-state{padding:80px 20px}.empty-hint{color:var(--zhihu-gray-400);font-size:14px;margin-top:8px}@media (min-width:1200px){.card-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px){.card-grid{grid-template-columns:1fr}.card-item-large,.card-item-medium{grid-column:1/-1!important}.card-item-large{grid-template-columns:1fr;grid-template-rows:auto 1fr;max-height:none;min-height:auto}.card-item-large .card-image{height:200px;width:100%}.card-item-large .card-content{gap:8px;padding:16px 20px}.card-item-large .card-title-large{-webkit-line-clamp:2;font-size:18px}.card-item-large .card-excerpt-large{-webkit-line-clamp:2;font-size:13px}}@media (max-width:768px){.home-layout{flex-direction:row;gap:12px}.timeline-sidebar{flex-shrink:0;max-height:calc(100vh - 80px);overflow-y:auto;padding-right:4px;position:-webkit-sticky;position:sticky;top:70px;width:65px}.timeline-tree{flex-direction:column;gap:8px}.tree-node{flex-shrink:0}.tree-node-year{gap:6px;padding:8px 0}.tree-year-label{font-size:14px;min-width:36px}.tree-arrow{display:none}.tree-node-dates{padding-left:8px}.tree-date-item{gap:4px;padding:4px 0}.tree-date-label{font-size:11px;min-width:32px}.card-grid{gap:16px;grid-template-columns:1fr}.card-item-large,.card-item-medium{grid-column:span 1;grid-row:span 1}.card-item-large{grid-template-columns:1fr;min-height:auto}.card-item-large .card-image{height:200px}.card-item-large .card-content{gap:8px;padding:16px 20px}.card-item-large .card-title-large{-webkit-line-clamp:2;font-size:18px}.card-item-medium:before{display:none}.card-item{border-radius:12px}}.post-detail{margin:0 auto;max-width:800px;padding:20px 0}.back-nav{margin-bottom:20px}.back-link{align-items:center;color:var(--zhihu-gray-600);display:inline-flex;font-size:14px;gap:6px;text-decoration:none;transition:all .2s ease}.back-link:hover{color:var(--zhihu-blue)}.back-icon{align-items:center;display:flex;justify-content:center;transition:transform .2s ease}.back-link:hover .back-icon{transform:translateX(-4px)}.article,.article-cover{overflow:hidden}.article-cover{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));height:320px;width:100%}.article-cover img{height:100%;object-fit:cover;width:100%}.article-header{border-bottom:1px solid var(--zhihu-gray-100);padding:24px}.article-title{color:var(--zhihu-gray-900);font-size:26px;font-weight:700;line-height:1.4;margin-bottom:16px}.article-meta{margin-bottom:20px}.article-author{align-items:center;display:flex;gap:12px}.author-avatar-lg{align-items:center;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{color:var(--zhihu-gray-900);font-size:15px;font-weight:600}.publish-date{color:var(--zhihu-gray-500);font-size:13px}.article-content{color:var(--zhihu-gray-800);font-size:16px;line-height:1.8;padding:24px}.article-content img{border-radius:var(--radius-md);display:block;height:auto;margin:16px 0;max-width:100%}.article-content p{margin:2px 0;min-height:1em;text-align:justify}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--zhihu-gray-900);font-weight:600;margin-bottom:16px;margin-top:32px}.article-content h1{font-size:26px}.article-content h2{font-size:22px}.article-content h3{font-size:19px}.article-content h4{font-size:17px}.article-content ol,.article-content ul{margin:16px 0;padding-left:24px}.article-content li{margin-bottom:8px}.article-content code{background:var(--zhihu-gray-100);border-radius:4px;color:var(--primary-gradient-end);font-family:Consolas,Monaco,monospace;font-size:14px;padding:2px 6px}.article-content pre{background:#1e1e1e;border-radius:var(--radius-md);color:#d4d4d4;margin:16px 0;overflow-x:auto;padding:20px}.article-content pre code{background:none;color:inherit;padding:0}.article-content blockquote{background:var(--zhihu-gray-50);border-left:3px solid var(--primary-gradient-end);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--zhihu-gray-600);font-style:italic;margin:16px 0;padding:12px 16px}.article-content a{border-bottom:1px solid #0000;color:var(--primary-gradient-end);text-decoration:none}.article-content a:hover{border-bottom-color:var(--primary-gradient-end)}.article-content hr{border:none;border-top:1px solid var(--zhihu-gray-200);margin:24px 0}.article-content table{border-collapse:collapse;margin:16px 0;width:100%}.article-content td,.article-content th{border:1px solid var(--zhihu-gray-200);padding:10px 14px;text-align:left}.article-content th{background:var(--zhihu-gray-50);font-weight:600}.not-found{padding:80px 24px;text-align:center}.not-found h1{color:var(--zhihu-gray-500);font-size:24px;margin-bottom:24px}@media (max-width:768px){.article-content,.article-header{padding:16px}.article-title{font-size:20px}.article-cover{height:200px}}.login-page{align-items:center;background-color:var(--zhihu-gray-50);display:flex;justify-content:center;min-height:calc(100vh - 56px);padding:2rem}.login-container{max-width:400px;width:100%}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:2.5rem}.login-header{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:2rem}.login-logo{color:var(--primary-gradient-end);height:48px;width:48px}.login-title{color:var(--zhihu-gray-900);font-size:1.75rem;font-weight:700;margin:0}.login-form{gap:1.5rem}.login-button-wrapper,.login-form{display:flex;flex-direction:column}.login-button-wrapper{gap:.5rem;position:relative}@media (max-width:768px){.login-card{padding:2rem}.login-title{font-size:1.5rem}}.rich-text-editor{border:1px solid var(--zhihu-gray-300);border-radius:var(--radius-sm);overflow:hidden;transition:all .2s ease}.rich-text-editor:focus-within{border-color:var(--zhihu-blue);box-shadow:0 0 0 2px #0084ff26}.tiptap-toolbar{background:var(--zhihu-gray-50);border-bottom:1px solid var(--zhihu-gray-200);display:flex;flex-wrap:wrap;gap:4px;padding:8px}.tiptap-toolbar button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--zhihu-gray-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;transition:all .2s ease;width:32px}.tiptap-toolbar button:hover{background:var(--zhihu-gray-200);color:var(--zhihu-gray-900)}.tiptap-toolbar button.is-active{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:var(--zhihu-gray-800)}.tiptap-toolbar button:disabled{cursor:not-allowed;opacity:.4}.tiptap-toolbar button:disabled:hover{background:#0000}.toolbar-divider{background:var(--zhihu-gray-300);height:24px;margin:4px 8px;width:1px}.toolbar-select{background:#fff;border:1px solid var(--zhihu-gray-300);border-radius:4px;color:var(--zhihu-gray-700);cursor:pointer;font-size:13px;height:32px;padding:0 8px;transition:all .2s ease}.toolbar-select:hover{background:var(--zhihu-gray-50);border-color:var(--zhihu-blue)}.toolbar-select:focus{border-color:var(--zhihu-blue);box-shadow:0 0 0 2px #0084ff26;outline:none}.toolbar-color-picker{align-items:center;display:flex;position:relative}.toolbar-color-picker input[type=color]{height:0;opacity:0;position:absolute;width:0}.toolbar-color-picker label{align-items:center;border-radius:4px;color:var(--zhihu-gray-600);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.toolbar-color-picker label:hover{background:var(--zhihu-gray-200);color:var(--zhihu-gray-900)}.toolbar-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.toolbar-color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.tiptap-content{background:#fff;font-size:15px;line-height:1.8;max-height:500px;min-height:300px;overflow-y:auto;padding:16px}.tiptap-content .ProseMirror,.tiptap-content:focus{outline:none}.tiptap-content .ProseMirror p{margin-bottom:1em}.tiptap-content .ProseMirror p:last-child{margin-bottom:0}.tiptap-content .ProseMirror h1,.tiptap-content .ProseMirror h2,.tiptap-content .ProseMirror h3{color:var(--zhihu-gray-900);font-weight:600;margin-bottom:.5em;margin-top:1.5em}.tiptap-content .ProseMirror h1{font-size:24px}.tiptap-content .ProseMirror h2{font-size:20px}.tiptap-content .ProseMirror h3{font-size:17px}.tiptap-content .ProseMirror ol,.tiptap-content .ProseMirror ul{margin:1em 0;padding-left:1.5em}.tiptap-content .ProseMirror li{margin-bottom:.5em}.tiptap-content .ProseMirror blockquote{background:var(--zhihu-gray-50);border-left:3px solid var(--zhihu-blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--zhihu-gray-600);font-style:italic;margin:1em 0;padding:12px 16px}.tiptap-content .ProseMirror pre{background:#1e1e1e;border-radius:var(--radius-sm);color:#d4d4d4;font-family:Consolas,Monaco,monospace;font-size:14px;margin:1em 0;overflow-x:auto;padding:16px}.tiptap-content .ProseMirror code{background:var(--zhihu-gray-100);border-radius:4px;color:var(--primary-gradient-end);font-family:Consolas,Monaco,monospace;font-size:14px;padding:2px 6px}.tiptap-content .ProseMirror pre code{background:none;color:inherit;padding:0}.tiptap-content .ProseMirror img{border-radius:var(--radius-sm);display:block;height:auto;margin:1em 0;max-width:100%}.tiptap-content .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--zhihu-blue)}.tiptap-content .ProseMirror a{color:var(--zhihu-blue);text-decoration:none}.tiptap-content .ProseMirror a:hover{text-decoration:underline}.tiptap-content .ProseMirror p.is-editor-empty:first-child:before{color:var(--zhihu-gray-400);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.image-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.image-dialog{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:400px;padding:24px;width:100%}.image-dialog h3{color:var(--zhihu-gray-900);font-size:16px;font-weight:600}.image-dialog .input,.image-dialog h3{margin-bottom:16px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.dialog-actions .btn{min-width:80px}.datetime-picker{position:relative;width:100%}.datetime-picker-input{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:var(--zhihu-gray-700);cursor:pointer;display:flex;font-family:var(--font-family);font-size:1.125rem;justify-content:space-between;padding:.55rem 1rem;transition:all .3s ease;width:100%}.datetime-picker-input:hover{border-color:silver}.datetime-picker-input.active{border-color:var(--primary-gradient-end);box-shadow:0 0 0 3px #0084ff1a}.datetime-picker-value{color:var(--zhihu-gray-700);flex:1 1}.datetime-picker-icon{color:var(--zhihu-gray-400);transition:color .2s ease}.datetime-picker-input:hover .datetime-picker-icon{color:var(--zhihu-gray-600)}.datetime-picker-input.active .datetime-picker-icon{color:var(--primary-gradient-end)}.datetime-picker-popup{animation:datetimePickerSlideIn .2s ease-out;background:#fff;border-radius:10px;box-shadow:0 4px 6px #00000012,0 12px 24px #0000001f,0 0 0 1px #86c5fc33;left:0;overflow:hidden;position:absolute;top:calc(100% + 8px);width:290px;z-index:1000}@keyframes datetimePickerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.datetime-picker-header{align-items:center;background:linear-gradient(135deg,#e0c3fc,#8ec5fc);color:var(--zhihu-gray-800);display:flex;justify-content:space-between;padding:12px 14px}.datetime-picker-nav{align-items:center;background:#ffffff80;border:none;border-radius:6px;color:var(--zhihu-gray-700);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.datetime-picker-nav:hover{background:#ffffffb3;transform:scale(1.05)}.datetime-picker-nav:active{transform:scale(.95)}.datetime-picker-title{align-items:center;display:flex;gap:6px}.datetime-picker-select{background:#fff9;border:none;border-radius:6px;color:var(--zhihu-gray-800);cursor:pointer;font-size:.9rem;font-weight:600;outline:none;padding:4px 8px;transition:all .2s ease}.datetime-picker-select:hover{background:#fffc}.datetime-picker-select option{background:#fff;color:var(--zhihu-gray-700)}.datetime-picker-calendar{padding:12px}.datetime-picker-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.datetime-picker-weekday{color:var(--zhihu-gray-400);font-size:.75rem;font-weight:600;padding:6px 0;text-align:center}.datetime-picker-weekday.weekend{color:#ff6b6b}.datetime-picker-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.datetime-picker-day-empty{aspect-ratio:1}.datetime-picker-day{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:6px;color:var(--zhihu-gray-700);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;transition:all .2s ease}.datetime-picker-day:hover:not(.selected){background:linear-gradient(135deg,#8ec5fc33,#e0c3fc33);color:var(--zhihu-blue)}.datetime-picker-day.today{background:linear-gradient(135deg,#8ec5fc40,#e0c3fc40);box-shadow:0 2px 8px #8ec5fc4d;color:var(--zhihu-blue);font-weight:700}.datetime-picker-day.selected,.datetime-picker-day.today:hover{box-shadow:0 4px 12px #8ec5fc66}.datetime-picker-day.selected{background:linear-gradient(135deg,var(--zhihu-blue),var(--zhihu-purple));color:#fff;font-weight:600}.datetime-picker-day.selected:hover{box-shadow:0 6px 16px #8ec5fc80}.datetime-picker-time{align-items:center;background:var(--zhihu-gray-50);border-top:1px solid var(--zhihu-gray-100);display:flex;gap:10px;justify-content:center;padding:12px}.datetime-picker-time-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:var(--zhihu-gray-700);cursor:pointer;font-size:.875rem;font-weight:500;outline:none;padding:6px 10px;transition:all .2s ease}.datetime-picker-time-select:hover{border-color:silver}.datetime-picker-time-select:focus{border-color:var(--primary-gradient-end);box-shadow:0 0 0 3px #0084ff1a}.datetime-picker-time-select option{background:#fff;color:var(--zhihu-gray-700)}.datetime-picker-time-separator{color:var(--zhihu-gray-400);font-size:1.25rem;font-weight:600}.datetime-picker-footer{border-top:1px solid var(--zhihu-gray-100);display:flex;gap:6px;padding:10px 12px}.datetime-picker-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.8125rem;font-weight:600;padding:8px 12px;transition:all .2s ease}.datetime-picker-btn-now{background:linear-gradient(135deg,#8ec5fc26,#e0c3fc26);color:var(--zhihu-blue)}.datetime-picker-btn-now:hover{background:linear-gradient(135deg,#8ec5fc40,#e0c3fc40);box-shadow:0 4px 12px #8ec5fc40;transform:translateY(-1px)}.datetime-picker-btn-cancel{background:var(--zhihu-gray-100);color:var(--zhihu-gray-600)}.datetime-picker-btn-cancel:hover{background:var(--zhihu-gray-200);transform:translateY(-1px)}.datetime-picker-btn-confirm{background:linear-gradient(135deg,var(--zhihu-blue),var(--zhihu-purple));box-shadow:0 4px 12px #8ec5fc59;color:#fff}.datetime-picker-btn-confirm:hover{box-shadow:0 6px 16px #8ec5fc73;transform:translateY(-1px)}.datetime-picker-btn:active{transform:translateY(0)}@media (max-width:768px){.datetime-picker-popup{left:50%;width:280px}.datetime-picker-input.active~.datetime-picker-popup,.datetime-picker-popup{transform:translateX(-50%)}}.admin{padding:20px 0}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-title{color:var(--zhihu-gray-900);font-size:20px;font-weight:600}.admin-list{display:flex;flex-direction:column;gap:12px}.admin-post-card{align-items:center;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.admin-post-card:hover{box-shadow:var(--shadow-md)}.admin-post-main{align-items:center;display:flex;flex:1 1;gap:16px}.admin-post-thumbnail{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:var(--radius-sm);flex-shrink:0;height:60px;overflow:hidden;width:100px}.admin-post-thumbnail img{height:100%;object-fit:cover;width:100%}.admin-post-content{flex:1 1;min-width:0}.admin-post-title{color:var(--zhihu-gray-900);font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-post-meta{align-items:center;display:flex;gap:12px}.status-badge{border-radius:10px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.status-badge.published{background:#e6f4ea;color:var(--zhihu-green)}.status-badge.draft{background:#fef7e0;color:#f80}.post-time{color:var(--zhihu-gray-400);font-size:13px}.admin-post-actions{display:flex;flex-shrink:0;gap:8px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid var(--zhihu-gray-100);display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{font-size:18px;font-weight:600}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--zhihu-gray-400);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:var(--zhihu-gray-50);color:var(--zhihu-gray-600)}.modal-form{display:flex;flex-direction:column;gap:20px;padding:24px}.modal-form input[type=text]{font-size:1.125rem}.thumbnail-upload{width:100%}.upload-area{background:var(--zhihu-gray-50);border:2px dashed var(--zhihu-gray-300);border-radius:var(--radius-sm);cursor:pointer;padding:32px;text-align:center;transition:all .2s ease}.upload-area.active,.upload-area:hover{background:#0084ff0d;border-color:var(--zhihu-blue)}.upload-icon{display:block;font-size:40px;margin-bottom:12px}.upload-area p{color:var(--zhihu-gray-700);font-size:14px;margin-bottom:4px}.upload-hint{color:var(--zhihu-gray-400);font-size:12px}.uploading{align-items:center;color:var(--zhihu-gray-500);display:flex;flex-direction:column;gap:12px}.thumbnail-preview{display:inline-block;overflow:hidden;position:relative}.thumbnail-preview,.thumbnail-preview img{border-radius:var(--radius-sm);max-width:100%}.thumbnail-preview img{display:block;max-height:200px}.remove-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.remove-btn:hover{background:#000c}.checkbox-group label{align-items:center;color:var(--zhihu-gray-700);cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-group input[type=checkbox]{accent-color:var(--zhihu-blue);cursor:pointer;height:18px;width:18px}.modal-actions{border-top:1px solid var(--zhihu-gray-100);display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-bottom:8px;padding-top:8px}.spinner-sm{border-width:2px;height:20px;width:20px}@media (max-width:768px){.admin-header,.admin-post-card{align-items:stretch;flex-direction:column;gap:12px}.admin-post-main{flex-direction:column}.admin-post-thumbnail{height:160px;width:100%}.admin-post-actions{justify-content:flex-end}.modal{max-height:95vh}.modal-form,.modal-header{padding:16px}}.change-password-page{align-items:center;background-color:var(--zhihu-gray-50);display:flex;justify-content:center;min-height:calc(100vh - 56px);padding:2rem}.change-password-container{max-width:400px;width:100%}.change-password-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:2.5rem}.change-password-header{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:2rem}.change-password-logo{color:var(--primary-gradient-end);height:48px;width:48px}.change-password-title{color:var(--zhihu-gray-900);font-size:1.75rem;font-weight:700;margin:0}.change-password-subtitle{color:var(--zhihu-gray-600);font-size:.9rem;margin:0}.change-password-form{gap:1.5rem}.change-password-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--zhihu-gray-700);font-size:.95rem;font-weight:600}.password-strength{margin-top:.5rem}.password-strength-bar{background:#e0e0e0;border-radius:2px;height:4px;overflow:hidden}.password-strength-fill{border-radius:2px;height:100%;transition:width .3s ease,background-color .3s ease}.password-strength-fill.weak{background:#dc2626}.password-strength-fill.medium{background:#f59e0b}.password-strength-fill.strong{background:#059669}.password-hint{color:var(--zhihu-gray-500);font-size:.8rem;margin-top:.25rem}.password-hint.error{color:var(--zhihu-red)}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.error-message,.success-message{font-size:.9rem;padding:.75rem 1rem}.success-message{background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#059669}.change-password-buttons{display:flex;flex-direction:column;gap:.5rem;position:relative}.btn-block{font-size:1.05rem;font-weight:600;padding:.875rem}.change-password-link{align-items:center;border-radius:8px;color:var(--zhihu-gray-600);display:inline-flex;font-size:.9rem;gap:6px;justify-content:center;padding:.5rem;text-decoration:none;transition:all .2s ease}.change-password-link:hover{background:#8ec5fc1a;color:var(--primary-gradient-end)}.change-password-link svg{transition:transform .2s ease}.change-password-link:hover svg{transform:rotate(-15deg)}@media (max-width:768px){.change-password-card{padding:2rem}.change-password-title{font-size:1.5rem}}:root{--primary-gradient-start:#e0c3fc;--primary-gradient-end:#8ec5fc;--zhihu-blue:#8ec5fc;--zhihu-blue-hover:#7eb4ea;--zhihu-purple:#e0c3fc;--zhihu-green:#00b578;--zhihu-red:#ff4d4f;--zhihu-gray-50:#f6f6f6;--zhihu-gray-100:#ededed;--zhihu-gray-200:#e3e3e3;--zhihu-gray-300:#d9d9d9;--zhihu-gray-400:#ccc;--zhihu-gray-500:#b2b2b2;--zhihu-gray-600:#8a8a8a;--zhihu-gray-700:#646464;--zhihu-gray-800:#3d3d3d;--zhihu-gray-900:#1c1c1c;--header-gradient-start:#e0c3fc;--header-gradient-end:#8ec5fc;--font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 16px #0000001f;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f6f6;background-color:var(--zhihu-gray-50);color:#1c1c1c;color:var(--zhihu-gray-900);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1100px;padding:20px;width:100%}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#e0c3fc,#8ec5fc);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:#3d3d3d;color:var(--zhihu-gray-800);font-weight:600}.btn-primary:hover{background:linear-gradient(135deg,#8ec5fc,#e0c3fc);background:linear-gradient(135deg,var(--primary-gradient-end),var(--primary-gradient-start));box-shadow:0 2px 8px #8ec5fc66}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#fff;border:2px solid #d9d9d9;border:2px solid var(--zhihu-gray-300);color:#646464;color:var(--zhihu-gray-700)}.btn-secondary:hover{background-color:#f6f6f6;background-color:var(--zhihu-gray-50);border-color:#ccc;border-color:var(--zhihu-gray-400)}.btn-danger{background-color:#ff4d4f;background-color:var(--zhihu-red);color:#fff}.btn-danger:hover{background-color:#ff3839}.btn-sm{font-size:13px;padding:4px 12px}.btn-block,.input{width:100%}.input{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease}.input:focus{border-color:#8ec5fc;border-color:var(--primary-gradient-end);outline:none}.input::placeholder{color:#aaa}.textarea{font-family:inherit;min-height:120px;resize:vertical}.card{background:#fff;border:1px solid #ededed;border:1px solid var(--zhihu-gray-100);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-md)}.tag{background:#ededed;background:var(--zhihu-gray-100);border-radius:4px;border-radius:var(--radius-sm);color:#8a8a8a;color:var(--zhihu-gray-600);display:inline-block;font-size:12px;padding:2px 8px}.avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.avatar-sm{height:32px;width:32px}.avatar-lg{height:56px;width:56px}.loading{align-items:center;display:flex;justify-content:center;padding:60px}.spinner{animation:spin .8s linear infinite;border:3px solid #e3e3e3;border-top-color:#8ec5fc;border:3px solid var(--zhihu-gray-200);border-radius:50%;border-top-color:var(--zhihu-blue);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#b2b2b2;color:var(--zhihu-gray-500);padding:80px 24px;text-align:center}.empty-icon{display:block;font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:15px}.divider{background:#ededed;background:var(--zhihu-gray-100);height:1px;margin:16px 0}@media (max-width:768px){.main-content{padding:12px}.btn{padding:6px 12px}}
/*# sourceMappingURL=main.17310b31.css.map*/