@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+SC:wght@400;600;700&display=swap");:root{--paper:#f7f7f2;--panel:#ffffff;--sidebar:#f0f1e9;--ink:#20241d;--muted:#7d8278;--line:#e4e6dd;--green:#42634b;--green-soft:#e5ece3;--warm:#cc7249;--shadow:0 18px 55px rgba(30,38,29,0.13)}:root[data-theme=dark]{--paper:#171a16;--panel:#1e221d;--sidebar:#1a1e19;--ink:#e8eadf;--muted:#949b90;--line:#30362e;--green:#9dbc9e;--green-soft:#29352b;--shadow:0 18px 55px rgba(0,0,0,0.35)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font-family:DM Sans,system-ui,sans-serif}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-columns:230px minmax(330px,410px) minmax(420px,1fr);overflow:hidden}.sidebar{position:relative;display:flex;flex-direction:column;padding:26px 15px 18px;background:var(--sidebar);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 25px;font-size:20px;font-weight:600;letter-spacing:-.4px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;color:white;border-radius:9px 9px 9px 3px;background:var(--green);transform:rotate(-3deg)}.brand-mark svg{transform:rotate(3deg)}.feed-list,.nav-section{display:grid;grid-gap:3px;gap:3px}.feed-item,.nav-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:9px;padding:9px 10px;cursor:pointer;text-align:left;color:var(--muted);font-size:13px}.feed-item.active,.feed-item:hover,.nav-item.active,.nav-item:hover{color:var(--ink);background:rgba(255,255,255,.56)}[data-theme=dark] .feed-item.active,[data-theme=dark] .feed-item:hover,[data-theme=dark] .nav-item.active,[data-theme=dark] .nav-item:hover{background:rgba(255,255,255,.06)}.nav-item.active{font-weight:600}.feed-item em,.nav-item em{margin-left:auto;font-style:normal;font-size:11px;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:27px 10px 9px;color:var(--muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}.section-title button{border:0;background:transparent;cursor:pointer;padding:2px;color:var(--muted)}.feed-icon{width:22px;height:22px;flex:0 0 auto;border-radius:6px;display:grid;place-items:center;background:var(--green-soft);overflow:hidden}.feed-icon img{width:15px;height:15px}.feed-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom{margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.profile{width:100%;display:flex;gap:9px;align-items:center;background:transparent;border:0;text-align:left;cursor:pointer;padding:7px}.profile>span:nth-child(2){display:grid;grid-gap:2px;gap:2px;flex:1 1}.profile strong{font-size:11px;font-weight:600}.profile small{color:var(--muted);font-size:9px}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#d6b78d;color:#fff;font-family:Georgia,serif}.article-column{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border-right:1px solid var(--line)}.column-header{height:96px;display:flex;align-items:center;gap:14px;padding:24px 25px 17px}.column-header>div{flex:1 1}.column-header h1{margin:0;font-family:"Noto Serif SC",serif;font-size:21px;letter-spacing:-.6px}.column-header p{margin:5px 0 0;color:var(--muted);font-size:11px}.icon-button,.mobile-menu{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;border-radius:9px;cursor:pointer}.mobile-menu{display:none}.search-wrap{height:36px;margin:0 25px 14px;padding:0 11px;display:flex;gap:8px;align-items:center;background:var(--paper);border:1px solid transparent;border-radius:9px;color:var(--muted)}.search-wrap:focus-within{border-color:#aebfae}.search-wrap input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.search-wrap button{border:0;background:transparent;color:var(--muted);cursor:pointer}.article-list{min-height:0;flex:1 1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.article-card{position:relative;padding:18px 25px 19px;border-top:1px solid var(--line);cursor:pointer;transition:background .15s ease}.article-card.selected,.article-card:hover{background:var(--paper)}.article-card.selected:before{position:absolute;content:"";inset:0 auto 0 0;width:3px;background:var(--green)}.article-card.read{opacity:.72}.card-meta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.card-meta span:first-child{color:var(--green);font-weight:600;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta i{width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--warm)}.card-body{display:flex;gap:14px;align-items:flex-start}.card-body>div{min-width:0;flex:1 1}.card-body h2{margin:9px 0 7px;font-size:15px;line-height:1.55;letter-spacing:-.2px}.card-body h2,.card-body p{font-family:"Noto Serif SC",serif}.card-body p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body img{width:70px;height:66px;margin-top:10px;flex:0 0 auto;object-fit:cover;border-radius:8px;background:var(--line)}.state{height:55vh;display:grid;place-content:center;justify-items:center;grid-gap:10px;gap:10px;color:var(--muted);font-size:12px}.reader{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.reader-toolbar{height:58px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line)}.reader-toolbar a,.reader-toolbar button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none}.reader-toolbar a:hover,.reader-toolbar button:hover{background:var(--green-soft);color:var(--green)}.reader-toolbar .back-button{display:none;width:auto;grid-template-columns:auto auto;gap:5px}.toolbar-actions{display:flex;margin-left:auto;gap:5px}.reading-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1 1;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.reading-content{max-width:680px;margin:0 auto;padding:65px 50px 90px}.reading-source{display:flex;align-items:center;gap:8px;color:var(--green);font-size:11px;font-weight:600}.reading-source img{width:18px;height:18px;border-radius:5px}.reading-content>h1{margin:19px 0 14px;font-family:"Noto Serif SC",serif;font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1.35;letter-spacing:-1.2px}.reading-meta{display:flex;gap:15px;color:var(--muted);font-size:11px}.hero-image{width:100%;max-height:370px;margin:35px 0 26px;object-fit:cover;border-radius:13px}.article-text{margin-top:40px;font-family:"Noto Serif SC",serif;color:color-mix(in srgb,var(--ink) 88%,transparent);font-size:16px;line-height:2;letter-spacing:.15px}.article-text p{margin:0 0 1.3em}.article-loading{margin-top:32px;display:flex;align-items:center;gap:8px;color:var(--green);font-size:12px}.article-notice{margin:24px 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:11px;line-height:1.7}.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4{margin:1.7em 0 .7em;line-height:1.45}.rich-content h2{font-size:1.45em}.rich-content h3{font-size:1.2em}.rich-content ol,.rich-content ul{padding-left:1.6em;margin:0 0 1.4em}.rich-content li{margin:.45em 0}.rich-content blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--green);color:var(--muted)}.rich-content img{display:block;max-width:100%;height:auto;margin:1.8em auto;border-radius:10px}.rich-content figure{margin:1.8em 0}.rich-content figcaption{margin-top:.6em;color:var(--muted);text-align:center;font-size:.78em}.rich-content a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}.rich-content pre{max-width:100%;overflow-x:auto;padding:14px;border-radius:9px;font-size:.82em;line-height:1.6}.rich-content code,.rich-content pre{background:var(--panel);font-family:ui-monospace,monospace}.rich-content code{padding:.12em .3em;border-radius:4px;font-size:.88em}.end-mark{display:flex;align-items:center;justify-content:center;gap:9px;margin:55px 0 20px;color:var(--muted)}.end-mark span{width:42px;height:1px;background:var(--line)}.original-link{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--green);font-size:12px;text-decoration:none}.empty-reader{margin:auto;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty-reader>span{width:62px;height:62px;display:grid;place-items:center;border-radius:50% 50% 50% 18%;background:var(--green-soft);color:var(--green);transform:rotate(-8deg)}.empty-reader svg{transform:rotate(8deg)}.empty-reader h2{margin:20px 0 7px;color:var(--ink);font-size:18px}.empty-reader h2,.empty-reader p{font-family:"Noto Serif SC",serif}.empty-reader p{margin:0;font-size:12px}.floating-add{position:fixed;right:25px;bottom:22px;display:flex;align-items:center;gap:7px;padding:10px 14px;border:0;border-radius:10px;background:var(--green);color:white;box-shadow:0 8px 24px rgba(51,86,60,.23);cursor:pointer;font-size:11px}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:rgba(21,27,20,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(430px,100%);position:relative;padding:34px;border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.modal-close{position:absolute;right:16px;top:16px;border:0;background:transparent;color:var(--muted);cursor:pointer}.modal-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--green-soft);color:var(--green)}.modal h2{margin:20px 0 8px;font-family:"Noto Serif SC",serif;font-size:22px}.modal>p{margin:0 0 24px;color:var(--muted);font-size:12px}.modal label{display:block;margin-bottom:7px;font-size:11px;font-weight:600}.modal>input{width:100%;height:43px;padding:0 12px;border:1px solid var(--line);outline:0;border-radius:9px;color:var(--ink);background:var(--paper);font-size:12px}.modal>input:focus{border-color:var(--green)}.form-error{margin-top:9px;color:#bd4d45;font-size:11px}.submit-button{width:100%;height:43px;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:var(--green);color:white;cursor:pointer;font-size:12px}.submit-button:disabled{opacity:.5;cursor:not-allowed}.modal>small{display:block;margin-top:12px;text-align:center;color:var(--muted);font-size:9px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.app-shell{display:block;position:relative}.article-column,.reader,.sidebar{display:none;position:absolute;inset:0;width:100%}.article-column.mobile-active,.reader.mobile-active,.sidebar.mobile-active{display:flex}.sidebar{z-index:2}.mobile-menu,.reader-toolbar .back-button{display:grid}.reading-content{padding:38px 24px 90px}.floating-add{right:18px;bottom:18px}}@media (min-width:901px) and (max-width:1150px){.app-shell{grid-template-columns:205px 365px minmax(400px,1fr)}.reading-content{padding-inline:38px}}