在谈论“子比”主题或类似网页框架中的“GO”跳转按钮（或链接）的美化时，我们主要关注的是如何通过设计手段提升该元素的视觉吸引力和用户体验。以下是两种不同风格的美化方案：
1. 简约科技风美化
效果一
![图片[1]-子比的GO跳转两种美化风格：简约科技与温馨复古-派克资源](https://www.pknn.net/wp-content/uploads/2024/08/效果一-1.webp)
美化代码
<?php/** @Author : Qinver* @Url : zibll.com* @Date : 2020-09-29 13:18:36* @LastEditTime: 2022-04-28 21:25:40* @Email : 770349780@qq.com* @Project : Zibll子比主题* @Description : 一款极其优雅的Wordpress主题* @Read me : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。* @Remind : 使用盗版主题会存在各种未知风险。支持正版，从我做起！* @----本go页面有星语社长（WWW.WIIUII.CN）进行二次修改，禁止搬运，支持正版------。*/if (strlen($_SERVER['REQUEST_URI']) > 384 ||strpos($_SERVER['REQUEST_URI'], "eval(") ||strpos($_SERVER['REQUEST_URI'], "base64")) {@header("HTTP/1.1 414 Request-URI Too Long");@header("Status: 414 Request-URI Too Long");@header("Connection: Close");@exit;}//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好@session_start();$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);//数据处理if (!empty($t_url)) {//判断取值是否加密if ($t_url == base64_encode(base64_decode($t_url))) {$t_url = base64_decode($t_url);}//防止xss$t_url = htmlspecialchars($t_url);//对取值进行网址校验和判断preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);$wiiui_title = get_bloginfo('name');$title = $wiiui_title . ' - 安全中心';if ($matches) {$url = $t_url;// $title = '页面加载中,请稍候...';} else {preg_match('/\./i', $t_url, $matche);if ($matche) {$url = 'http://' . $t_url;// $title = '页面加载中,请稍候...';} else {$url = 'http://' . $_SERVER['HTTP_HOST'];$title = '参数错误，正在返回首页...';}}} else {$title = '参数缺失，正在返回首页...';$url = 'http://' . $_SERVER['HTTP_HOST'];}$url = str_replace('&', '&', $url);?><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="robots" content="noindex, nofollow" /><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><?php echo "<link rel='apple-touch-icon-precomposed icon' href='" . _pz('iconpng') . "' type='image/x-icon'/>"; ?><noscript><meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';"></noscript><script>function link_jump() {//禁止其他网站使用我们的跳转页面var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");if (!MyHOST.test(document.referrer)) {location.href = "//" + MyHOST;}location.href = "<?php echo $url; ?>";}//延时10S跳转，可自行修改延时时间setTimeout(link_jump, 10000);//延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题setTimeout(function() {window.opener = null;window.close();}, 50000);</script><link rel="stylesheet" id="_fontawesome-css" href="//cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" media="all"><title><?php echo $title; ?></title><style>body,html{padding:0;margin:0}body{background:#f5f6f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}a{cursor:default;text-decoration:none;word-wrap:break-word;word-break:break-all}.wiiuii-go-main{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.wiiuii-go-container{position: relative;max-width:28em;height:auto;display:inline-block;background:#fff;margin:10px;padding:1.5em;border-radius:5px;box-shadow:0 0 10px rgba(116,116,116,.1)}.wiiuii-go-content a{color:#036af4}.wiiuii-go-content a:hover{color:#e91e63}.wiiuii-go-logo{text-align:center;width:auto;height:65px;margin-bottom:10px}.wiiuii-go-logo img{max-width:100%;height:100%}.wiiuii-go-msg{cursor:default;text-align:center;padding:10px 5px;font-weight:700;color:rgba(255, 0, 0, 0.85);background:rgba(255, 0, 0, 0.1);border-radius:5px}.wiiuii-go-button-item{text-align:right}.wiiuii-go-button{display:inline-block;border-radius:99px;padding:10px 15px;background:rgba(116,116,116,.1);transition:all .5s}.wiiuii-go-button a{font-weight:700;font-size:14px;color:#333}.wiiuii-go-button:hover{color:#000;background:rgba(116,116,116,.2)}.wiiuii-goid-item{position:absolute;top:10px;left:10px;border-radius:4px;overflow:hidden;background:#ffd07c}.wiiuii-goid-title{padding:0 4px;background:#ffa400}.wiiuii-goid-text{padding-right:5px}.wiiuii-go-container hr{border: 0;height: 0.05em;background: #eee;}</style></head><body><div class="wiiuii-go-main"><div class="wiiuii-go-container"><div class="wiiuii-goid-item"><b class="wiiuii-goid-title">GID</b><span class="wiiuii-goid-text">LINK<?php echo hexdec($url); ?></span></div><div class="wiiuii-go-logo"><?php echo zib_get_adaptive_theme_img(_pz('logo_src'), _pz('logo_src_dark')); ?></div><div class="wiiuii-go-content"><div class="wiiuii-go-msg"><span><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> 您即将离开<?php echo $wiiui_title; ?>，请注意您的账号和财产安全。</span></div><p>访问链接：<a onclick="location.replace('<?php echo $url; ?>')" title="<?php echo $url; ?>"><?php echo $url; ?></a></p></div><hr><div class="wiiuii-go-button-item"><div class="wiiuii-go-button"><a onclick="location.replace('//<?php echo $_SERVER['HTTP_HOST']; ?>')">返回首页</a></div><div class="wiiuii-go-button"><a onclick="location.replace('<?php echo $url; ?>')">继续访问</a></div></div></div></div></body></html><?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime: 2022-04-28 21:25:40 * @Email : 770349780@qq.com * @Project : Zibll子比主题 * @Description : 一款极其优雅的Wordpress主题 * @Read me : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。 * @Remind : 使用盗版主题会存在各种未知风险。支持正版，从我做起！ * @----本go页面有星语社长（WWW.WIIUII.CN）进行二次修改，禁止搬运，支持正版------。 */ if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") || strpos($_SERVER['REQUEST_URI'], "base64") ) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too Long"); @header("Connection: Close"); @exit; } //通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好 @session_start(); $t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]); //数据处理 if (!empty($t_url)) { //判断取值是否加密 if ($t_url == base64_encode(base64_decode($t_url))) { $t_url = base64_decode($t_url); } //防止xss $t_url = htmlspecialchars($t_url); //对取值进行网址校验和判断 preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches); $wiiui_title = get_bloginfo('name'); $title = $wiiui_title . ' - 安全中心'; if ($matches) { $url = $t_url; // $title = '页面加载中,请稍候...'; } else { preg_match('/\./i', $t_url, $matche); if ($matche) { $url = 'http://' . $t_url; // $title = '页面加载中,请稍候...'; } else { $url = 'http://' . $_SERVER['HTTP_HOST']; $title = '参数错误，正在返回首页...'; } } } else { $title = '参数缺失，正在返回首页...'; $url = 'http://' . $_SERVER['HTTP_HOST']; } $url = str_replace('&', '&', $url); ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="robots" content="noindex, nofollow" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <?php echo "<link rel='apple-touch-icon-precomposed icon' href='" . _pz('iconpng') . "' type='image/x-icon'/>"; ?> <noscript> <meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';"> </noscript> <script> function link_jump() { //禁止其他网站使用我们的跳转页面 var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>"); if (!MyHOST.test(document.referrer)) { location.href = "//" + MyHOST; } location.href = "<?php echo $url; ?>"; } //延时10S跳转，可自行修改延时时间 setTimeout(link_jump, 10000); //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题 setTimeout(function() { window.opener = null; window.close(); }, 50000); </script> <link rel="stylesheet" id="_fontawesome-css" href="//cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" media="all"> <title> <?php echo $title; ?> </title> <style> body,html{padding:0;margin:0} body{background:#f5f6f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif} a{cursor:default;text-decoration:none;word-wrap:break-word;word-break:break-all} .wiiuii-go-main{display:flex;width:100%;height:100%;justify-content:center;align-items:center} .wiiuii-go-container{position: relative;max-width:28em;height:auto;display:inline-block;background:#fff;margin:10px;padding:1.5em;border-radius:5px;box-shadow:0 0 10px rgba(116,116,116,.1)} .wiiuii-go-content a{color:#036af4} .wiiuii-go-content a:hover{color:#e91e63} .wiiuii-go-logo{text-align:center;width:auto;height:65px;margin-bottom:10px} .wiiuii-go-logo img{max-width:100%;height:100%} .wiiuii-go-msg{cursor:default;text-align:center;padding:10px 5px;font-weight:700;color:rgba(255, 0, 0, 0.85);background:rgba(255, 0, 0, 0.1);border-radius:5px} .wiiuii-go-button-item{text-align:right} .wiiuii-go-button{display:inline-block;border-radius:99px;padding:10px 15px;background:rgba(116,116,116,.1);transition:all .5s} .wiiuii-go-button a{font-weight:700;font-size:14px;color:#333} .wiiuii-go-button:hover{color:#000;background:rgba(116,116,116,.2)} .wiiuii-goid-item{position:absolute;top:10px;left:10px;border-radius:4px;overflow:hidden;background:#ffd07c} .wiiuii-goid-title{padding:0 4px;background:#ffa400} .wiiuii-goid-text{padding-right:5px} .wiiuii-go-container hr{border: 0;height: 0.05em;background: #eee;} </style> </head> <body> <div class="wiiuii-go-main"> <div class="wiiuii-go-container"> <div class="wiiuii-goid-item"> <b class="wiiuii-goid-title">GID</b> <span class="wiiuii-goid-text">LINK<?php echo hexdec($url); ?></span> </div> <div class="wiiuii-go-logo"> <?php echo zib_get_adaptive_theme_img(_pz('logo_src'), _pz('logo_src_dark')); ?> </div> <div class="wiiuii-go-content"> <div class="wiiuii-go-msg"> <span><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> 您即将离开<?php echo $wiiui_title; ?>，请注意您的账号和财产安全。</span> </div> <p>访问链接：<a onclick="location.replace('<?php echo $url; ?>')" title="<?php echo $url; ?>"><?php echo $url; ?></a></p> </div> <hr> <div class="wiiuii-go-button-item"> <div class="wiiuii-go-button"> <a onclick="location.replace('//<?php echo $_SERVER['HTTP_HOST']; ?>')">返回首页</a> </div> <div class="wiiuii-go-button"> <a onclick="location.replace('<?php echo $url; ?>')">继续访问</a> </div> </div> </div> </div> </body> </html><?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime: 2022-04-28 21:25:40 * @Email : 770349780@qq.com * @Project : Zibll子比主题 * @Description : 一款极其优雅的Wordpress主题 * @Read me : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。 * @Remind : 使用盗版主题会存在各种未知风险。支持正版，从我做起！ * @----本go页面有星语社长（WWW.WIIUII.CN）进行二次修改，禁止搬运，支持正版------。 */ if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") || strpos($_SERVER['REQUEST_URI'], "base64") ) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too Long"); @header("Connection: Close"); @exit; } //通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好 @session_start(); $t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]); //数据处理 if (!empty($t_url)) { //判断取值是否加密 if ($t_url == base64_encode(base64_decode($t_url))) { $t_url = base64_decode($t_url); } //防止xss $t_url = htmlspecialchars($t_url); //对取值进行网址校验和判断 preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches); $wiiui_title = get_bloginfo('name'); $title = $wiiui_title . ' - 安全中心'; if ($matches) { $url = $t_url; // $title = '页面加载中,请稍候...'; } else { preg_match('/\./i', $t_url, $matche); if ($matche) { $url = 'http://' . $t_url; // $title = '页面加载中,请稍候...'; } else { $url = 'http://' . $_SERVER['HTTP_HOST']; $title = '参数错误，正在返回首页...'; } } } else { $title = '参数缺失，正在返回首页...'; $url = 'http://' . $_SERVER['HTTP_HOST']; } $url = str_replace('&', '&', $url); ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="robots" content="noindex, nofollow" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <?php echo "<link rel='apple-touch-icon-precomposed icon' href='" . _pz('iconpng') . "' type='image/x-icon'/>"; ?> <noscript> <meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';"> </noscript> <script> function link_jump() { //禁止其他网站使用我们的跳转页面 var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>"); if (!MyHOST.test(document.referrer)) { location.href = "//" + MyHOST; } location.href = "<?php echo $url; ?>"; } //延时10S跳转，可自行修改延时时间 setTimeout(link_jump, 10000); //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题 setTimeout(function() { window.opener = null; window.close(); }, 50000); </script> <link rel="stylesheet" id="_fontawesome-css" href="//cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" media="all"> <title> <?php echo $title; ?> </title> <style> body,html{padding:0;margin:0} body{background:#f5f6f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif} a{cursor:default;text-decoration:none;word-wrap:break-word;word-break:break-all} .wiiuii-go-main{display:flex;width:100%;height:100%;justify-content:center;align-items:center} .wiiuii-go-container{position: relative;max-width:28em;height:auto;display:inline-block;background:#fff;margin:10px;padding:1.5em;border-radius:5px;box-shadow:0 0 10px rgba(116,116,116,.1)} .wiiuii-go-content a{color:#036af4} .wiiuii-go-content a:hover{color:#e91e63} .wiiuii-go-logo{text-align:center;width:auto;height:65px;margin-bottom:10px} .wiiuii-go-logo img{max-width:100%;height:100%} .wiiuii-go-msg{cursor:default;text-align:center;padding:10px 5px;font-weight:700;color:rgba(255, 0, 0, 0.85);background:rgba(255, 0, 0, 0.1);border-radius:5px} .wiiuii-go-button-item{text-align:right} .wiiuii-go-button{display:inline-block;border-radius:99px;padding:10px 15px;background:rgba(116,116,116,.1);transition:all .5s} .wiiuii-go-button a{font-weight:700;font-size:14px;color:#333} .wiiuii-go-button:hover{color:#000;background:rgba(116,116,116,.2)} .wiiuii-goid-item{position:absolute;top:10px;left:10px;border-radius:4px;overflow:hidden;background:#ffd07c} .wiiuii-goid-title{padding:0 4px;background:#ffa400} .wiiuii-goid-text{padding-right:5px} .wiiuii-go-container hr{border: 0;height: 0.05em;background: #eee;} </style> </head> <body> <div class="wiiuii-go-main"> <div class="wiiuii-go-container"> <div class="wiiuii-goid-item"> <b class="wiiuii-goid-title">GID</b> <span class="wiiuii-goid-text">LINK<?php echo hexdec($url); ?></span> </div> <div class="wiiuii-go-logo"> <?php echo zib_get_adaptive_theme_img(_pz('logo_src'), _pz('logo_src_dark')); ?> </div> <div class="wiiuii-go-content"> <div class="wiiuii-go-msg"> <span><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> 您即将离开<?php echo $wiiui_title; ?>，请注意您的账号和财产安全。</span> </div> <p>访问链接：<a onclick="location.replace('<?php echo $url; ?>')" title="<?php echo $url; ?>"><?php echo $url; ?></a></p> </div> <hr> <div class="wiiuii-go-button-item"> <div class="wiiuii-go-button"> <a onclick="location.replace('//<?php echo $_SERVER['HTTP_HOST']; ?>')">返回首页</a> </div> <div class="wiiuii-go-button"> <a onclick="location.replace('<?php echo $url; ?>')">继续访问</a> </div> </div> </div> </div> </body> </html>
设计理念：
简约科技风追求的是干净、利落的设计感，通过清晰的线条、冷色调的色彩搭配以及微妙的光影效果，营造出一种科技、现代的氛围。
设计元素：
- 色彩选择： 使用蓝色、白色或灰色作为主色调，这些颜色能够很好地传达出科技、专业的感觉。
- 字体与图标： 选择简洁、易读的字体，搭配一个清晰可见的“GO”图标或箭头图标，图标可以采用扁平化或微立体感设计，确保在不同尺寸下都能清晰辨认。
- 光影效果： 轻微的阴影或高光效果可以增强按钮的立体感，但需注意不要过度使用，以免破坏整体的简约感。
- 过渡动画： 在用户将鼠标悬停在按钮上时，可以添加轻微的放大或颜色变化效果，作为反馈信号，提升用户体验。
2. 温馨复古风美化
效果二
![图片[2]-子比的GO跳转两种美化风格：简约科技与温馨复古-派克资源](https://www.pknn.net/wp-content/uploads/2024/08/效果二.webp)
美化代码
<?phpif (strlen($_SERVER['REQUEST_URI']) > 384 ||strpos($_SERVER['REQUEST_URI'], "eval(") ||strpos($_SERVER['REQUEST_URI'], "base64")) {@header("HTTP/1.1 414 Request-URI Too Long");@header("Status: 414 Request-URI Too Long");@header("Connection: Close");@exit;}//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好@session_start();$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);//数据处理if (!empty($t_url)) {//判断取值是否加密if ($t_url == base64_encode(base64_decode($t_url))) {$t_url = base64_decode($t_url);}//防止xss$t_url = htmlspecialchars($t_url);//对取值进行网址校验和判断preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);if ($matches) {$url = $t_url;$title = '页面加载中,请稍候...';} else {preg_match('/\./i', $t_url, $matche);if ($matche) {$url = 'http://' . $t_url;$title = '页面加载中,请稍候...';} else {$url = 'http://' . $_SERVER['HTTP_HOST'];$title = '参数错误，正在返回首页...';}}} else {$title = '参数缺失，正在返回首页...';$url = 'http://' . $_SERVER['HTTP_HOST'];}?><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="robots" content="noindex, nofollow" /><title><?php echo $title; ?></title><meta name="keywords" content=""><meta name="description" content=""><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" /><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="renderer" content="webkit"/><meta name="force-rendering" content="webkit"/><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/><link rel="shortcut icon" type="image/ico" href="/favicon.ico"><script>function link_jump(){//禁止其他网站使用我们的跳转页面var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");if (!MyHOST.test(document.referrer)) {location.href="https://" + MyHOST;}location.href="<?php echo $url; ?>";}//延时1S跳转，可自行修改延时时间//setTimeout(link_jump, 1500);//延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题setTimeout(function(){window.opener=null;window.close();}, 50000);</script><style>*,:after,:before{box-sizing:border-box}body.reader-black-font,body.reader-black-font .history-mode .view-area,body.reader-black-font .history-mode .view-area pre,body.reader-black-font .main .kalamu-area,body.reader-black-font .main .markdown .text,body.reader-black-font input,body.reader-black-font select,body.reader-black-font textarea{font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}body{background:#f6f7f8}.ext-link__wrapper{position:absolute;width:620px;padding:40px 0;border-radius:6px;text-align:center;top:118px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;box-shadow:0 1px 3px rgba(27,95,160,.1);overflow:hidden}.title{font-size:22px;color:#2f2f2f}.sub-title{font-size:16px;color:#888;margin-top:8px}.link-bd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:460px;margin:12px auto 0;padding:10px;border-radius:4px;background:#ebf6ff;border:1px solid #dceaf5;zoom:1}.link-bd:after,.link-bd:before{content:" ";display:table}.link-bd .link-bd__icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:flex;align-items:center;width:40px;justify-content:center;height:40px;line-height:40px;font-size:20px;background:#bcc6d8;text-align:center;border-radius:2px}.link-btn{text-align:center;font-size:0;margin-top:24px}.link-bd .link-bd__text{font-size:14px;color:#006cbe;margin-left:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.link-btn__text{display:inline-block;width:144px;height:44px;line-height:43px;border-radius:22px;font-size:14px;color:#006cbe;border:1px solid #006cbe;cursor:pointer;text-decoration:none}.link-btn__text:hover{color:#fff;background:#006cbe}.alert-footer {margin: 0 auto;height: 90px;padding:30px 60px;display:inline-block;}.alert-footer-icon {float: left;padding:10px 10px;text-align:right;}.alert-footer-text {float: right;border-left: 2px solid #EEE;padding: 3px 0 0 5px;height: 60px;color: #0B85CC;font-size: 12px;text-align: left;}.alert-footer-text p {color: #7A7A7A;font-size: 22px;line-height: 18px;margin-top: 0px;}.ext-link__wrapper>img{width:50%;}@media screen and (max-width: 768px){.link-bd,.ext-link__wrapper{width:90%;}.link-btn__text{width:40%;}}</style></head><body><div class="ext-link__wrapper"><?php echo zib_get_adaptive_theme_img(_pz('logo_src'), _pz('logo_src_dark')); ?><!--可修改成自己的LOGO--><div class="title">即将跳转到外部网站</div><div class="sub-title">跳转网站安全性未知，是否继续</div><div class="link-bd"><div class="link-bd__icon"><svg t="1585116627498" class="icon" viewBox="0 0 1024 1024" version="1.1"xmlns="http://www.w3.org/2000/svg" p-id="2855" width="32" height="32"><pathd="M580.906667 682.496a8.96 8.96 0 0 0-12.501334 0l-129.109333 129.152c-59.818667 59.818667-160.682667 66.133333-226.688 0-66.133333-66.133333-59.733333-166.912 0-226.688l129.109333-129.152a8.917333 8.917333 0 0 0 0-12.544L297.514667 399.061333a8.917333 8.917333 0 0 0-12.544 0l-129.152 129.066667a240.256 240.256 0 0 0 0 340.053333 240.213333 240.213333 0 0 0 340.053333 0l129.066667-129.109333a8.917333 8.917333 0 0 0 0-12.586667l-43.989334-43.989333h-0.042666zM868.224 155.733333a240.554667 240.554667 0 0 1 0 340.138667l-129.109333 129.152a8.917333 8.917333 0 0 1-12.544 0l-44.202667-44.202667a8.96 8.96 0 0 1 0-12.629333l129.109333-129.066667c59.818667-59.818667 66.133333-160.597333 0-226.730666-66.005333-66.133333-166.869333-59.818667-226.688 0l-129.066666 129.194666a8.96 8.96 0 0 1-12.544 0L399.061333 297.514667a8.96 8.96 0 0 1 0-12.544l129.237334-129.152a240.213333 240.213333 0 0 1 339.925333 0v-0.042667z m-247.210667 201.045334l43.946667 43.989333a8.917333 8.917333 0 0 1 0 12.544l-251.562667 251.562667a8.917333 8.917333 0 0 1-12.544 0l-44.032-43.946667a8.917333 8.917333 0 0 1 0-12.544l251.690667-251.605333a8.96 8.96 0 0 1 12.544 0h-0.042667z"fill="#006CBE" fill-opacity=".87" p-id="2856"></path></svg></div><div class="link-bd__text"><?php echo $url; ?></div></div><div class="link-btn"><a href="javascript:void(0);" onclick="javascript:window.location.href='<?php echo $url; ?>'" class="link-btn__text">继续前往</a><a onclick="location.replace('//<?php echo $_SERVER['HTTP_HOST']; ?>')" class="link-btn__text" style="margin-left:10px;">回到主页</a></div><div class="alert-footer"><div class="alert-footer-icon"><svg width="46px" height="42px"><circle fill-rule="evenodd" clip-rule="evenodd" fill="#7B7B7B" stroke="#DEDFE0" stroke-width="2" stroke-miterlimit="10" cx="21.917" cy="21.25" r="17"/><path fill="#FFF" d="M22.907,27.83h-1.98l0.3-2.92c-0.37-0.22-0.61-0.63-0.61-1.1c0-0.71,0.58-1.29,1.3-1.29s1.3,0.58,1.3,1.29 c0,0.47-0.24,0.88-0.61,1.1L22.907,27.83z M18.327,17.51c0-1.98,1.61-3.59,3.59-3.59s3.59,1.61,3.59,3.59v2.59h-7.18V17.51z M27.687,20.1v-2.59c0-3.18-2.59-5.76-5.77-5.76s-5.76,2.58-5.76,5.76v2.59h-1.24v10.65h14V20.1H27.687z"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#FEFEFE" cx="35.417" cy="10.75" r="6.5"/><polygon fill="#7B7B7B" stroke="#7B7B7B" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="35.417,12.16 32.797,9.03 31.917,10.07 35.417,14.25 42.917,5.29 42.037,4.25 "/></svg></div><div class="alert-footer-text"><p>secure</p>安全加密 </div></div></div></body></html><?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") || strpos($_SERVER['REQUEST_URI'], "base64") ) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too Long"); @header("Connection: Close"); @exit; } //通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好 @session_start(); $t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]); //数据处理 if (!empty($t_url)) { //判断取值是否加密 if ($t_url == base64_encode(base64_decode($t_url))) { $t_url = base64_decode($t_url); } //防止xss $t_url = htmlspecialchars($t_url); //对取值进行网址校验和判断 preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches); if ($matches) { $url = $t_url; $title = '页面加载中,请稍候...'; } else { preg_match('/\./i', $t_url, $matche); if ($matche) { $url = 'http://' . $t_url; $title = '页面加载中,请稍候...'; } else { $url = 'http://' . $_SERVER['HTTP_HOST']; $title = '参数错误，正在返回首页...'; } } } else { $title = '参数缺失，正在返回首页...'; $url = 'http://' . $_SERVER['HTTP_HOST']; } ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="robots" content="noindex, nofollow" /> <title><?php echo $title; ?></title> <meta name="keywords" content=""> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" /> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <meta name="renderer" content="webkit"/> <meta name="force-rendering" content="webkit"/> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> <link rel="shortcut icon" type="image/ico" href="/favicon.ico"> <script> function link_jump() { //禁止其他网站使用我们的跳转页面 var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>"); if (!MyHOST.test(document.referrer)) { location.href="https://" + MyHOST; } location.href="<?php echo $url; ?>"; } //延时1S跳转，可自行修改延时时间 //setTimeout(link_jump, 1500); //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题 setTimeout(function(){window.opener=null;window.close();}, 50000); </script> <style> *,:after,:before{box-sizing:border-box}body.reader-black-font,body.reader-black-font .history-mode .view-area,body.reader-black-font .history-mode .view-area pre,body.reader-black-font .main .kalamu-area,body.reader-black-font .main .markdown .text,body.reader-black-font input,body.reader-black-font select,body.reader-black-font textarea{font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}body{background:#f6f7f8}.ext-link__wrapper{position:absolute;width:620px;padding:40px 0;border-radius:6px;text-align:center;top:118px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;box-shadow:0 1px 3px rgba(27,95,160,.1);overflow:hidden}.title{font-size:22px;color:#2f2f2f}.sub-title{font-size:16px;color:#888;margin-top:8px}.link-bd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:460px;margin:12px auto 0;padding:10px;border-radius:4px;background:#ebf6ff;border:1px solid #dceaf5;zoom:1}.link-bd:after,.link-bd:before{content:" ";display:table}.link-bd .link-bd__icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:flex;align-items:center;width:40px;justify-content:center;height:40px;line-height:40px;font-size:20px;background:#bcc6d8;text-align:center;border-radius:2px}.link-btn{text-align:center;font-size:0;margin-top:24px}.link-bd .link-bd__text{font-size:14px;color:#006cbe;margin-left:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.link-btn__text{display:inline-block;width:144px;height:44px;line-height:43px;border-radius:22px;font-size:14px;color:#006cbe;border:1px solid #006cbe;cursor:pointer;text-decoration:none}.link-btn__text:hover{color:#fff;background:#006cbe} .alert-footer { margin: 0 auto; height: 90px; padding:30px 60px; display:inline-block; } .alert-footer-icon { float: left; padding:10px 10px; text-align:right; } .alert-footer-text { float: right; border-left: 2px solid #EEE; padding: 3px 0 0 5px; height: 60px; color: #0B85CC; font-size: 12px; text-align: left; } .alert-footer-text p { color: #7A7A7A; font-size: 22px; line-height: 18px; margin-top: 0px; } .ext-link__wrapper>img{ width:50%; } @media screen and (max-width: 768px){ .link-bd,.ext-link__wrapper{ width:90%; } .link-btn__text{ width:40%; } } </style> </head> <body> <div class="ext-link__wrapper"> <?php echo zib_get_adaptive_theme_img(_pz('logo_src'), _pz('logo_src_dark')); ?><!--可修改成自己的LOGO--> <div class="title">即将跳转到外部网站</div> <div class="sub-title">跳转网站安全性未知，是否继续</div> <div class="link-bd"> <div class="link-bd__icon"><svg t="1585116627498" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2855" width="32" height="32"> <path d="M580.906667 682.496a8.96 8.96 0 0 0-12.501334 0l-129.109333 129.152c-59.818667 59.818667-160.682667 66.133333-226.688 0-66.133333-66.133333-59.733333-166.912 0-226.688l129.109333-129.152a8.917333 8.917333 0 0 0 0-12.544L297.514667 399.061333a8.917333 8.917333 0 0 0-12.544 0l-129.152 129.066667a240.256 240.256 0 0 0 0 340.053333 240.213333 240.213333 0 0 0 340.053333 0l129.066667-129.109333a8.917333 8.917333 0 0 0 0-12.586667l-43.989334-43.989333h-0.042666zM868.224 155.733333a240.554667 240.554667 0 0 1 0 340.138667l-129.109333 129.152a8.917333 8.917333 0 0 1-12.544 0l-44.202667-44.202667a8.96 8.96 0 0 1 0-12.629333l129.109333-129.066667c59.818667-59.818667 66.133333-160.597333 0-226.730666-66.005333-66.133333-166.869333-59.818667-226.688 0l-129.066666 129.194666a8.96 8.96 0 0 1-12.544 0L399.061333 297.514667a8.96 8.96 0 0 1 0-12.544l129.237334-129.152a240.213333 240.213333 0 0 1 339.925333 0v-0.042667z m-247.210667 201.045334l43.946667 43.989333a8.917333 8.917333 0 0 1 0 12.544l-251.562667 251.562667a8.917333 8.917333 0 0 1-12.544 0l-44.032-43.946667a8.917333 8.917333 0 0 1 0-12.544l251.690667-251.605333a8.96 8.96 0 0 1 12.544 0h-0.042667z" fill="#006CBE" fill-opacity=".87" p-id="2856"></path> </svg></div> <div class="link-bd__text"><?php echo $url; ?></div> </div> <div class="link-btn"> <a href="javascript:void(0);" onclick="javascript:window.location.href='<?php echo $url; ?>'" class="link-btn__text">继续前往</a> <a onclick="location.replace('//<?php echo $_SERVER['HTTP_HOST']; ?>')" class="link-btn__text" style="margin-left:10px;">回到主页</a> </div> <div class="alert-footer"> <div class="alert-footer-icon"><svg width="46px" height="42px"> <circle fill-rule="evenodd" clip-rule="evenodd" fill="#7B7B7B" stroke="#DEDFE0" stroke-width="2" stroke-miterlimit="10" cx="21.917" cy="21.25" r="17"/> <path fill="#FFF" d="M22.907,27.83h-1.98l0.3-2.92c-0.37-0.22-0.61-0.63-0.61-1.1c0-0.71,0.58-1.29,1.3-1.29s1.3,0.58,1.3,1.29 c0,0.47-0.24,0.88-0.61,1.1L22.907,27.83z M18.327,17.51c0-1.98,1.61-3.59,3.59-3.59s3.59,1.61,3.59,3.59v2.59h-7.18V17.51z M27.687,20.1v-2.59c0-3.18-2.59-5.76-5.77-5.76s-5.76,2.58-5.76,5.76v2.59h-1.24v10.65h14V20.1H27.687z"/> <circle fill-rule="evenodd" clip-rule="evenodd" fill="#FEFEFE" cx="35.417" cy="10.75" r="6.5"/> <polygon fill="#7B7B7B" stroke="#7B7B7B" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="35.417,12.16 32.797,9.03 31.917,10.07 35.417,14.25 42.917,5.29 42.037,4.25 "/> </svg></div> <div class="alert-footer-text"><p>secure</p>安全加密 </div> </div> </div> </body> </html><?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") || strpos($_SERVER['REQUEST_URI'], "base64") ) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too Long"); @header("Connection: Close"); @exit; } //通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好 @session_start(); $t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]); //数据处理 if (!empty($t_url)) { //判断取值是否加密 if ($t_url == base64_encode(base64_decode($t_url))) { $t_url = base64_decode($t_url); } //防止xss $t_url = htmlspecialchars($t_url); //对取值进行网址校验和判断 preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches); if ($matches) { $url = $t_url; $title = '页面加载中,请稍候...'; } else { preg_match('/\./i', $t_url, $matche); if ($matche) { $url = 'http://' . $t_url; $title = '页面加载中,请稍候...'; } else { $url = 'http://' . $_SERVER['HTTP_HOST']; $title = '参数错误，正在返回首页...'; } } } else { $title = '参数缺失，正在返回首页...'; $url = 'http://' . $_SERVER['HTTP_HOST']; } ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="robots" content="noindex, nofollow" /> <title><?php echo $title; ?></title> <meta name="keywords" content=""> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" /> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <meta name="renderer" content="webkit"/> <meta name="force-rendering" content="webkit"/> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> <link rel="shortcut icon" type="image/ico" href="/favicon.ico"> <script> function link_jump() { //禁止其他网站使用我们的跳转页面 var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>"); if (!MyHOST.test(document.referrer)) { location.href="https://" + MyHOST; } location.href="<?php echo $url; ?>"; } //延时1S跳转，可自行修改延时时间 //setTimeout(link_jump, 1500); //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题 setTimeout(function(){window.opener=null;window.close();}, 50000); </script> <style> *,:after,:before{box-sizing:border-box}body.reader-black-font,body.reader-black-font .history-mode .view-area,body.reader-black-font .history-mode .view-area pre,body.reader-black-font .main .kalamu-area,body.reader-black-font .main .markdown .text,body.reader-black-font input,body.reader-black-font select,body.reader-black-font textarea{font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}body{background:#f6f7f8}.ext-link__wrapper{position:absolute;width:620px;padding:40px 0;border-radius:6px;text-align:center;top:118px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;box-shadow:0 1px 3px rgba(27,95,160,.1);overflow:hidden}.title{font-size:22px;color:#2f2f2f}.sub-title{font-size:16px;color:#888;margin-top:8px}.link-bd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:460px;margin:12px auto 0;padding:10px;border-radius:4px;background:#ebf6ff;border:1px solid #dceaf5;zoom:1}.link-bd:after,.link-bd:before{content:" ";display:table}.link-bd .link-bd__icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:flex;align-items:center;width:40px;justify-content:center;height:40px;line-height:40px;font-size:20px;background:#bcc6d8;text-align:center;border-radius:2px}.link-btn{text-align:center;font-size:0;margin-top:24px}.link-bd .link-bd__text{font-size:14px;color:#006cbe;margin-left:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.link-btn__text{display:inline-block;width:144px;height:44px;line-height:43px;border-radius:22px;font-size:14px;color:#006cbe;border:1px solid #006cbe;cursor:pointer;text-decoration:none}.link-btn__text:hover{color:#fff;background:#006cbe} .alert-footer { margin: 0 auto; height: 90px; padding:30px 60px; display:inline-block; } .alert-footer-icon { float: left; padding:10px 10px; text-align:right; } .alert-footer-text { float: right; border-left: 2px solid #EEE; padding: 3px 0 0 5px; height: 60px; color: #0B85CC; font-size: 12px; text-align: left; } .alert-footer-text p { color: #7A7A7A; font-size: 22px; line-height: 18px; margin-top: 0px; } .ext-link__wrapper>img{ width:50%; } @media screen and (max-width: 768px){ .link-bd,.ext-link__wrapper{ width:90%; } .link-btn__text{ width:40%; } } </style> </head> <body> <div class="ext-link__wrapper"> <?php echo zib_get_adaptive_theme_img(_pz('logo_src'), _pz('logo_src_dark')); ?><!--可修改成自己的LOGO--> <div class="title">即将跳转到外部网站</div> <div class="sub-title">跳转网站安全性未知，是否继续</div> <div class="link-bd"> <div class="link-bd__icon"><svg t="1585116627498" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2855" width="32" height="32"> <path d="M580.906667 682.496a8.96 8.96 0 0 0-12.501334 0l-129.109333 129.152c-59.818667 59.818667-160.682667 66.133333-226.688 0-66.133333-66.133333-59.733333-166.912 0-226.688l129.109333-129.152a8.917333 8.917333 0 0 0 0-12.544L297.514667 399.061333a8.917333 8.917333 0 0 0-12.544 0l-129.152 129.066667a240.256 240.256 0 0 0 0 340.053333 240.213333 240.213333 0 0 0 340.053333 0l129.066667-129.109333a8.917333 8.917333 0 0 0 0-12.586667l-43.989334-43.989333h-0.042666zM868.224 155.733333a240.554667 240.554667 0 0 1 0 340.138667l-129.109333 129.152a8.917333 8.917333 0 0 1-12.544 0l-44.202667-44.202667a8.96 8.96 0 0 1 0-12.629333l129.109333-129.066667c59.818667-59.818667 66.133333-160.597333 0-226.730666-66.005333-66.133333-166.869333-59.818667-226.688 0l-129.066666 129.194666a8.96 8.96 0 0 1-12.544 0L399.061333 297.514667a8.96 8.96 0 0 1 0-12.544l129.237334-129.152a240.213333 240.213333 0 0 1 339.925333 0v-0.042667z m-247.210667 201.045334l43.946667 43.989333a8.917333 8.917333 0 0 1 0 12.544l-251.562667 251.562667a8.917333 8.917333 0 0 1-12.544 0l-44.032-43.946667a8.917333 8.917333 0 0 1 0-12.544l251.690667-251.605333a8.96 8.96 0 0 1 12.544 0h-0.042667z" fill="#006CBE" fill-opacity=".87" p-id="2856"></path> </svg></div> <div class="link-bd__text"><?php echo $url; ?></div> </div> <div class="link-btn"> <a href="javascript:void(0);" onclick="javascript:window.location.href='<?php echo $url; ?>'" class="link-btn__text">继续前往</a> <a onclick="location.replace('//<?php echo $_SERVER['HTTP_HOST']; ?>')" class="link-btn__text" style="margin-left:10px;">回到主页</a> </div> <div class="alert-footer"> <div class="alert-footer-icon"><svg width="46px" height="42px"> <circle fill-rule="evenodd" clip-rule="evenodd" fill="#7B7B7B" stroke="#DEDFE0" stroke-width="2" stroke-miterlimit="10" cx="21.917" cy="21.25" r="17"/> <path fill="#FFF" d="M22.907,27.83h-1.98l0.3-2.92c-0.37-0.22-0.61-0.63-0.61-1.1c0-0.71,0.58-1.29,1.3-1.29s1.3,0.58,1.3,1.29 c0,0.47-0.24,0.88-0.61,1.1L22.907,27.83z M18.327,17.51c0-1.98,1.61-3.59,3.59-3.59s3.59,1.61,3.59,3.59v2.59h-7.18V17.51z M27.687,20.1v-2.59c0-3.18-2.59-5.76-5.77-5.76s-5.76,2.58-5.76,5.76v2.59h-1.24v10.65h14V20.1H27.687z"/> <circle fill-rule="evenodd" clip-rule="evenodd" fill="#FEFEFE" cx="35.417" cy="10.75" r="6.5"/> <polygon fill="#7B7B7B" stroke="#7B7B7B" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="35.417,12.16 32.797,9.03 31.917,10.07 35.417,14.25 42.917,5.29 42.037,4.25 "/> </svg></div> <div class="alert-footer-text"><p>secure</p>安全加密 </div> </div> </div> </body> </html>
设计理念：
温馨复古风则注重营造一种怀旧、亲切的氛围，通过柔和的色彩、复古的字体和图案元素，勾起人们对过去美好时光的回忆。
设计元素：
- 色彩选择： 采用暖色调，如棕色、米色、淡黄色等，营造出温馨舒适的视觉感受。
- 字体与图标： 选择具有复古感的字体，如手写体或带有轻微磨损效果的字体，图标可以是复古风格的箭头或罗盘等，增加历史感。
- 图案与纹理： 在按钮背景上添加轻微的纹理或图案，如旧纸张的纹理、复古边框等，进一步强调复古风格。
- 动态效果： 考虑到复古风格往往追求静态美，动态效果可以相对简约，如鼠标悬停时轻微的变色或淡入淡出效果，避免过于花哨。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
