:root{--paper:#f6f5ef;--white:#fdfcf8;--ink:#26352e;--pine:#355846;--wood:#b08a55;--line:#d9ddd2;--muted:#6f7b70;--display:"Songti SC", "Noto Serif SC", "SimSun", Georgia, serif;--body:"Microsoft YaHei", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--wood);outline-offset:3px}.wrap{width:min(1200px,100% - 64px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:#fdfcf8f0;height:84px}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.brand{font-family:var(--display);letter-spacing:.03em;align-items:center;gap:12px;font-size:25px;font-weight:700;line-height:1;display:flex}.brand small{font:600 8px var(--body);letter-spacing:.3em;color:var(--wood);margin-top:7px;display:block}.brand-mark{background:var(--pine);width:38px;height:38px;color:var(--white);border-radius:10px 10px 14px;place-items:center;font:27px Georgia,serif;display:grid;transform:rotate(-8deg)}.site-header nav{align-items:center;gap:34px;font-size:13px;font-weight:600;display:flex}.site-header nav>a:not(.nav-write):hover{color:var(--wood)}.nav-write{border:1px solid var(--pine);color:var(--pine);border-radius:4px;padding:13px 20px}.nav-write span{margin-left:12px}.nav-write:hover{background:var(--pine);color:var(--white)}.hero{grid-template-columns:1fr .9fr;align-items:center;gap:56px;padding-top:78px;padding-bottom:92px;display:grid}.eyebrow{color:var(--wood);letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:700}.hero h1{font:500 clamp(42px, 5vw, 66px)/1.36 var(--display);letter-spacing:-.04em;margin:28px 0 25px}.hero h1 em{color:var(--pine);font-style:normal}.hero-copy>p{max-width:440px;color:var(--muted);margin:0 0 36px;font-size:15px;line-height:2}.button{border-radius:3px;align-items:center;gap:30px;padding:16px 25px;font-size:13px;font-weight:700;display:inline-flex}.button-primary{background:var(--pine);color:var(--white)}.button-primary:hover{background:#294737}.hero-art{background:#c8ba9e;border-radius:4px;height:390px;position:relative;overflow:hidden;box-shadow:18px 18px #e7e8dd}.hero-art:before{content:"";background:radial-gradient(circle at 74% 32%,#e5d9bb 0,#0000 37%),linear-gradient(132deg,#d8caaa,#ae9574 64%,#886a4e);position:absolute;inset:0}.hero-art:after{content:"";opacity:.22;background:repeating-linear-gradient(0deg,#0000 0 3px,#755d40 4px,#0000 5px);position:absolute;inset:0}.art-note{z-index:2;color:#5a4935;font:600 10px var(--body);letter-spacing:.25em;position:absolute;top:30px;left:36px}.soundhole{z-index:1;background:#28221c;border:13px double #5a4733;border-radius:50%;width:310px;height:310px;position:absolute;top:73px;right:85px;box-shadow:0 0 0 5px #c4ab7f,0 0 0 8px #5a4733,0 0 0 14px #c9b48c}.soundhole-core{background:radial-gradient(circle at 35% 32%,#58412f,#211b16 65%);border-radius:50%;position:absolute;inset:36px}.string-lines{z-index:3;justify-content:space-around;display:flex;position:absolute;inset:0}.string-lines i{background:linear-gradient(90deg,#f7e8c5,#615240,#eadab2);width:1px;height:120%;margin-top:-20px;transform:rotate(13deg);box-shadow:1px 0 3px #514332}.hero-art-caption{z-index:4;color:#f8f4e9;font:500 15px/1.7 var(--display);text-align:right;text-shadow:0 1px 3px #4d3f32;position:absolute;bottom:24px;right:28px}.latest{padding-bottom:110px}.section-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:end;padding:28px 0 24px;display:flex}.section-heading h2{font:600 34px var(--display);margin:10px 0 0}.section-heading>p{color:var(--muted);margin:0 0 4px;font-size:13px}.section-tools{align-items:center;gap:20px;padding-bottom:2px;display:flex}.section-tools p{color:var(--muted);margin:0;font-size:13px}.view-toggle{border:1px solid var(--line);background:var(--white);min-width:88px;color:var(--pine);cursor:pointer;white-space:nowrap;border-radius:3px;padding:9px 12px;font-size:12px;font-weight:700}.view-toggle:hover{border-color:var(--pine)}.compact-home .hero{padding-top:24px;padding-bottom:23px;display:block}.compact-home .hero h1{margin:8px 0 0;font-size:clamp(27px,3vw,34px);line-height:1.3}.compact-home .hero h1 br,.compact-home .hero-copy>p,.compact-home .hero-copy>.button{display:none}.compact-home .article-grid{display:block}.compact-home .article-card{margin-bottom:7px;display:block}.compact-home .card-content{padding:14px 22px}.compact-home .card-content h3{min-height:0;margin:5px 0;font-size:19px}.compact-home .card-content>p:not(.card-meta){min-height:0}.compact-home .read-more{margin-top:8px}.compact-home .article-card:hover{transform:none}.preview-note{border-left:3px solid var(--wood);color:#725b39;background:#f0ebdd;margin:8px 0 24px;padding:12px 16px;font-size:12px;line-height:1.7}.article-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.article-card{background:var(--white);border:1px solid #e8e9e1;min-width:0;transition:transform .2s,box-shadow .2s;display:block}.article-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #26352e14}.card-cover{background:#8caa94;height:205px;position:relative;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-1{background:#c9b48c}.cover-2{background:#647f76}.card-cover:after{content:"";background:#1c2d242e;border:14px double #23392f8c;border-radius:50%;width:210px;height:210px;position:absolute;top:50px;right:25px}.cover-1:after{background:#4b341c1f;border-color:#644b2e99}.cover-2:after{border-color:#1931308c}.cover-strings{z-index:1;justify-content:space-around;display:flex;position:absolute;inset:0;transform:rotate(-13deg)scale(1.2)}.cover-strings i{background:#fffff5bf;width:1px;box-shadow:1px 1px 2px #0000004d}.card-arrow{z-index:2;background:var(--white);border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;display:grid;position:absolute;bottom:16px;right:16px}.card-content{padding:24px 25px 27px}.card-meta{color:var(--muted);margin:0 0 13px;font-size:11px}.card-meta span{color:var(--wood);padding:0 6px}.card-content h3{min-height:62px;font:600 22px/1.48 var(--display);margin:0 0 12px}.card-content>p:not(.card-meta){min-height:56px;color:var(--muted);margin:0;font-size:12px;line-height:1.85}.read-more{border-bottom:1px solid var(--wood);width:max-content;color:var(--pine);margin-top:24px;padding-bottom:7px;font-size:12px;font-weight:700;display:block}.read-more span{margin-left:12px}.empty-card,.state-card{text-align:center;padding:80px 0 100px}.empty-card h3,.state-card h1{font:500 32px var(--display)}.empty-card p,.state-card p{color:var(--muted)}.article-page{max-width:800px;padding-top:55px;padding-bottom:100px}.back-link{color:var(--muted);font-size:12px}.back-link:hover{color:var(--pine)}.article-header{padding-top:65px}.article-header h1{font:600 clamp(38px, 5vw, 58px)/1.35 var(--display);letter-spacing:-.035em;margin:17px 0 20px}.article-intro{max-width:690px;color:var(--muted);font:16px/1.9 var(--body)}.article-byline{align-items:center;gap:12px;margin-top:35px;display:flex}.avatar{width:40px;height:40px;color:var(--pine);font:600 17px var(--display);background:#dde5d7;border-radius:50%;place-items:center;display:grid}.article-byline strong,.article-byline small{display:block}.article-byline strong{font-size:12px}.article-byline small{color:var(--muted);margin-top:5px;font-size:10px}.article-divider{background:var(--line);height:1px;margin:44px 0}.article-body{max-width:700px;margin-inline:auto}.article-body p{font:16px/2.2 var(--body);white-space:pre-wrap;margin:0 0 25px}.article-body figure{margin:35px 0}.article-body img,.article-body video{width:100%;display:block}.article-body figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:12px}.video-frame{aspect-ratio:16/9;background:#171d19;margin:35px 0}.video-frame video{width:100%;height:100%}.article-body .attachment{background:#e9ede6;padding:14px 18px;font-size:13px}.attachment a{color:var(--pine);text-decoration:underline}.article-end{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:70px;padding-top:30px}.article-end span{color:var(--wood);font-size:24px}.article-end p{font:14px var(--display)}.site-footer{border-top:1px solid var(--line);background:#e8ebe2}.footer-inner{justify-content:space-between;align-items:end;padding:44px 0;display:flex}.footer-inner strong{font:600 23px var(--display)}.footer-inner p{color:var(--muted);margin-bottom:0;font-size:12px}.footer-inner>div:last-child{text-align:right}.footer-inner span,.footer-inner small{color:var(--muted);font-size:12px;display:block}.footer-inner small{margin-top:12px}.preview-badge{z-index:10;background:var(--pine);color:#fff;border-radius:20px;padding:8px 12px;font-size:10px;position:fixed;bottom:15px;right:15px}.nav-plain{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.nav-plain:hover{color:var(--pine)}.button{cursor:pointer;border:1px solid #0000}.button:disabled{opacity:.55;cursor:wait}.button-outline{border-color:var(--line);background:var(--white);color:var(--pine)}.button-outline:hover{border-color:var(--pine)}.form-error,.form-success{padding:13px 16px;font-size:13px;line-height:1.7}.form-error{color:#9c3b32;background:#fff0eb}.form-success{color:var(--pine);background:#e7eee6}.auth-page{grid-template-columns:1fr 430px;align-items:center;gap:min(10vw,120px);min-height:650px;padding-top:80px;padding-bottom:110px;display:grid}.auth-intro h1{font:600 clamp(42px, 4.4vw, 62px)/1.45 var(--display);letter-spacing:-.035em;margin:25px 0}.auth-intro p{max-width:440px;color:var(--muted);font-size:15px;line-height:2}.auth-form{background:var(--white);border:1px solid var(--line);padding:46px;box-shadow:20px 20px #e7e9df}.auth-form h2{font:600 29px var(--display);margin:15px 0 33px}.auth-form label,.field-label{margin-bottom:23px;font-size:13px;font-weight:700;display:block}.auth-form input,.field-label input,.field-label textarea,.editor-block textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:3px;outline:none;margin-top:10px;padding:14px 16px;font-size:14px;font-weight:400;display:block}.auth-form input:focus,.field-label input:focus,.field-label textarea:focus,.editor-block textarea:focus{border-color:var(--wood);box-shadow:0 0 0 3px #b08a551f}.auth-form .button{justify-content:space-between;width:100%;margin-top:12px}.auth-help{color:var(--muted);margin:25px 0 0;font-size:11px;line-height:1.8}.mine-page{min-height:650px;padding-top:75px;padding-bottom:110px}.mine-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding-bottom:35px;display:flex}.mine-heading h1{font:600 46px var(--display);margin:18px 0 8px}.mine-heading p{color:var(--muted);margin:0;font-size:14px}.mine-list{background:var(--white)}.mine-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:28px 32px;display:flex}.mine-row h2{font:600 22px/1.5 var(--display);margin:12px 0 6px}.mine-row p{color:var(--muted);margin:0;font-size:12px}.mine-actions{white-space:nowrap;flex-wrap:wrap;gap:16px;display:flex}.mine-actions a,.mine-actions button{color:var(--pine);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.mine-actions a:hover,.mine-actions button:hover{color:var(--wood)}.status-tag{color:var(--muted);background:#ecece5;border-radius:2px;padding:5px 9px;font-size:10px;font-weight:700}.status-tag.published{color:var(--pine);background:#e4ece4}.editor-page{max-width:1050px;min-height:700px;padding-top:60px;padding-bottom:110px}.editor-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding-bottom:35px;display:flex}.editor-top .back-link{margin-bottom:37px;display:block}.editor-top h1{font:600 clamp(32px, 4vw, 48px)/1.4 var(--display);margin:15px 0 11px}.editor-top p{color:var(--muted);margin:0;font-size:13px}.editor-actions{gap:9px;padding-bottom:4px;display:flex}.editor-actions .button{white-space:nowrap;padding:13px 18px}.editor-message{margin:22px 0 0}.editor-form,.editor-preview{max-width:790px;margin:36px auto 0}.field-label input{font:600 22px var(--display)}.field-label textarea{resize:vertical;line-height:1.8}.field-label>span{margin-bottom:15px;display:block}.editor-blocks{gap:16px;display:grid}.editor-block{border:1px solid var(--line);background:var(--white);padding:19px}.block-actions{color:var(--wood);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.block-actions>div{gap:4px;display:flex}.block-actions button{width:29px;height:29px;color:var(--pine);cursor:pointer;background:#f0f2ec;border:0}.block-actions button:disabled{opacity:.35;cursor:default}.editor-block textarea{resize:vertical;min-height:120px;margin:0;line-height:1.85}.media-block{background:#eef1ea;flex-wrap:wrap;gap:8px 14px;padding:18px;font-size:13px;display:flex}.media-block small{color:var(--muted);font-size:11px}.insert-bar{flex-wrap:wrap;align-items:center;gap:9px;padding:17px 0;display:flex}.insert-bar>span{color:var(--muted);margin-right:8px;font-size:12px}.insert-bar button,.insert-bar label{border:1px solid var(--line);background:var(--white);color:var(--pine);cursor:pointer;padding:10px 15px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.insert-bar button:hover,.insert-bar label:hover{border-color:var(--pine)}.insert-bar input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-state{color:var(--wood);font-size:12px}.editor-preview{background:var(--white);border:1px solid var(--line);min-height:450px;padding:48px 55px}.editor-preview h2{font:600 39px/1.45 var(--display);margin:14px 0 12px}.preview-summary{color:var(--muted);line-height:1.9}.editor-preview .article-body{border-top:1px solid var(--line);padding-top:30px}@media (width<=900px){.hero{gap:30px}.hero-art{height:330px}.soundhole{right:35px}.article-grid{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr 390px;gap:30px}.editor-top{display:block}.editor-actions{margin-top:27px}}@media (width<=640px){.wrap{width:min(100% - 36px,520px)}.site-header{height:70px}.brand{font-size:19px}.brand-mark{width:31px;height:31px;font-size:23px}.brand small{font-size:6px}.site-header nav{gap:15px;font-size:11px}.site-header nav a:nth-child(2),.nav-plain{display:none}.nav-write{padding:10px}.nav-write span{display:none}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:70px}.hero h1{font-size:43px}.hero-art{height:270px;margin-right:16px}.soundhole{width:240px;height:240px;top:45px;right:40px}.section-heading{display:block}.section-heading>p{margin-top:16px}.section-tools{justify-content:space-between;margin-top:16px}.section-tools p{max-width:62%;font-size:11px}.article-grid{grid-template-columns:1fr}.card-cover{height:220px}.card-content h3,.card-content>p:not(.card-meta){min-height:0}.latest{padding-bottom:65px}.article-page{padding-top:35px}.article-header{padding-top:50px}.article-body p{font-size:15px}.footer-inner{display:block}.footer-inner>div:last-child{text-align:left;margin-top:30px}.auth-page{min-height:0;padding-top:60px;padding-bottom:95px;display:block}.auth-intro h1{font-size:39px}.auth-intro p{margin-bottom:40px}.auth-form{padding:30px 25px;box-shadow:10px 10px #e7e9df}.mine-page{padding-top:55px}.mine-heading{align-items:start}.mine-heading h1{font-size:36px}.mine-heading .button{white-space:nowrap;gap:0;padding:12px}.mine-row{padding:25px 20px;display:block}.mine-actions{margin-top:22px}.editor-page{padding-top:35px}.editor-top .back-link{margin-bottom:27px}.editor-actions{gap:6px;overflow-x:auto}.editor-actions .button{padding:11px 13px;font-size:11px}.editor-preview{padding:28px 21px}.editor-preview h2{font-size:31px}.insert-bar{gap:7px}.insert-bar>span{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card{transition:none}}.pagination-actions{justify-content:center;padding:1.8rem 0 0;display:flex}