:root{--navy:#1f3a5f;--navy-deep:#162c49;--navy-soft:#e9eef5;--brown:#8b5e3c;--brown-deep:#6f4a2f;--brown-soft:#f3ebe2;--gold:#c9a227;--gold-soft:#f7f0dc;--paper:#faf6ef;--card:#fffdf8;--ink:#26313b;--muted:#7a828c;--line:#1f3a5f1a;--serif:"Songti SC", "STSong", "SimSun", serif;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-behavior:smooth;background:var(--paper);max-width:100%;overflow-x:hidden}body{background:var(--paper);min-width:0;max-width:100%;color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:before{content:"";z-index:998;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}:where(a,button,input):focus-visible{outline-offset:3px;outline:3px solid #c9a227b8}.site-page{min-width:0;max-width:100%;overflow-x:clip}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf6efeb;border-bottom:1px solid #1f3a5f14;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:4px 24px;display:flex}.brand-logo{flex:0 auto;align-items:center;width:144px;min-width:0;height:66px;display:flex}.brand-logo img{object-fit:contain;width:100%;height:100%}.top-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.top-actions>a:not(.btn){color:var(--navy);font-size:13px;font-weight:600}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 18px;font-size:13px;font-weight:650;line-height:1;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-navy{background:var(--navy);color:#fff;box-shadow:0 6px 16px #1f3a5f38}.btn-navy:hover{background:var(--navy-deep)}.btn-ghost{color:var(--navy);background:0 0;border-color:#1f3a5f3d}.section-kicker,.story-kicker{color:var(--gold);letter-spacing:.3em;align-items:center;gap:10px;font-size:11px;font-weight:650;display:inline-flex}.section-kicker:before,.story-kicker:before{content:"";background:var(--gold);flex:none;width:32px;height:2px}.bao-mini{flex:none;place-items:center;width:48px;height:48px;display:inline-grid}.bao-mini img{object-fit:contain;filter:drop-shadow(0 3px 8px #1f3a5f29);width:100%;height:100%}.home-hero{min-width:0;position:relative;overflow:hidden}.hero-bg-nums{pointer-events:none;opacity:.14;flex-direction:column;gap:18px;padding:30px 0;display:flex;position:absolute;inset:0}.hero-bg-nums span{color:var(--navy);font:700 clamp(64px, 12vw, 150px)/1 var(--serif);white-space:nowrap}.hero-bg-nums span:nth-child(2){color:var(--brown);align-self:flex-end}.home-hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);align-items:center;gap:40px;width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:70px 24px 34px;display:grid;position:relative}.home-hero-copy{min-width:0}.home-hero h1{color:var(--navy-deep);font:560 clamp(34px, 5vw, 58px)/1.28 var(--serif);letter-spacing:.01em;margin:20px 0 0}.home-hero h1 em{color:var(--brown-deep);font-style:normal}.home-hero h1 em.gold{color:var(--gold)}.home-hero-sub{color:#55606b;max-width:540px;margin:20px 0 0;font-size:15px;line-height:2}.home-hero-sub strong{color:var(--brown-deep);font-weight:650}.hero-data{flex-wrap:wrap;gap:32px;width:fit-content;max-width:100%;margin-top:34px;display:flex;position:relative}.demo-data{background:#fffdf88a;border:1px dashed #c9a22761;border-radius:14px;padding:15px 17px 12px}.demo-badge{background:var(--gold);color:#fff;letter-spacing:.14em;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:700;line-height:1.7;position:absolute;top:-10px;right:12px}.data-item{min-width:0}.data-item .num{color:var(--navy);font:700 26px/1.2 var(--serif);white-space:nowrap}.data-item .lbl{color:var(--muted);letter-spacing:.12em;white-space:nowrap;margin-top:4px;font-size:11px}.home-hero-bao{justify-content:center;min-width:0;display:flex}.hero-bao-link{cursor:pointer;display:block;position:relative}.hero-bao-link:hover img{transform:scale(1.03)}.hero-bao-link:after{content:"↓ 去看担保人的故事";color:#8b5e3c;letter-spacing:.06em;white-space:nowrap;opacity:0;pointer-events:none;background:#fffdf8f0;border:1px solid #c9a22773;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;transition:opacity .25s,bottom .25s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #1f3a5f1f}.hero-bao-link:hover:after{opacity:1;bottom:10px}.home-hero-bao img{object-fit:contain;filter:drop-shadow(0 26px 40px #1f3a5f2e);width:min(280px,100%);height:auto;animation:4.5s ease-in-out infinite bao-float}@keyframes bao-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.section-badge{width:100%;max-width:1180px;color:var(--gold);align-items:center;gap:16px;margin:8px auto 0;padding:0 24px;display:flex}.section-badge:before,.section-badge:after{content:"";background:linear-gradient(90deg,#0000,#1f3a5f2e);flex:1;height:1px}.section-badge:after{background:linear-gradient(90deg,#1f3a5f2e,#0000)}.medal{flex:none;width:44px;height:44px}.home-gallery{width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:50px 24px 20px}.gallery-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;min-width:0;margin-bottom:30px;display:flex}.gallery-heading{align-items:center;gap:12px;min-width:0;display:flex}.gallery-bao{width:56px;height:56px}.gallery-head h2,.philosophy h2,.like-copy h2{color:var(--navy-deep);font:550 clamp(24px, 3.4vw, 34px)/1.35 var(--serif);margin:0}.gallery-head p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.8}.filters{flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.filter{color:var(--navy);white-space:nowrap;background:#fff;border:1px solid #1f3a5f33;border-radius:999px;padding:6px 14px;font-size:12px}.filter.on{border-color:var(--navy);background:var(--navy);color:#fff}.person-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0;display:grid}.person-card{background:var(--card);border:1px solid #1f3a5f14;border-radius:20px;min-width:0;max-width:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 26px #1f3a5f0f}.person-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px #1f3a5f24}.person-cover{aspect-ratio:3/4;background:linear-gradient(160deg, var(--navy-soft), var(--brown-soft));flex:0 0 44%;width:44%;min-width:118px;max-width:158px;overflow:hidden}.person-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.person-card:hover .person-cover img{transform:scale(1.035)}.person-body{flex-direction:column;flex:1;min-width:0;padding:17px 16px 15px;display:flex}.person-tag{color:var(--gold);letter-spacing:.11em;align-items:center;gap:6px;font-size:10px;font-weight:650;display:flex}.person-tag:before{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23C9A227\"><path d=\"M12 1l2.6 6.2 6.7.5-5.1 4.4 1.6 6.5L12 15.5 6.2 18.6l1.6-6.5L2.7 7.7l6.7-.5z\"/></svg>") 50%/contain no-repeat;flex:none;width:13px;height:13px}.person-body h3{color:var(--ink);font:550 19px/1.35 var(--serif);margin:8px 0 3px}.person-co{color:var(--muted);text-overflow:ellipsis;font-size:11px;line-height:1.55;overflow:hidden}.person-quote{background:var(--brown-soft);color:var(--brown-deep);font:400 13px/1.75 var(--serif);-webkit-line-clamp:2;border-radius:10px;-webkit-box-orient:vertical;margin:10px 0 0;padding:8px 10px;display:-webkit-box;overflow:hidden}.person-enter{color:var(--navy);align-items:center;gap:5px;margin-top:auto;padding-top:11px;font-size:12px;font-weight:650;display:inline-flex}.person-enter svg{transition:transform .2s}.person-card:hover .person-enter svg{transform:translate(3px)}.philosophy{width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:58px 24px 20px}.philosophy-head{justify-content:center;align-items:center;gap:12px;display:flex}.philosophy-bao{width:64px;height:64px}.philosophy-lead{max-width:580px;color:var(--muted);text-align:center;margin:12px auto 34px;font-size:14px;line-height:1.9}.philosophy-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0;display:grid}.philosophy-card{background:var(--card);border:1px solid #1f3a5f14;border-radius:18px;min-width:0;padding:27px 23px;box-shadow:0 8px 22px #1f3a5f0d}.philosophy-icon{background:var(--navy-soft);border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:15px;font-size:20px;display:grid}.philosophy-card:nth-child(2) .philosophy-icon{background:var(--brown-soft)}.philosophy-card:nth-child(3) .philosophy-icon{background:var(--gold-soft)}.philosophy-card h3{color:var(--ink);font:550 17px/1.4 var(--serif);margin:0 0 9px}.philosophy-card p{color:#5b6470;margin:0;font-size:13px;line-height:1.95}.like-section{width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:58px 24px 0}.like-card{background:linear-gradient(120deg, var(--brown-soft), var(--paper) 60%);border:1px solid #c9a22740;border-radius:28px;align-items:center;gap:42px;min-width:0;padding:30px 54px 30px 34px;display:flex}.like-card>img{filter:drop-shadow(0 20px 30px #1f3a5f26);flex:none;width:190px;height:auto}.like-copy{min-width:0}.like-copy .section-kicker{margin-bottom:13px}.like-copy p{color:#5b6470;max-width:570px;margin:11px 0 0;font-size:14px;line-height:1.95}.like-stats{flex-wrap:wrap;gap:32px;margin:17px 0 19px;display:flex}.like-stats span{color:var(--muted);font-size:12px}.like-stats b{color:var(--brown-deep);font:700 24px/1 var(--serif);margin-right:4px}.brand-footer{background:var(--navy-deep);color:#ffffffd1;max-width:100%;margin-top:70px}.foot-inner{width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:42px 24px 32px}.foot-brand{align-items:center;gap:13px;min-width:0;display:flex}.foot-bao{width:56px;height:56px}.foot-brand .brand-name{color:#fff;font:600 19px/1.3 var(--serif);letter-spacing:.06em}.foot-brand .brand-name small{color:#ffffff80;font:400 10px/1.5 var(--sans);letter-spacing:.2em;margin-top:3px;display:block}.foot-mid{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;min-width:0;margin-top:24px;display:flex}.foot-org{font:500 15px/1.6 var(--serif);letter-spacing:.08em}.foot-tech{color:#ffffff85;text-align:right;font-size:11px;line-height:1.9}.foot-tech b{color:#ffffffbd}.foot-line{color:#ffffff6b;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:8px;min-width:0;margin-top:24px;padding-top:15px;font-size:10px;display:flex}.story-reading-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:46px;width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:44px 24px 46px;display:grid}.story-reading-main{min-width:0}.story-identity{align-items:flex-start;gap:34px;min-width:0;display:flex}.story-cover-frame{background:var(--card);border:1px solid #1f3a5f1a;border-radius:9px;flex:none;width:min(300px,38vw);max-width:100%;overflow:hidden;box-shadow:0 26px 60px #1f3a5f24}.story-cover-frame img{object-fit:contain;width:100%;height:auto}.story-hero-info{flex:1;min-width:0}.story-hero-info h1{color:var(--navy-deep);font:560 clamp(30px, 4.6vw, 52px)/1.25 var(--serif);margin:13px 0 5px}.story-organization{color:var(--muted);letter-spacing:.04em;margin:0;font-size:13px}.story-quote{border-left:3px solid var(--gold);background:var(--brown-soft);border-radius:0 14px 14px 0;max-width:100%;margin:21px 0 0;padding:17px 19px}.story-quote p{color:var(--brown-deep);font:400 15px/1.9 var(--serif);margin:0}.story-quote small{color:var(--muted);margin-top:9px;font-size:11px;display:block}.story-play-row{align-items:center;gap:16px;min-width:0;margin-top:24px;display:flex}.story-play-bao{object-fit:contain;filter:drop-shadow(0 16px 26px #1f3a5f29);flex:none;width:140px;height:auto;transition:transform .24s}.story-play-bao:hover{transform:translateY(-4px)scale(1.02)}.story-play-copy{flex:1;min-width:0}.story-play-button{background:var(--navy);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:46px;padding:12px 21px;font-size:13px;font-weight:650;line-height:1.4;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 10px 24px #1f3a5f38}.story-play-button:hover:not(:disabled){background:var(--navy-deep);transform:translateY(-2px)}.story-play-button:disabled{box-shadow:none;cursor:default;background:#8090a4}.story-listeners{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.6}.chapter-section{min-width:0;margin-top:42px}.chapter-heading{color:var(--navy-deep);font:550 22px/1.4 var(--serif);margin:0}.chapter-summary{color:var(--muted);margin:4px 0 17px;font-size:12px}.chapter-list{flex-direction:column;gap:10px;min-width:0;display:flex}.chapter-item{background:var(--card);text-align:left;border:1px solid #1f3a5f14;border-radius:14px;align-items:center;gap:12px;width:100%;min-width:0;padding:14px 15px;transition:box-shadow .2s,transform .2s;display:flex}.chapter-item:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1f3a5f1a}.chapter-item:disabled{opacity:1;cursor:default}.chapter-item.playing{background:var(--gold-soft);border-color:#c9a22761}.chapter-no{width:28px;color:var(--gold);flex:none;font:700 13px/1 Georgia,serif}.chapter-play{background:var(--navy-soft);width:34px;height:34px;color:var(--navy);border-radius:50%;flex:none;place-items:center;display:grid}.chapter-item.playing .chapter-play{background:var(--navy);color:#fff}.chapter-body{flex:1;min-width:0}.chapter-body strong{color:var(--ink);font:500 15px/1.5 var(--serif);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chapter-body small{color:var(--muted);font-size:10px;display:block}.chapter-state{color:#9a765f;white-space:nowrap;border:1px solid #9a765f4d;border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 9px;font-size:10px;display:inline-flex}.chapter-state.ok{color:#24614a;background:#edf5f0;border-color:#24614a4d}.share-card{background:linear-gradient(135deg, var(--brown-soft), var(--paper));text-align:center;border:1px solid #c9a22738;border-radius:20px;min-width:0;margin-top:34px;padding:25px 22px}.share-card h2{color:var(--navy-deep);font:550 20px/1.5 var(--serif);margin:0 0 7px}.share-card>p{color:#626c77;max-width:520px;margin:0 auto 17px;font-size:13px;line-height:1.85}.share-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.share-btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 19px;font-size:13px;font-weight:650;transition:transform .2s;display:inline-flex}.share-btn:hover{transform:translateY(-2px)}.share-btn.primary{background:var(--navy);color:#fff;box-shadow:0 8px 20px #1f3a5f2e}.share-btn.ghost{color:var(--navy);background:#ffffffb3;border-color:#1f3a5f2e}.share-card p.share-tip{color:var(--muted);letter-spacing:.06em;margin-top:13px;margin-bottom:0;font-size:10px}.reading-side{min-width:0;height:calc(100vh - 112px);min-height:430px;position:sticky;top:90px}.reader{background:var(--card);border:1px solid #1f3a5f14;border-radius:20px;flex-direction:column;width:100%;max-width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 14px 38px #1f3a5f12}.reader-head{background:var(--gold-soft);border-bottom:1px solid #1f3a5f14;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:15px 17px;display:flex}.reader-title{min-width:0;color:var(--navy-deep);font:550 15px/1.5 var(--serif);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;display:inline-flex;overflow:hidden}.reader-close{width:30px;height:30px;color:var(--navy);background:#1f3a5f14;border-radius:50%;flex:none;place-items:center;display:none}.reader-body{overscroll-behavior:contain;scroll-behavior:smooth;flex:1;min-width:0;padding:20px 20px 44px;position:relative;overflow-y:auto}.reader-body::-webkit-scrollbar{width:6px}.reader-body::-webkit-scrollbar-thumb{background:#1f3a5f2e;border-radius:6px}.reader-chapter-title{color:var(--ink);font:580 23px/1.5 var(--serif);margin:3px 0 19px}.reader-sec{border-left:3px solid var(--gold);color:var(--brown-deep);font:580 17px/1.5 var(--serif);margin:26px 0 13px;padding-left:11px}.reader-seg{border-radius:0 10px 10px 0}.reader-seg p{color:#4a545e;font:400 17px/1.95 var(--serif);cursor:pointer;border-left:3px solid #0000;border-radius:0 10px 10px 0;margin:0 0 10px;padding:7px 13px;transition:background .2s,border-color .2s}.reader-seg p:hover{background:var(--brown-soft)}.reader-seg.active p{border-left-color:var(--gold);background:var(--gold-soft);color:var(--ink);font-weight:520}.reader-empty{color:var(--muted);text-align:center;margin:58px 16px;font-size:14px;line-height:2}.reader-fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:90;background:var(--navy);color:#fff;border-radius:999px;align-items:center;gap:7px;padding:11px 16px;font-size:13px;font-weight:650;display:none;position:fixed;box-shadow:0 10px 26px #1f3a5f47}.play-error{z-index:200;color:#fff;text-align:center;background:#6f4a2ff5;border-radius:13px;width:min(92vw,480px);padding:11px 16px;font-size:13px;line-height:1.7;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #6f4a2f47}.player-bar{z-index:100;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f7;border-top:1px solid #1f3a5f1a;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #1f3a5f14}.player-inner{width:100%;min-width:0;max-width:1180px;min-height:60px;padding:8px 24px calc(8px + env(safe-area-inset-bottom));align-items:center;gap:10px;margin:0 auto;display:flex}.player-step,.player-play{border-radius:50%;flex:none;place-items:center;display:grid}.player-step{width:32px;height:32px;color:var(--navy)}.player-step:hover:not(:disabled){background:var(--navy-soft)}.player-step:disabled{opacity:.3;cursor:not-allowed}.player-play{background:var(--navy);color:#fff;width:40px;height:40px;box-shadow:0 6px 14px #1f3a5f38}.player-chapter{min-width:150px;max-width:220px}.player-chapter strong{color:var(--ink);font:500 13px/1.4 var(--serif);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-chapter small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.player-progress{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.player-progress time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:10px}.player-progress input[type=range]{appearance:none;cursor:pointer;touch-action:none;border-radius:999px;flex:1;min-width:0;height:7px}.player-progress input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--navy);background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #1f3a5f47}.player-progress input[type=range]::-moz-range-thumb{border:2px solid var(--navy);background:#fff;border-radius:50%;width:15px;height:15px}.audio-loading{color:var(--brown);flex:none;font-size:10px}.rate-btn{min-width:48px;color:var(--navy);background:#fff;border:1px solid #1f3a5f38;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:650}.rate-btn.active{border-color:var(--gold);background:var(--gold-soft)}.player-reader{color:var(--navy);border-radius:999px;flex:none;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:650;display:inline-flex}.player-reader:hover{background:var(--navy-soft)}.story-page .brand-footer{margin-top:18px}.story-page .brand-footer.with-player-space .foot-inner{padding-bottom:92px}@media (max-width:1080px){.person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.home-hero-inner{grid-template-columns:minmax(0,1fr);padding-top:50px}.home-hero-bao{order:-1}.home-hero-bao img{width:205px}.story-reading-layout{grid-template-columns:minmax(0,1fr)}.story-identity{flex-direction:column;align-items:center}.story-cover-frame{width:min(78vw,340px)}.story-hero-info{text-align:center;width:100%}.story-kicker{justify-content:center}.story-quote{text-align:left}.story-play-row{text-align:left;justify-content:center}}@media (max-width:1023px){.reading-side{height:auto;min-height:0;position:static}.reader{z-index:120;width:100%;max-width:100%;height:min(76vh,600px);padding-bottom:env(safe-area-inset-bottom);visibility:hidden;opacity:0;background:#fffdf8fc;border-radius:24px 24px 0 0;transition:none;position:fixed;inset:auto 0 0;transform:translateY(105%);box-shadow:0 -20px 60px #162c4947}.reader.open{visibility:visible;opacity:1;transition:transform .36s cubic-bezier(.22,.8,.24,1),opacity .2s;transform:none}.reader.with-player{bottom:calc(58px + env(safe-area-inset-bottom));height:min(68vh,540px)}.reader-close{display:grid}.reader-fab{display:inline-flex}}@media (max-width:760px){.person-grid,.philosophy-cards{grid-template-columns:minmax(0,1fr)}.person-card{max-width:700px}.like-card{text-align:center;flex-direction:column;padding:28px 22px}.like-card>img{width:140px}.like-stats{justify-content:center}}@media (max-width:640px){.topbar-inner{padding:4px 14px}.story-reading-layout{padding:28px 22px 42px}.story-play-bao{width:110px}.story-play-copy{min-width:0}.foot-mid{flex-direction:column;align-items:flex-start}.foot-tech{text-align:left}}@media (max-width:520px){body{font-size:15px}.topbar-inner,.home-hero-inner,.home-gallery,.philosophy,.like-section,.story-reading-layout,.foot-inner,.player-inner{width:100%;min-width:0;max-width:100%}.topbar-inner{gap:8px;min-height:58px}.brand-logo{flex:none;width:86px;height:54px}.top-actions{gap:6px}.top-actions>a:not(.btn){display:none}.top-actions .btn{min-height:36px;padding:7px 10px;font-size:11px}.story-page .back-to-stories span,.hero-bg-nums{display:none}.home-hero-inner{flex-direction:column;gap:22px;padding:28px 18px 10px;display:flex}.home-hero-bao{order:-1}.home-hero-bao img{width:min(47vw,185px)}.section-kicker,.story-kicker{letter-spacing:.19em;max-width:100%;font-size:10px}.home-hero h1{margin-top:16px;font-size:clamp(25px,7.4vw,34px);line-height:1.4}.home-hero-sub{width:100%;max-width:100%;font-size:15px;line-height:1.9}.hero-data{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:100%;margin-top:25px;display:grid}.demo-data{padding:15px 10px 12px}.data-item{text-align:center}.data-item .num{font-size:clamp(18px,5.5vw,23px)}.data-item .lbl{letter-spacing:.03em;white-space:normal;font-size:10px;line-height:1.5}.section-badge{width:100%;max-width:100%;padding:0 18px}.home-gallery{padding:39px 18px 10px}.gallery-head{align-items:flex-start;margin-bottom:22px}.gallery-heading{align-items:center;width:100%}.gallery-bao{width:52px;height:52px}.gallery-head h2,.philosophy h2{font-size:25px}.gallery-head p{font-size:12px}.filters{gap:6px;width:100%}.filter{padding:5px 10px;font-size:10px}.person-grid{flex-direction:column;gap:14px;width:100%;max-width:100%;display:flex}.person-card{flex-direction:row;width:100%;min-width:0;max-width:100%}.person-cover{flex:0 0 min(36vw,128px);width:min(36vw,128px);min-width:0;max-width:128px}.person-body{max-width:100%;padding:12px}.person-tag{letter-spacing:.06em;font-size:9px}.person-body h3{margin-top:6px;font-size:17px}.person-co{font-size:10px}.person-quote{margin-top:7px;padding:6px 8px;font-size:12px;line-height:1.65}.person-enter{padding-top:7px;font-size:11px}.philosophy{padding:43px 18px 10px}.philosophy-head{gap:8px}.philosophy-bao{width:58px;height:58px}.philosophy-lead{margin-bottom:24px;font-size:13px}.philosophy-cards{gap:14px}.philosophy-card{padding:21px 18px}.philosophy-card p{font-size:13px}.like-section{padding:39px 18px 0}.like-card{text-align:left;flex-direction:row;align-items:center;gap:14px;width:100%;min-width:0;max-width:100%;padding:20px 15px}.like-card>img{width:min(28vw,104px)}.like-copy h2{font-size:19px}.like-copy .section-kicker{margin-bottom:9px}.like-copy p{font-size:12px;line-height:1.75}.like-stats{justify-content:flex-start;gap:8px 14px;margin:12px 0 14px}.like-stats span{font-size:10px}.like-stats b{font-size:18px}.like-copy .btn{padding:8px 12px;font-size:11px}.brand-footer{margin-top:54px}.foot-inner{padding:29px 18px 24px}.foot-bao{width:52px;height:52px}.foot-brand .brand-name{font-size:17px}.foot-brand .brand-name small{letter-spacing:.12em;font-size:9px}.foot-mid{gap:10px}.foot-tech{overflow-wrap:anywhere;max-width:100%}.story-reading-layout{padding:24px 18px 38px;display:block}.story-identity{flex-direction:column;align-items:center;gap:17px;width:100%;max-width:100%}.story-cover-frame{width:calc(100vw - 44px);max-width:330px;margin:0 auto}.story-hero-info,.story-quote,.chapter-section,.share-card{width:100%;min-width:0;max-width:100%}.story-hero-info{text-align:left}.story-kicker{justify-content:flex-start}.story-hero-info h1{margin-top:12px;font-size:27px;line-height:1.35}.story-organization{font-size:12px}.story-quote{margin-top:17px;padding:14px}.story-quote p{font-size:15px}.story-play-row{text-align:left;justify-content:flex-start;gap:11px;width:100%;max-width:100%;margin-top:18px}.story-play-bao{flex:none;width:min(27vw,96px)}.story-play-button{text-align:left;white-space:normal;border-radius:18px;justify-content:flex-start;width:100%;min-height:44px;padding:10px 13px;font-size:12px}.story-listeners{margin-top:7px;font-size:10px}.chapter-section{margin-top:34px}.chapter-heading{font-size:21px}.chapter-item{gap:8px;max-width:100%;padding:12px 10px}.chapter-no{width:26px}.chapter-play{width:32px;height:32px}.chapter-body strong{font-size:14px}.chapter-state{padding:4px 7px;font-size:9px}.share-card{margin-top:28px;padding:22px 15px}.share-card h2{font-size:19px}.share-card>p{font-size:12px}.share-row{width:100%}.share-btn{padding:9px 14px;font-size:12px}.reader-fab{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:10px 14px}.reader{width:100%;max-width:100%}.reader.with-player{bottom:calc(52px + env(safe-area-inset-bottom))}.reader-seg p{font-size:16px}.player-inner{min-height:46px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));flex-wrap:nowrap;gap:8px}.player-step,.player-progress,.rate-btn{display:none}.player-play{flex:none;width:34px;height:34px}.player-chapter{flex:1;min-width:0;max-width:none}.player-chapter strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.player-chapter small{display:none}.player-reader{flex:none;padding:7px 8px;font-size:11px}.story-page .brand-footer.with-player-space .foot-inner{padding-bottom:84px}}@media (max-width:360px){.person-cover{flex-basis:34vw}.person-body{padding:10px}.person-quote{-webkit-line-clamp:1}.like-card{align-items:flex-start}.like-card>img{width:82px}.chapter-state{max-width:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
