@charset "UTF-8";
:root{--ink:#273850;--muted:#8190a7;--blue:#5278bb;--blue-dark:#365a98;--line:#e2e9f3;--paper:#f3f6fb;--white:#fff;--violet:#8f91be;--serif:"Songti SC","Noto Serif SC",serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 0 14%,#dce9ff70,transparent 45%),var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--blue)}input,textarea,select{border-radius:6px}::selection{background:#dce7ff}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 72px));margin-inline:auto}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.utility-bar{background:#eaf0fa;color:#6c83a8;font-size:10px;letter-spacing:.04em;border-bottom:1px solid #dce5f3}.utility-inner{height:32px;display:flex;align-items:center;justify-content:space-between}.city-location{display:flex;gap:7px;align-items:center}.city-location svg{width:13px;height:13px;fill:none;stroke:var(--blue);stroke-width:1.5}.utility-sep{color:#b4c2d8;margin:0 4px}.fiction-note{font-size:9px;color:#8799b4}.site-header{background:#ffffffeb;border-bottom:1px solid var(--line)}.masthead{height:108px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.brand-mark{width:35px;height:42px}.brand-mark svg{width:100%;height:100%;stroke:#6386c0;stroke-width:1.1;fill:#e9f0fc80}.brand strong{display:block;font-size:29px;letter-spacing:.09em;font-weight:650;line-height:1.3;color:#36567f}.brand-dot{color:#94add4;letter-spacing:0}.brand small{font:8px var(--sans);letter-spacing:.27em;color:#8aa0c0;display:block;margin-top:7px}.masthead-motto{font-size:13px;letter-spacing:.08em;color:#8192ab;margin:0}.masthead-motto span{display:block;font-size:10px;letter-spacing:.03em;color:#a2aec0;margin-top:5px}.header-actions{display:flex;align-items:center;gap:13px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:26px;line-height:1;color:#6b84aa}.compose-button{font-size:12px;color:#5776a7;padding:8px 11px;border:1px solid #d4dfef;border-radius:5px;white-space:nowrap}.download-site{padding:9px 15px;background:var(--blue);color:#fff;border-radius:5px;font-size:11px;white-space:nowrap;box-shadow:0 3px 8px #5278bb18}.download-site span{margin-left:12px;color:#d8e5ff}.download-site:hover,.tool-download:hover{background:var(--blue-dark)}.nav-border{border-top:1px solid #f0f3f8}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.nav-row nav{display:flex;gap:38px;overflow:auto;scrollbar-width:none}.nav-row nav::-webkit-scrollbar{display:none}.nav-button{font-size:13px;color:#8290a3;padding:15px 2px 14px;position:relative;white-space:nowrap}.nav-button.active{color:var(--blue-dark);font-weight:600}.nav-button.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:20px;height:3px;background:#5f84c2;border-radius:3px 3px 0 0}.nav-button:hover{color:var(--blue)}.edition{font-size:10px;letter-spacing:.06em;color:#9aa8bd;white-space:nowrap}.search-panel{padding-top:18px;padding-bottom:20px}.search-panel label{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.search-input-wrap{display:flex;gap:14px;border-bottom:1px solid #ccd9ed}.search-input-wrap input{border:0;outline:0;padding:9px 0;background:transparent;flex:1;min-width:0}.search-input-wrap button{color:var(--blue);font-size:12px}.search-input-wrap .subtle-button{color:var(--muted)}main{min-height:65vh}.small-label{color:#8499b9;font-size:10px;letter-spacing:.08em}.today-heading{display:flex;align-items:center;justify-content:space-between;padding:34px 0 25px}.today-heading h1{font-size:25px;font-weight:600;letter-spacing:.05em;margin:5px 0 0;color:#3a5479}.heading-star{color:#8ca9d4;font-weight:300;margin-left:14px}.today-date{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.today-date strong{font-size:28px;line-height:1.1;font-weight:300;letter-spacing:.02em;color:#6f8ab5}.today-date strong span{font-size:15px;margin-inline:5px;color:#b3c2d8}.today-date>span{font-size:9px;letter-spacing:.08em;color:#9aa9bf;margin-top:7px}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px}.focus-card{background:#fff;border:1px solid #dae5f5;display:grid;grid-template-columns:1fr 1fr;border-radius:9px;overflow:hidden;min-width:0;box-shadow:0 5px 22px #688ac50a}.focus-body{padding:32px 27px;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,#fff,#f6f9fe)}.focus-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#6587ba}.focus-label i,.news-ticker i{width:5px;height:5px;background:#7c9dcc;transform:rotate(45deg);display:inline-block}.focus-label>span{margin-left:auto;color:#9fabc0;font-size:9px}.focus-body h2{font-size:24px;line-height:1.65;font-weight:600;letter-spacing:.005em;margin:25px 0 12px;color:#354f77}.focus-body p{font-size:11px;line-height:1.95;color:#96a2b5;margin:0 0 24px}.story-link{margin-top:auto;display:flex;gap:16px;align-items:center;font-size:11px;color:#5f81b6;width:max-content;padding:5px 0}.story-link .icon{width:25px}.focus-media{padding:15px 15px 15px 0;min-width:0;display:flex}.hero-photo{margin:0!important;width:100%;height:100%}.hero-photo figcaption{display:none}.hero-photo .photo-drop-zone,.hero-photo .photo-filled{min-height:300px;height:100%;aspect-ratio:auto;border-radius:5px}.hero-photo .photo-tools{position:absolute;bottom:9px;left:9px;right:9px;background:#ffffffed;border:1px solid #d8e2f0;border-radius:4px;padding:6px}.hero-photo .photo-filled{position:relative;display:flex}.hero-photo .photo-filled>img{height:100%;min-height:300px;position:absolute;inset:0;width:100%}.hero-photo .photo-drop-zone strong{font-size:14px}.hero-photo .photo-hint{font-size:9px}.hero-photo .photo-index{font-size:9px}.city-letter{position:relative;overflow:hidden;background:linear-gradient(140deg,#edf1fd,#e6edf9 65%,#e3edf8);border:1px solid #dbe4f3;border-radius:9px;padding:26px;display:flex;flex-direction:column;min-height:332px}.city-letter .small-label{display:flex;justify-content:space-between;color:#8294b7}.city-letter .small-label span{font:11px Georgia,serif;color:#9bafd0}.quote-mark{font:64px/.9 Georgia,serif;color:#a9b9dc;margin-top:27px;height:36px}.city-letter h2{font:19px/1.9 var(--serif);font-weight:500;color:#596c93;letter-spacing:.04em;margin:0 0 23px;z-index:1}.letter-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:#899cbc;font-size:10px;z-index:1}.letter-bottom .icon{width:23px}.sea-line{position:absolute;width:350px;height:100px;border:1px solid #c9d7ec90;border-radius:50%;right:-150px;bottom:12px;transform:rotate(-20deg);pointer-events:none}.sea-line.two{bottom:-4px;right:-140px}.news-ticker{display:flex;align-items:center;gap:20px;padding:19px 0 22px;margin-bottom:20px;border-bottom:1px solid var(--line);font-size:10px;color:#90a1b8}.news-ticker>span{color:#6d8bb8;white-space:nowrap;display:flex;align-items:center;gap:7px}.news-ticker p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.news-ticker b{font-weight:400;color:#bcc8db;margin-inline:8px}.news-ticker small{font-size:9px;white-space:nowrap;margin-left:auto;color:#a1aec2}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:30px;padding-bottom:50px}.news-feed{background:#fff;border:1px solid var(--line);border-radius:8px;padding:23px 27px 0;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.section-heading h2{font-size:17px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px;color:#405b80}.section-heading h2:before{content:"";width:3px;height:15px;background:#7f9fce;border-radius:2px}.section-heading h2>span{font-size:10px;color:#b0bdd1;font-weight:400;margin-left:1px}.section-heading select{border:0;background:#fff;font-size:10px;color:#9caac0;padding:5px;max-width:100px}.article-list{list-style:none;padding:0;margin:0}.article-row{display:grid;grid-template-columns:minmax(0,1fr) 164px;gap:25px;padding:27px 0;border-bottom:1px solid #edf1f7}.row-copy{min-width:0}.row-category{display:flex;gap:10px;align-items:center;color:#6d8ab3;font-size:10px;letter-spacing:.02em}.pill{background:#edf3fc;padding:1px 7px;color:#7694c0;font-size:9px;border-radius:3px}.article-row h3{font-size:18px;line-height:1.7;font-weight:550;margin:9px 0;color:#344967;letter-spacing:0}.article-row h3 a:hover{color:var(--blue)}.row-summary{font-size:11px;line-height:1.9;color:#99a5b7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 13px}.row-meta{display:flex;align-items:center;gap:7px;color:#a6b2c4;font-size:9px;flex-wrap:wrap}.photo-count{color:#95a8c4;margin-left:4px}.row-meta .bookmark-button{margin-left:auto;padding:0 1px}.bookmark-button{color:#92a5c0;display:inline-flex;align-items:center;justify-content:center}.bookmark-button .icon{width:16px;height:16px}.bookmark-button.saved{color:var(--blue)}.bookmark-button.saved svg{fill:#dce8fb}.row-art{height:119px;align-self:center;border-radius:5px;overflow:hidden;background:#edf2fa}.row-art>img{width:100%;height:100%;object-fit:cover;display:block}.mini-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;overflow:hidden;color:#93a8c7;background:linear-gradient(130deg,#e7effc,#f2f5fc);font-size:9px}.mini-visual .icon{width:23px;height:23px;stroke-width:1.1;z-index:1}.mini-visual>span:last-child{z-index:1}.mini-orbit{position:absolute;width:140px;height:140px;border-radius:50%;border:1px solid #c7d7ef70;right:-20px;top:-60px}.mini-visual.cinema{background:linear-gradient(130deg,#eeecfa,#f6f4fc);color:#a59bc2}.mini-visual.sea{background:linear-gradient(130deg,#e5f0f4,#f3f8fb);color:#92b3c4}.feed-end{display:flex;align-items:center;justify-content:center;gap:14px;font-size:9px;color:#b2bed0;padding:25px 0}.feed-end>span{width:28px;height:1px;background:#e2e9f4}.side-section,.city-note,.workspace-tools{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.side-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px}.side-title h2{font-size:15px;font-weight:550;margin:0;color:#4e6588}.side-title>span{color:#a4b2c8;font-size:9px}.ranking{margin:0;padding:0;list-style:none}.ranking li{display:flex;gap:12px;padding:18px 0 15px;border-bottom:1px solid #f0f3f8}.ranking li:last-child{border:0;padding-bottom:0}.rank-number{font:italic 20px Georgia,serif;color:#9bb1d3;line-height:1.3}.ranking a{font-size:12px;line-height:1.85;display:block;color:#6d7f99}.ranking a:hover{color:var(--blue)}.ranking small{font-size:9px;display:block;color:#b0bcd0;margin-top:6px}.city-note{margin-top:20px;background:linear-gradient(130deg,#f0f5fd,#edf2fb);border-color:#dfe7f5}.city-note h3{font:16px/1.9 var(--serif);font-weight:400;color:#6e85a9;margin:15px 0 10px}.city-note p{color:#a0aec4;font-size:10px;line-height:2;margin:0}.note-line{display:block;width:28px;height:1px;background:#bdcde4;margin-top:20px}.workspace-tools{margin-top:20px;background:#fff}.workspace-tools h3{font-size:13px;font-weight:550;color:#667f9f;margin:0 0 9px}.workspace-tools p{font-size:10px;line-height:1.95;color:#a0adc0;margin:0 0 16px}.tool-download{display:flex;gap:8px;align-items:center;justify-content:center;background:#6889bd;color:#fff;font-size:10px;border-radius:5px;padding:9px;width:100%}.tool-download .icon{width:14px;height:14px}.archive-tools{display:flex;align-items:center;justify-content:center;font-size:9px;color:#99abc4;gap:9px;margin-top:15px}.archive-tools button{font-size:9px;color:#96a6be;padding:2px}.site-footer{border-top:1px solid #e0e7f2;background:#edf2fa}.footer-main{display:flex;align-items:center;gap:32px;padding:28px 0}.footer-brand{font-size:20px;font-weight:550;letter-spacing:.08em;color:#617ca3;white-space:nowrap}.footer-brand span{display:block;font-size:7px;letter-spacing:.2em;margin-top:3px;color:#9aacC7}.footer-main p{font-size:10px;color:#8d9eb8;margin:0}.footer-main p small{display:block;font-size:9px;color:#a5b2c5;margin-top:3px}.footer-download{margin-left:auto;font-size:10px;color:#829bbb;padding:8px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #dde5f2;font-size:8px;color:#acb9cc;padding:13px 0}.filter-top{padding:34px 0 26px}.filter-top h1{font-size:27px;color:#4b668f;font-weight:550;margin:6px 0}.filter-top p{font-size:12px;color:#9caac0;margin:0}.empty-state{text-align:center;padding:65px 20px;color:#9caac0}.empty-state>.icon{width:30px;height:30px;color:#a9bbd8;margin-bottom:12px}.empty-state h3{font-size:19px;color:#7890b3;font-weight:500;margin:0 0 10px}.empty-state p{font-size:12px;margin-bottom:25px}.primary-button{padding:10px 18px;background:#5c80b9;color:#fff;border-radius:5px;font-size:12px}.secondary-button{display:inline-block;padding:8px 16px;border:1px solid #d7e1f0;border-radius:5px;font-size:11px;color:#7c93b5}.breadcrumbs{display:flex;align-items:center;gap:12px;padding:23px 0;font-size:10px;color:#9aaac1}.breadcrumbs a{display:inline-flex;align-items:center;gap:7px}.breadcrumbs .icon{width:14px;height:14px}.article-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;padding-bottom:48px}.article-content{min-width:0;background:white;border:1px solid var(--line);border-radius:8px;padding:32px 36px 28px}.article-number{margin-left:auto;color:#b4c1d4;font-size:8px;letter-spacing:.08em}.article-content h1{font-size:30px;font-weight:600;line-height:1.65;color:#354c70;letter-spacing:.015em;margin:17px 0 23px}.article-byline{display:flex;align-items:center;gap:10px}.author-avatar{display:grid;place-items:center;width:32px;height:32px;background:#eff4fc;border:1px solid #dce6f6;color:#809bc3;border-radius:5px;font-size:13px}.article-byline strong{font-size:10px;font-weight:500;display:block;color:#879ab5}.article-byline time{font-size:9px;color:#afbbce}.article-controls{margin-left:auto;display:flex;align-items:center;gap:10px}.article-controls>button{font-size:12px;padding:5px;color:#8099bb}.article-notice{font-size:9px;color:#a2b1c7;border-bottom:1px solid var(--line);padding:14px 0 17px;margin:0 0 22px}.article-notice:before{content:"◇";color:#9fb4d3;margin-right:5px}.article-lead{font-size:13px;line-height:2;color:#8397b5;background:#f5f8fe;padding:16px 18px;margin:0 0 23px;border-left:2px solid #b7ccef;border-radius:0 4px 4px 0}.photo-guide{display:flex;gap:7px;align-items:center;font-size:10px;color:#9aaecb;margin:0 0 10px}.photo-guide .icon{width:13px;height:13px}.news-photo{margin:0 0 29px;min-width:0;overflow:hidden}.photo-drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;aspect-ratio:16/9;min-height:220px;background:linear-gradient(130deg,#edf3fd,#f6f9fe);color:#8da7cc;border:1px dashed #c4d3eb;border-radius:5px;overflow:hidden;transition:border-color .2s,background .2s;padding:32px 18px}.photo-drop-zone.cinema{background:linear-gradient(130deg,#efeffa,#f8f8ff);color:#9a9fc9;border-color:#d1d3ed}.photo-drop-zone.sea{background:linear-gradient(130deg,#eaf4f7,#f8fcfd);color:#8fb2c1;border-color:#c6dce7}.photo-drop-zone:before{content:"";position:absolute;border:1px solid #bcd0ee30;border-radius:50%;width:240px;height:240px;right:-70px;top:-120px;pointer-events:none}.photo-drop-zone:after{content:"";position:absolute;width:160px;height:160px;border:1px solid #bcd0ee30;transform:rotate(40deg);bottom:-130px;left:10%;pointer-events:none}.photo-drop-zone:hover,.photo-drop-zone.dragging{border-color:#7d9fd0;background:#e9f1ff}.photo-camera{display:grid;place-items:center;width:44px;height:44px;color:#9ab2d4;background:#ffffff75;border:1px solid #d5e1f180;border-radius:50%;margin-bottom:4px}.photo-camera>.icon{width:22px;height:22px;stroke-width:1.1}.photo-drop-zone strong{font-size:15px;font-weight:500;letter-spacing:.035em;color:#819ac0}.photo-hint{font-size:10px;color:#a7b7cf}.photo-insert{font-size:10px;border:1px solid #d3dff0;background:#ffffffb0;color:#88a3ca;border-radius:4px;padding:4px 12px;margin-top:10px}.photo-index{position:absolute;top:15px;left:17px;font-size:9px;color:#adc0da;letter-spacing:.08em}.photo-corner{position:absolute;width:10px;height:10px;pointer-events:none}.photo-corner.top-left{top:10px;left:10px;border-top:1px solid #c0d1e9;border-left:1px solid #c0d1e9}.photo-corner.bottom-right{bottom:10px;right:10px;border-bottom:1px solid #c0d1e9;border-right:1px solid #c0d1e9}.news-photo figcaption{font-size:10px;color:#a1aec2;line-height:1.85;text-align:left;margin-top:10px;padding-left:9px;border-left:2px solid #dce6f5}.news-photo figcaption>span{color:#b3bed0;font-size:9px;margin-right:6px}.photo-filled{background:#f3f6fb;border-radius:5px;overflow:hidden;border:1px solid #e2e9f3}.photo-filled>img{display:block;width:100%;height:auto;max-height:780px}.photo-tools{display:flex;gap:13px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#f8faff;border-top:1px solid #e5ecf6}.photo-tools button{font-size:10px;color:#8da3c2;display:flex;align-items:center;gap:5px;padding:2px 0}.photo-tools button .icon{width:12px;height:12px}.photo-tools button:last-child{margin-left:auto;color:#a3aec0}.portrait .photo-drop-zone{aspect-ratio:4/5;max-width:430px;margin:auto}.portrait .photo-filled{max-width:470px;margin:auto}.portrait figcaption{max-width:470px;margin-inline:auto}.article-body{font-size:16px;line-height:2.15;color:#53647d;overflow-wrap:anywhere;letter-spacing:.01em}.article-body.large{font-size:19px}.article-body>p{margin:0 0 25px}.article-body blockquote{font-size:19px;color:#6e89b3;line-height:1.9;margin:28px 0;padding:4px 0 4px 20px;border-left:2px solid #bdd0ec;font-family:var(--serif)}.article-body .news-photo{margin-top:28px;margin-bottom:30px;letter-spacing:0}.article-end{display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px;color:#b2c0d5;letter-spacing:.1em;padding:15px 0 28px}.article-end span{font-size:13px;color:#8fa9ce}.article-action-bar{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:9px;flex-wrap:wrap}.article-action-bar button{display:flex;gap:7px;align-items:center;border:1px solid #dce5f2;border-radius:4px;font-size:10px;padding:8px 11px;color:#819abe}.article-action-bar .icon{width:14px;height:14px}.photo-save-note{font-size:9px;line-height:1.9;color:#aebacf;margin:16px 0 0}.article-side>h2{font-size:14px;color:#7e93b2;font-weight:550;margin:0 0 15px;padding-top:3px}.related-item{display:block;background:#fff;border:1px solid var(--line);border-radius:7px;padding:14px;margin-bottom:16px}.related-art{height:117px;display:block;overflow:hidden;border-radius:4px;margin-bottom:12px}.related-art>img{width:100%;height:100%;object-fit:cover}.related-item small{font-size:9px;color:#9badc6}.related-item h3{font-size:12px;line-height:1.9;color:#6e829e;font-weight:500;margin:7px 0 2px}.mobile-related,.mobile-tools{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,8px);background:#49658eee;color:#fff;padding:12px 20px;border-radius:7px;font-size:12px;z-index:100;opacity:0;visibility:hidden;transition:.15s;width:max-content;max-width:90vw;box-shadow:0 5px 20px #45608725;text-align:center}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}dialog{background:white;border:1px solid #dbe5f4;border-radius:10px;box-shadow:0 20px 100px #294d7e33;max-height:90dvh;color:var(--ink)}dialog::backdrop{background:#435b7e70;backdrop-filter:blur(4px)}.editor-dialog{width:min(650px,calc(100% - 28px));padding:30px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:22px;font-weight:550;margin:7px 0 12px;color:#567299}.eyebrow{font-size:10px;color:#98adcb;letter-spacing:.12em}.editor-note{font-size:11px;line-height:1.9;color:#9aabc2;margin:0 0 22px}dialog label{display:block;font-size:12px;color:#7e94b3;margin-bottom:17px}dialog input,dialog select,dialog textarea{display:block;width:100%;border:1px solid #dce5f2;padding:10px 12px;background:#f9fbff;color:#506b91;font-size:13px;margin-top:6px}dialog textarea{resize:vertical;line-height:1.9}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.editor-bottom>span{font-size:10px;color:#a0b0c6}.confirm-dialog,.photo-dialog{width:min(420px,calc(100% - 32px));padding:27px}.confirm-dialog h2{font-size:22px;margin:0;color:#5d779c}.confirm-dialog p{font-size:12px;color:#98a9c0}.confirm-dialog>div{display:flex;gap:12px;margin-top:24px}.photo-dialog .dialog-heading{margin-bottom:15px}.photo-dialog .dialog-heading h2{font-size:20px}.skip-link{position:absolute;top:-100px;left:20px;background:var(--blue-dark);color:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}
@media(min-width:1500px){.shell{width:1180px}.focus-body{padding:36px 30px}.focus-body h2{font-size:25px}}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.masthead-motto{display:none}.hero-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.focus-card{grid-template-columns:1fr}.focus-body{padding:26px}.focus-body h2{font-size:23px;margin-top:20px}.focus-media{padding:0 16px 16px}.hero-photo .photo-drop-zone,.hero-photo .photo-filled{min-height:210px;height:220px}.hero-photo .photo-filled>img{min-height:0}.city-letter{padding:26px 22px}.city-letter h2{font-size:20px;margin-top:26px;line-height:2.15}.city-letter .quote-mark{margin-top:50px}.content-grid{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.news-feed{padding:22px 23px 0}.article-row{grid-template-columns:minmax(0,1fr) 135px;gap:18px}.row-art{height:109px}.article-row h3{font-size:17px}.nav-row nav{gap:30px}.article-page-grid{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.article-content{padding:27px}.article-content h1{font-size:27px}.photo-drop-zone{min-height:210px}.edition{display:none}.footer-main{gap:25px}}
@media(max-width:800px){.shell{width:calc(100% - 36px)}.masthead{height:88px;gap:10px}.brand strong{font-size:26px}.brand-mark{width:30px;height:36px}.brand{gap:9px}.brand small{font-size:7px}.header-actions{gap:8px}.download-site{padding:8px 11px}.download-site span{margin-left:5px}.compose-button{font-size:11px;padding:7px 9px}.nav-row nav{gap:30px;width:100%;justify-content:space-between}.nav-button{font-size:12px;padding:14px 0}.today-heading{padding:26px 0 21px}.today-heading h1{font-size:23px}.today-date strong{font-size:26px}.hero-layout{grid-template-columns:1fr}.focus-card{grid-template-columns:1fr 1fr}.focus-body{padding:25px}.focus-body h2{font-size:23px}.focus-media{padding:12px 12px 12px 0}.hero-photo .photo-drop-zone,.hero-photo .photo-filled{height:100%;min-height:275px}.city-letter{display:none}.content-grid{grid-template-columns:1fr;gap:0}.sidebar{display:none}.news-ticker{margin-bottom:21px}.news-feed{padding:22px 24px 0}.article-row{grid-template-columns:minmax(0,1fr) 160px;gap:25px}.row-art{height:120px}.row-summary{-webkit-line-clamp:2}.article-row h3{font-size:18px}.mobile-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:19px 0;color:#90a3bf;font-size:10px}.mobile-tools button{font-size:10px;display:inline-flex;align-items:center;gap:5px}.mobile-tools .icon{width:13px;height:13px}.mobile-tools>div{display:flex;align-items:center;white-space:nowrap}.mobile-tools>div span{color:#bfcbdd;margin:0 5px}.article-page-grid{display:block}.article-side{display:none}.article-content{padding:28px}.article-content h1{font-size:28px}.article-content .photo-drop-zone{min-height:230px}.mobile-related{display:block;border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.mobile-related h2{font-size:14px;font-weight:500;color:#8198b8;margin:0 0 10px}.mobile-related>a{position:relative;display:block;padding:14px 20px 14px 0;border-bottom:1px solid #edf1f7;font-size:12px;line-height:1.8;color:#6e85a5}.mobile-related>a>span{display:block;font-size:9px;color:#a0b1ca;margin-bottom:4px}.mobile-related .icon{position:absolute;right:0;top:50%;width:14px;height:14px}.footer-download{display:none}.footer-main{gap:26px}.footer-main p{font-size:9px}.footer-main p small{font-size:8px}}
@media(max-width:480px){.shell{width:calc(100% - 32px)}.utility-inner{height:29px}.utility-bar{font-size:9px}.fiction-note{font-size:8px}.city-location{gap:5px}.utility-sep{margin:0 2px}.masthead{height:85px;gap:8px}.brand strong{font-size:24px;letter-spacing:.05em}.brand small{font-size:6px;letter-spacing:.24em;margin-top:5px}.brand-mark{width:26px;height:32px}.brand{gap:7px}.header-actions{gap:3px}.icon-button{width:29px;height:31px}.header-actions .icon{width:17px;height:17px}.compose-button{border:0;padding:6px;font-size:10px}.compose-button>span{display:none}.download-site{font-size:10px;padding:8px 9px;margin-left:2px}.download-site>span{display:none}.nav-row nav{gap:22px;justify-content:space-between}.nav-button{font-size:11px;padding:13px 0}.today-heading{padding:25px 1px 20px}.today-heading .small-label{font-size:9px}.today-heading h1{font-size:22px;margin-top:5px}.heading-star{margin-left:9px}.today-date strong{font-size:25px}.today-date>span{font-size:8px}.focus-card{grid-template-columns:1fr}.focus-body{padding:23px 22px 19px}.focus-label{font-size:9px}.focus-body h2{font-size:23px;line-height:1.7;margin:16px 0 9px;font-weight:600}.focus-body p{font-size:10px;margin-bottom:12px;line-height:1.95}.story-link{font-size:10px}.focus-media{padding:0 12px 12px}.hero-photo .photo-drop-zone,.hero-photo .photo-filled{min-height:190px;height:200px}.hero-photo .photo-drop-zone{gap:5px;padding:25px 15px 17px}.hero-photo .photo-camera{width:34px;height:34px;margin:0}.hero-photo .photo-camera .icon{width:18px;height:18px}.hero-photo .photo-drop-zone strong{font-size:13px}.hero-photo .photo-hint{font-size:9px}.hero-photo .photo-insert{font-size:9px;margin-top:6px;padding:3px 10px}.hero-photo .photo-index{font-size:8px;top:12px;left:14px}.news-ticker{font-size:9px;gap:12px;padding:16px 1px 17px;margin-bottom:20px}.news-ticker small{display:none}.news-ticker p b{margin-inline:5px}.news-feed{padding:20px 17px 0;border-radius:7px}.section-heading{padding-bottom:13px}.section-heading h2{font-size:16px;gap:8px}.section-heading select{font-size:9px;padding:4px 0}.article-row{grid-template-columns:minmax(0,1fr) 94px;gap:15px;padding:22px 0}.row-art{height:94px;align-self:start;margin-top:25px;border-radius:4px}.article-row h3{font-size:16px;line-height:1.7;font-weight:550;margin:7px 0 9px}.row-category{font-size:9px;gap:7px}.pill{font-size:8px;padding:0 5px}.row-summary{font-size:10px;-webkit-line-clamp:1;margin-bottom:10px}.row-meta{font-size:8px;gap:5px}.row-meta>span:not(.photo-count){display:none}.photo-count{margin-left:3px;font-size:8px}.row-meta .bookmark-button .icon{width:14px;height:14px}.mini-visual{font-size:8px;gap:6px}.mini-visual .icon{width:21px;height:21px}.feed-end{font-size:8px;padding:21px 0}.mobile-tools{display:block;padding:15px 0}.mobile-tools>div{margin-top:12px;justify-content:center;font-size:9px}.mobile-tools>button{display:flex;width:100%;justify-content:center;background:#f2f6fc;color:#88a1c4;border-radius:4px;padding:9px;font-size:10px}.content-grid{padding-bottom:30px}.footer-main{padding:24px 0;display:block}.footer-brand{font-size:20px;display:inline-flex;align-items:center;gap:15px}.footer-brand span{font-size:7px;letter-spacing:.1em;margin:0}.footer-main p{font-size:9px;margin-top:13px;line-height:2}.footer-main p small{font-size:8px}.footer-bottom{font-size:8px;padding:12px 0}.breadcrumbs{font-size:9px;padding:20px 1px;gap:9px}.article-page-grid{padding-bottom:28px}.article-content{border-radius:7px;padding:23px 19px 25px}.article-number{font-size:7px;letter-spacing:0}.article-content h1{font-size:24px;line-height:1.65;letter-spacing:0;margin:15px 0 22px}.article-byline{gap:8px;flex-wrap:nowrap}.author-avatar{width:28px;height:28px;font-size:12px;flex-shrink:0}.article-byline strong{font-size:9px}.article-byline time{font-size:8px;white-space:nowrap}.article-controls{gap:3px}.article-controls>button{padding:4px;font-size:11px}.article-controls .icon{width:15px;height:15px}.article-notice{font-size:8px;padding:13px 0 15px;margin-bottom:19px}.article-lead{font-size:12px;line-height:2;padding:13px 14px;margin-bottom:20px}.photo-guide{font-size:9px;gap:5px;line-height:1.8}.photo-guide .icon{width:12px;height:12px}.article-content .photo-drop-zone{min-height:197px;aspect-ratio:1.6;gap:6px;padding:30px 12px 22px}.photo-camera{width:36px;height:36px;margin-bottom:3px}.photo-camera>.icon{width:20px;height:20px}.photo-drop-zone strong{font-size:13px}.photo-hint{font-size:8px}.photo-insert{font-size:9px;margin-top:7px;padding:4px 10px}.photo-index{font-size:8px;top:13px;left:15px}.news-photo figcaption{font-size:9px;margin-top:9px;line-height:1.9}.news-photo figcaption>span{font-size:8px}.photo-tools{gap:10px;padding:9px 10px}.photo-tools button{font-size:9px}.article-content .portrait .photo-drop-zone{aspect-ratio:4/5;min-height:300px}.article-body{font-size:16px;line-height:2.05;letter-spacing:.01em}.article-body>p{margin-bottom:23px}.article-body blockquote{font-size:18px;margin:23px 0;padding-left:14px}.article-body .news-photo{margin-top:25px;margin-bottom:26px}.article-action-bar{gap:8px;padding-top:18px}.article-action-bar button{font-size:9px;padding:8px 9px;gap:5px}.article-action-bar .icon{width:12px;height:12px}.photo-save-note{font-size:9px}.article-end{padding:11px 0 23px}.filter-top{padding:27px 0 23px}.filter-top h1{font-size:24px}.filter-top p{font-size:11px}.search-panel label{font-size:10px}.search-input-wrap input{font-size:13px}.search-input-wrap button{font-size:11px}.editor-dialog{padding:23px 20px}.dialog-heading h2{font-size:20px}.form-grid{grid-template-columns:1fr;gap:0}.editor-note{font-size:10px}.editor-bottom>span{font-size:9px}.editor-bottom .primary-button{font-size:11px;padding:9px 13px}.toast{font-size:11px;padding:11px 15px}.photo-filled>img{max-height:650px}}
@media(max-width:360px){.shell{width:calc(100% - 24px)}.brand strong{font-size:21px}.brand-mark{width:23px}.brand small{font-size:6px}.header-actions{gap:0}.compose-button{font-size:9px}.download-site{padding:7px;font-size:9px}.nav-row nav{gap:20px}.article-content{padding-inline:16px}.article-content h1{font-size:22px}.article-byline time{font-size:7px}.row-art{width:80px;height:85px}.article-row{grid-template-columns:minmax(0,1fr) 80px;gap:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep secondary copy and image controls legible on the pale city palette. */
.focus-body p,.row-summary{color:#7c8da8}.photo-drop-zone strong{color:#657fa8}.photo-hint{color:#8095b3}.photo-insert{color:#5e7eae;border-color:#bccde5}.news-photo figcaption{color:#8194af}.photo-guide{color:#7890b2}.photo-save-note{color:#8397b4}.city-note p,.workspace-tools p{color:#8295b0}.row-meta{color:#899bb5}.photo-tools button{color:#708bb1}.article-byline strong{color:#7189aa}.article-byline time{color:#91a2bb}

.news-photo.has-photo:not(.portrait) .photo-filled>img[style*="cover"]{aspect-ratio:16/9;object-fit:cover}.news-photo.portrait .photo-filled>img[style*="cover"]{aspect-ratio:4/5;object-fit:cover}

/* Character accents: Xia orange, Zuo pink, Mo green, Lu purple. */
[data-character]{--accent:#5278bb;--accent-deep:#365a98;--accent-soft:#edf3fc;--accent-tint:#f8fbff;--accent-line:#c4d3eb;--accent-muted:#7894bb}
[data-character="luke"]{--accent:#cf873e;--accent-deep:#8c5b2b;--accent-soft:#fff0dd;--accent-tint:#fffcf7;--accent-line:#edcfaa;--accent-muted:#ad8254}
[data-character="artem"]{--accent:#cf8ca6;--accent-deep:#965c76;--accent-soft:#fbeaf1;--accent-tint:#fff9fc;--accent-line:#ebc6d5;--accent-muted:#b58097}
[data-character="vyn"]{--accent:#679b84;--accent-deep:#3e715d;--accent-soft:#e7f3ec;--accent-tint:#f8fcf9;--accent-line:#bed9c9;--accent-muted:#739a86}
[data-character="marius"]{--accent:#9b83c4;--accent-deep:#705396;--accent-soft:#f0e9fa;--accent-tint:#fcf9ff;--accent-line:#d5c5eb;--accent-muted:#9b87b4}
.row-category{flex-wrap:wrap}
[data-character] .row-category{color:var(--accent-deep)}
[data-character] .pill{color:var(--accent-deep);background:var(--accent-soft)}
.character-tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;color:var(--accent-deep)}
.character-tag i{display:inline-block;width:5px;height:5px;background:var(--accent);transform:rotate(45deg)}
.article-row[data-character] h3{color:var(--accent-deep)}
.article-row[data-character] h3 a:hover{color:var(--accent)}
.article-row[data-character] .row-art{border:1px solid var(--accent-line)}
.mini-visual[data-character]{background:linear-gradient(130deg,var(--accent-soft),var(--accent-tint));color:var(--accent-muted)}
.mini-visual[data-character] .mini-orbit{border-color:var(--accent-line)}
.focus-card[data-character]{border-color:var(--accent-line)}
.focus-card[data-character] .focus-body{background:linear-gradient(130deg,#fff,var(--accent-tint))}
.focus-card[data-character] h2,.focus-card[data-character] .focus-label,.focus-card[data-character] .story-link{color:var(--accent-deep)}
.focus-card[data-character] .focus-label i{background:var(--accent)}
.focus-card[data-character] .focus-label>span{color:var(--accent-muted)}
.city-letter[data-character]{background:linear-gradient(140deg,var(--accent-tint),var(--accent-soft));border-color:var(--accent-line)}
.city-letter[data-character] h2{color:var(--accent-deep)}
.city-letter[data-character] .small-label,.city-letter[data-character] .small-label span,.city-letter[data-character] .letter-bottom{color:var(--accent-muted)}
.city-letter[data-character] .quote-mark{color:var(--accent-line)}
.city-letter[data-character] .sea-line{border-color:var(--accent-line)}
.ranking [data-character] .rank-number{color:var(--accent)}
.ranking [data-character] a:hover{color:var(--accent-deep)}
.article-content[data-character]{border-top:3px solid var(--accent);border-color:var(--accent-line);border-top-color:var(--accent)}
.article-content[data-character] h1{color:var(--accent-deep)}
.article-content[data-character] .article-lead{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-deep)}
.article-content[data-character] .author-avatar{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-deep)}
.article-content[data-character] .article-body blockquote{border-color:var(--accent);color:var(--accent-deep)}
.article-content[data-character] .article-end span,.article-content[data-character] .photo-guide{color:var(--accent-muted)}
.news-photo[data-character] .photo-drop-zone{background:linear-gradient(130deg,var(--accent-soft),var(--accent-tint));border-color:var(--accent-line);color:var(--accent-muted)}
.news-photo[data-character] .photo-drop-zone:hover,.news-photo[data-character] .photo-drop-zone.dragging{background:var(--accent-soft);border-color:var(--accent)}
.news-photo[data-character] .photo-drop-zone:before,.news-photo[data-character] .photo-drop-zone:after,.news-photo[data-character] .photo-corner{border-color:var(--accent-line)}
.news-photo[data-character] .photo-drop-zone strong,.news-photo[data-character] .photo-insert{color:var(--accent-deep)}
.news-photo[data-character] .photo-index,.news-photo[data-character] .photo-camera{color:var(--accent-muted)}
.news-photo[data-character] .photo-camera,.news-photo[data-character] .photo-insert{border-color:var(--accent-line)}
.news-photo[data-character] .photo-tools button{color:var(--accent-deep)}
.related-item[data-character] small,.mobile-related [data-character]>span{color:var(--accent-deep)}
.related-item[data-character]:hover h3,.mobile-related [data-character]:hover{color:var(--accent)}

/* Online reader and editor states. Write permission is enforced by the API. */
.login-button{color:#7189ac;font-size:11px;white-space:nowrap;padding:7px 0}
.masthead-motto strong{font-weight:400;font-size:12px}
.masthead-motto .disconnected{color:#b47e5f}
[data-mode="reader"] .mobile-tools{display:none}
.city-cover{height:100%;min-height:275px;background:linear-gradient(130deg,var(--accent-soft),var(--accent-tint));border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--accent-muted);font-size:10px;letter-spacing:.12em}
.cover-crystal{font:100px/1 Georgia,serif;color:var(--accent-line)}
.mini-crystal{font:35px/1 Georgia,serif;color:var(--accent-muted)}
.hero-layout.one-story{grid-template-columns:1fr}
.focus-card.text-focus{display:block;min-height:0}
.focus-card.text-focus .focus-media{display:none}
.focus-body h2{font-size:23px;line-height:1.65;margin-top:19px}
.focus-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.city-letter h2{font:17px/1.9 var(--serif);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.login-dialog form{display:block}.login-dialog .dialog-heading{display:flex;margin:0 0 12px}
.login-dialog h2{margin:0}.login-dialog .primary-button{width:100%;margin-top:10px}
.login-dialog label,.confirm-dialog label{display:block;margin:16px 0;font-size:12px}
.login-dialog input,.confirm-dialog input{display:block;width:100%;border:1px solid var(--line);padding:11px;margin-top:8px;background:#fff}
.login-dialog .login-error{min-height:21px;color:#b45b70;font-size:12px;margin:0}
.trash-item{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}
.trash-item>span{min-width:0}.trash-item button{flex-shrink:0}
[data-mode="reader"] .photo-filled{background:transparent}
@media(max-width:600px){.header-actions{gap:11px}.login-button{font-size:10px}.compose-button{font-size:10px}.download-site{padding:6px 9px;font-size:10px}.focus-body h2{font-size:21px}.city-cover{min-height:180px}.cover-crystal{font-size:70px}.hero-photo .photo-drop-zone{height:200px}}
@media(max-width:380px){.header-actions{gap:8px}.brand strong{font-size:20px}.brand-mark{width:26px}.login-button{font-size:9px}.compose-button{padding:5px 7px}.download-site{padding:5px 7px}}