@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(-20px)}10%,90%{opacity:1;transform:translateY(0)}}:root{--primary-color:#3ca370;--primary-hover:#348f61;--primary-light:#f0f7f4;--link-color:#1a73e8;--text-primary:#333333;--text-secondary:#666666;--text-light:#999999;--header-height:80px;--max-content-width:900px;--sidebar-width:200px;--memo-width:620px;--spacing-base:20px;--transition-speed:0.2s;--layout-margin:20px;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, 
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-mono:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", 
        "Courier New", monospace}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body{background:#fafafa;min-height:100vh;font-family:var(--font-family-base)}header{position:sticky;top:0;background:#fff;border-bottom:1px solid #efefef;margin-bottom:var(--spacing-base);z-index:100}.header-container{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-base);margin-left:calc((100% - var(--max-content-width))/2 - var(--layout-margin))}.header-top,header .top{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-base)0}.header-top .title{font-size:24px;color:var(--text-primary);font-weight:600;letter-spacing:.5px}.user{text-align:right}.user .name{color:var(--text-primary);font-size:16px}.user .date{font-size:12px;color:var(--text-light);margin-top:4px}.header-actions{padding:var(--spacing-base)0 calc(var(--spacing-base) - 8px);margin-left:10px}.actions-wrapper{display:flex;gap:12px;justify-content:flex-start}.action-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f5f5f5;color:var(--text-primary);border:0;border-radius:6px;cursor:pointer;font-size:14px;text-decoration:none;transition:all var(--transition-speed) ease}.action-button:hover{background:#ebebeb}.action-button svg,.nav-link svg{transition:transform var(--transition-speed) ease}.action-button.loading svg{animation:spin 1s linear infinite}.header-left{display:flex;flex-direction:column;gap:12px}.header-right{display:flex;align-items:center;gap:16px}.nav-link,.nav-links{display:flex;gap:20px}.nav-link{align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color var(--transition-speed) ease}.nav-link:hover{color:var(--primary-color)}.nav-link:hover svg{transform:translateX(2px)}header .top .user{padding:10px 0}.sidebar h2,header .top .user .name{color:#454545;font-size:16px}header .top .user .date{font-size:12px;color:#9d9d9d;margin-top:4px}.layout{display:flex;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-base) var(--spacing-base);gap:var(--spacing-base);min-height:calc(100vh - var(--header-height));margin-left:calc((100% - var(--max-content-width))/2 - var(--layout-margin))}.sidebar{width:100%;max-width:var(--sidebar-width);flex-shrink:0;position:sticky;top:calc(var(--header-height) + var(--spacing-base));height:calc(100vh - var(--header-height) - var(--spacing-base)*2);overflow-y:auto;scrollbar-gutter:stable}.sidebar h2{font-size:14px;margin:0 0 15px 10px}.tag-list{font-size:14px;overflow-y:auto;padding-left:10px;-ms-overflow-style:none;scrollbar-width:none}.tag-list::-webkit-scrollbar{display:none}.tag-list .tag::before{content:"# "!important;display:inline}.tag-item{display:flex;align-items:center;padding:6px 10px;color:#888;cursor:pointer;transition:all .2s ease}.tag-item.active,.tag-item:hover{background-color:var(--primary-light);color:var(--primary-color)}.tag-item.active{font-weight:500;border-left:3px solid var(--primary-color)}.tag-item .count{margin-left:8px;font-size:12px;color:#999}.tag-item.sub-tag{padding-left:16px}.parent-tag,.tag-item{font-weight:400}.child-tag{padding-left:20px}.toggle-arrow{margin-left:auto;cursor:pointer;user-select:none;font-size:8px}.main-content{flex-grow:1;min-width:0;max-width:var(--memo-width);width:100%}.memo{background:#fff;padding:var(--spacing-base);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .2s ease;margin:20px 0;word-wrap:break-word;max-width:620px;width:100%;box-sizing:border-box}.memo:hover{box-shadow:0 2px 10px rgba(0,0,0,.1)}.memo .time{color:#8d8d8d;font-size:12px}.memo .content{color:#323232;font-size:14px;margin-top:10px}.memo .content p{line-height:1.8;min-height:20px;margin:0}.memo .content ol,.memo .content ul{padding-inline-start:22px;margin:10px 0}.memo .content li{line-height:1.8}.memo .files img{max-width:100%;border:1px solid #e6e6e6;border-radius:4px;margin:10px 0}.memo .content .tag,.memo .content a{text-decoration:none;transition:all var(--transition-speed) ease}.memo .content a{color:var(--link-color);border-bottom:1px solid transparent}.memo .content a:hover{border-bottom-color:var(--link-color)}.memo .content .tag{display:inline-block;color:var(--primary-color);margin:0 2px}.memo .content .tag:hover{text-decoration:underline;cursor:pointer}.memo .content hr{border:0;border-top:1px solid #efefef;margin:15px 0}.error,.loading{text-align:center;padding:50px;color:#666}.error{color:#f44;padding:20px;background:#fff;border-radius:8px;margin:20px 0}.tag-item.level-1{padding-left:10px}.tag-item.level-2{padding-left:20px}.tag-item.level-3{padding-left:30px}@media (max-width:1024px){.header-container,.layout{margin-left:var(--spacing-base);margin-right:var(--spacing-base)}:root{--max-content-width:100%}}@media (max-width:768px){:root{--spacing-base:15px}.header-container{padding:0 var(--spacing-base)}.header-top{flex-direction:column;align-items:flex-start;gap:12px;padding:15px 0}.header-top .title{font-size:20px}.user{text-align:left}.header-actions{padding:10px 0;width:100%}.actions-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.action-button{padding:10px 8px;width:100%;justify-content:center;font-size:14px;white-space:nowrap}.layout{flex-direction:column;padding:0 var(--spacing-base);gap:15px}.sidebar{position:static;max-width:100%;height:auto;margin-bottom:15px}.tag-list{max-height:200px;border-radius:8px;background:#fff;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.tag-item{padding:8px 10px;font-size:15px}.main-content{max-width:100%}.memo{margin:15px 0;padding:15px}.memo .content{font-size:15px;line-height:1.6}.memo .time{font-size:13px}}@media (max-width:480px){:root{--spacing-base:12px}.header-top .title{font-size:18px}.actions-wrapper{grid-template-columns:repeat(2,1fr)}.action-button{padding:8px 6px;font-size:13px}.memo{padding:12px;margin:12px 0}.memo .content{font-size:14px}.memo .time{font-size:12px}.memo .files img{border-radius:6px;margin:8px 0}}.cache-notification{position:fixed;top:20px;right:20px;background:rgba(0,0,0,.7);color:#fff;padding:10px 20px;border-radius:4px;z-index:1000;animation:fadeInOut 3s ease-in-out}